clean up

Bit-Barron · Oct 29, 2024 · 67cabdd · 67cabdd
1 parent 7a745b0
commit 67cabdd
Show file tree

Hide file tree

Showing 4 changed files with 107 additions and 33 deletions.
diff --git a/src/routes/(home)/+page.svelte b/src/routes/(home)/+page.svelte
@@ -1,23 +1,10 @@
 <script>
 	import Navbar from '$lib/components/container/navbar/navbar.svelte';
 	import { PlayCircle, Search, MessageCircle } from 'lucide-svelte';
-	import { onMount } from 'svelte';
 
 	let videoUrl = '';
 
-	// @ts-ignore
-	function handleSubmit(event) {
-		event.preventDefault();
-		console.log('Submitted URL:', videoUrl);
-	}
-
-	onMount(() => {
-		document.body.classList.add('dark');
-	});
-
 	export let data;
-
-	console.log('asdasd', data);
 </script>
 
 <div class="min-h-screen bg-gradient-to-b from-gray-900 to-gray-800 text-gray-100">
@@ -32,7 +19,7 @@
 				Get instant answers to your questions about any YouTube video. Just paste the URL and ask
 				away!
 			</p>
-			<form on:submit={handleSubmit} class="mx-auto flex max-w-2xl gap-4">
+			<form class="mx-auto flex max-w-2xl gap-4">
 				<input
 					type="url"
 					placeholder="Paste YouTube video URL here"
@@ -103,9 +90,9 @@
 				</div>
 				<nav>
 					<ul class="flex space-x-4">
-						<li><a href="#" class="hover:text-purple-400">Privacy Policy</a></li>
-						<li><a href="#" class="hover:text-purple-400">Terms of Service</a></li>
-						<li><a href="#" class="hover:text-purple-400">Contact Us</a></li>
+						<li><a href="/policy" class="hover:text-purple-400">Privacy Policy</a></li>
+						<li><a href="/terms" class="hover:text-purple-400">Terms of Service</a></li>
+						<li><a href="/contact" class="hover:text-purple-400">Contact Us</a></li>
 					</ul>
 				</nav>
 			</div>
@@ -115,18 +102,3 @@
 		</div>
 	</footer>
 </div>
-
-<style>
-	:global(body) {
-		margin: 0;
-		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
-			'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
-		-webkit-font-smoothing: antialiased;
-		-moz-osx-font-smoothing: grayscale;
-	}
-
-	:global(body.dark) {
-		background-color: #1a202c;
-		color: #f7fafc;
-	}
-</style>
diff --git a/src/routes/(home)/pricing/+page.svelte b/src/routes/(home)/pricing/+page.svelte
@@ -1 +1,98 @@
-<h1>Pricing</h1>
+<script lang="ts">
+	import { Check } from 'lucide-svelte';
+
+	const plans = [
+		{
+			name: 'Basic',
+			price: 9.99,
+			features: ['Analyze up to 10 videos per month', 'Basic question answering', 'Email support'],
+			recommended: false
+		},
+		{
+			name: 'Pro',
+			price: 19.99,
+			features: [
+				'Analyze up to 50 videos per month',
+				'Advanced question answering',
+				'Priority email support',
+				'Custom video summaries'
+			],
+			recommended: true
+		},
+		{
+			name: 'Enterprise',
+			price: 49.99,
+			features: [
+				'Unlimited video analysis',
+				'Advanced AI-powered insights',
+				'24/7 priority support',
+				'Custom integrations',
+				'Dedicated account manager'
+			],
+			recommended: false
+		}
+	];
+</script>
+
+<div class="min-h-screen bg-gray-900 text-gray-100">
+	<main class="container mx-auto px-4 py-16">
+		<h1 class="mb-4 text-center text-4xl font-bold">Choose Your Plan</h1>
+		<p class="mb-12 text-center text-xl text-gray-400">
+			Unlock the power of video analysis with our flexible pricing options
+		</p>
+
+		<div class="grid gap-8 md:grid-cols-3">
+			{#each plans as plan}
+				<div
+					class="overflow-hidden rounded-lg bg-gray-800 shadow-lg transition-transform duration-300 hover:scale-105"
+				>
+					<div class="p-6">
+						<h2 class="mb-2 text-2xl font-bold">{plan.name}</h2>
+						<p class="mb-6 text-4xl font-bold">
+							${plan.price}<span class="text-lg font-normal text-gray-400">/month</span>
+						</p>
+						<ul class="mb-6">
+							{#each plan.features as feature}
+								<li class="mb-3 flex items-center">
+									<Check class="mr-2 h-5 w-5 text-green-500" />
+									<span>{feature}</span>
+								</li>
+							{/each}
+						</ul>
+					</div>
+					<div class="bg-gray-700 p-6">
+						<button
+							class="w-full rounded-full bg-red-500 px-4 py-2 font-bold transition-colors duration-200 hover:bg-red-600"
+						>
+							{plan.recommended ? 'Start Free Trial' : 'Choose Plan'}
+						</button>
+					</div>
+					{#if plan.recommended}
+						<div
+							class="absolute right-0 top-0 rounded-bl-lg bg-red-500 px-4 py-1 font-bold text-white"
+						>
+							Recommended
+						</div>
+					{/if}
+				</div>
+			{/each}
+		</div>
+
+		<div class="mt-16 text-center">
+			<h2 class="mb-4 text-2xl font-bold">Need a custom solution?</h2>
+			<p class="mb-6 text-gray-400">
+				We offer tailored plans for large organizations and special use cases.
+			</p>
+			<a
+				href="/contact"
+				class="inline-block rounded-full bg-red-500 px-6 py-2 font-bold transition-colors duration-200 hover:bg-red-600"
+			>
+				Contact Sales
+			</a>
+		</div>
+	</main>
+</div>
+
+<style>
+	/* Add any additional component-specific styles here */
+</style>
diff --git a/src/routes/(main)/dashboard/chat/[chatId]/+page.svelte b/src/routes/(main)/dashboard/chat/[chatId]/+page.svelte
@@ -0,0 +1,5 @@
+<script lang="ts">
+    
+</script>
+
+<h1>Chat</h1>
diff --git a/src/routes/(main)/layout.svelte b/src/routes/(main)/layout.svelte