+
-
ComparAIson
+
ComparAIson
-
+
-
-
-
+
+ {mobileMenuOpen && (
+
+
+
+ setSearchQuery(e.target.value)}
+ className="pl-9"
+ />
+
+
+
+ )}
-
{children}
+
+
+
+
+
)
-}
+}
\ No newline at end of file
diff --git a/src/app/(main)/profile/page.tsx b/src/app/(main)/profile/page.tsx
new file mode 100644
index 0000000..5ac15f0
--- /dev/null
+++ b/src/app/(main)/profile/page.tsx
@@ -0,0 +1,157 @@
+"use client"
+
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
+import { Button } from "@/components/ui/button"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+import { Badge } from "@/components/ui/badge"
+import { BarChart3, Eye, Calendar, Plus, ArrowRight } from "lucide-react"
+import Link from "next/link"
+
+const mockUser = {
+ name: "Alex Johnson",
+ email: "alex@example.com",
+ avatar: "/placeholder-avatar.png",
+}
+
+const mockComparisons = [
+ {
+ id: "1",
+ title: "React vs Vue vs Svelte",
+ items: ["React", "Vue", "Svelte"],
+ tags: ["Tech", "JavaScript"],
+ overallScore: 8.5,
+ views: 1247,
+ createdAt: "2024-01-15",
+ },
+ {
+ id: "2",
+ title: "GPT-4 vs Claude vs Gemini",
+ items: ["GPT-4", "Claude 3", "Gemini Pro"],
+ tags: ["AI", "Products"],
+ overallScore: 8.8,
+ views: 3891,
+ createdAt: "2024-01-10",
+ },
+ {
+ id: "3",
+ title: "Notion vs Obsidian vs Roam",
+ items: ["Notion", "Obsidian", "Roam Research"],
+ tags: ["Productivity"],
+ overallScore: 7.5,
+ views: 892,
+ createdAt: "2024-01-05",
+ },
+]
+
+const stats = [
+ { label: "Total Comparisons", value: 12, icon: BarChart3 },
+ { label: "Total Views", value: "8.2K", icon: Eye },
+]
+
+export default function ProfilePage() {
+ return (
+
+
+
+
+
+ {mockUser.name.split(" ").map((n) => n[0]).join("")}
+
+
+
+
{mockUser.name}
+
{mockUser.email}
+
+
+
+
+ {stats.map((stat) => (
+
+
+
+
+
+
+
{stat.value}
+
{stat.label}
+
+ ))}
+
+
+
+
+
My Comparisons
+
+
+
+
+
+ {mockComparisons.length > 0 ? (
+
+ {mockComparisons.map((comparison) => (
+
+
+
+ {comparison.title}
+
+
+ {comparison.createdAt}
+
+
+
+
+ {comparison.tags.map((tag) => (
+
+ {tag}
+
+ ))}
+
+
+
+ {comparison.items.join(" vs ")}
+
+
+
+
+ {comparison.views.toLocaleString()}
+
+
+ {comparison.overallScore}/10
+
+
+
+
+ ))}
+
+ ) : (
+
+
+
+
+
+
+
No comparisons yet
+
+ Create your first comparison to get started
+
+
+
+
+
+
+ )}
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3f36f7c..cb8dcaf 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,65 +1,186 @@
-import Image from "next/image";
+import Link from "next/link"
+import { Sparkles, BarChart3, Search, Share2, ArrowRight, CheckCircle2 } from "lucide-react"
+import { Button } from "@/components/ui/button"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
-export default function Home() {
+const exampleComparisons = [
+ {
+ title: "React vs Vue vs Svelte",
+ description: "Frontend framework comparison for modern web development",
+ tags: ["Tech", "JavaScript"],
+ items: ["React", "Vue", "Svelte"],
+ scores: [8.5, 7.8, 8.2],
+ },
+ {
+ title: "GPT-4 vs Claude vs Gemini",
+ description: "Comparing top AI language models for reasoning tasks",
+ tags: ["AI", "Products"],
+ items: ["GPT-4", "Claude 3", "Gemini Pro"],
+ scores: [8.8, 9.0, 8.4],
+ },
+ {
+ title: "Notion vs Obsidian vs Roam",
+ description: "Knowledge management tools for productivity",
+ tags: ["Products", "Productivity"],
+ items: ["Notion", "Obsidian", "Roam Research"],
+ scores: [7.5, 8.3, 7.2],
+ },
+ {
+ title: "AWS vs GCP vs Azure",
+ description: "Cloud platform comparison for enterprise infrastructure",
+ tags: ["Tech", "Cloud"],
+ items: ["AWS", "Google Cloud", "Microsoft Azure"],
+ scores: [9.0, 8.2, 8.5],
+ },
+]
+
+const features = [
+ {
+ icon: BarChart3,
+ title: "Rich Visualizations",
+ description: "Interactive radar charts, bar graphs, and comparison tables to understand your results at a glance.",
+ },
+ {
+ icon: Search,
+ title: "Deep Research",
+ description: "AI-powered research that gathers comprehensive data from multiple sources for each item.",
+ },
+ {
+ icon: Share2,
+ title: "Save & Share",
+ description: "Keep your comparisons private or share them with the world. Build a library of research.",
+ },
+]
+
+export default function HomePage() {
return (
-
-
-
-
-
- To get started, edit the page.tsx file.
+
+
+
+
+
+ AI-Powered Research
+
+
+
+ Compare Anything with{" "}
+ AI-Powered Deep Research
-
- Looking for a starting point or more instructions? Head over to{" "}
-
- Templates
- {" "}
- or the{" "}
-
- Learning
- {" "}
- center.
+
+
+ Stop spending hours researching. Let AI do the work for you with comprehensive,
+ multi-dimensional comparisons on anything you can think of.
+
+
+
+
+
+
+
+
+
-
-
- Deploy Now
-
-
- Documentation
-
+
+
+
+
+
Example Comparisons
+
+
+ {exampleComparisons.map((example) => (
+
+
+
+
+ {example.title}
+
+
+ {example.description}
+
+
+
+
+ {example.tags.map((tag) => (
+
+ {tag}
+
+ ))}
+
+
+
+ {example.items.slice(0, 2).join(" vs ")}
+ {example.items.length > 2 && ` vs ${example.items.length - 2}+`}
+
+
+
+ {example.scores.slice(0, 3).map((score, i) => (
+
+ ))}
+
+
+ ))}
+
+
+
+
+
Why ComparAIson?
+
+
+ {features.map((feature) => (
+
+
+
+
+
{feature.title}
+
{feature.description}
+
+ ))}
+
+
+
+
+
+
Ready to compare?
+
+ Start your first comparison in seconds. It's free to get started.
+
+
+
+
+
+
+