Add IdeaBoard landing page

src/app/page.tsx

@@ -0,0 +1,61 @@
+import Link from "next/link";
+import type { Route } from "next";
+import { Button } from "@/components/ui/button";
+import { Card } from "@/components/ui/card";
+import { Avatar, AvatarFallback } from "@/components/ui/avatar";
+import { Menu, ChevronUp } from "lucide-react";
+
+const ideas = [
+  { id: 1, emoji: "🧠", title: "Offline AI assistant shell", votes: 45 },
+  { id: 2, emoji: "🌍", title: "Static site builder magyar vállalkozásoknak", votes: 27 },
+  { id: 3, emoji: "🚀", title: "Home automation integrations", votes: 19 },
+];
+
+export default function IdeaBoardPage() {
+  return (
+    <main className="max-w-2xl mx-auto p-4 space-y-4">
+      <header className="flex items-center justify-between pb-2 border-b">
+        <h1 className="text-2xl font-bold">IdeaBoard</h1>
+        <div className="flex items-center gap-2">
+          <Menu className="h-6 w-6 md:hidden" />
+          <Avatar className="size-8 hidden md:block">
+            <AvatarFallback>A</AvatarFallback>
+          </Avatar>
+        </div>
+      </header>
+
+      <Button className="bg-blue-500 hover:bg-blue-600 text-white font-semibold px-4 py-2 rounded-lg">
+        Submit new idea
+      </Button>
+
+      <div className="space-y-2">
+        {ideas.map((idea) => (
+          <Link
+            key={idea.id}
+            href={`/ideas/${idea.id}` as Route}
+            className="block"
+          >
+            <Card className="flex items-center justify-between bg-muted px-4 py-3 rounded-lg shadow-sm hover:bg-accent transition">
+              <div className="flex items-center gap-2">
+                <span className="text-xl">{idea.emoji}</span>
+                <span className="font-medium">{idea.title}</span>
+              </div>
+              <div className="flex items-center gap-1 text-muted-foreground">
+                <span className="text-sm">{idea.votes}</span>
+                <ChevronUp className="w-4 h-4" />
+              </div>
+            </Card>
+          </Link>
+        ))}
+      </div>
+
+      <div className="flex justify-center pt-4">
+        <div className="flex items-center gap-2 text-sm">
+          <Button variant="outline" size="sm">1</Button>
+          <Button variant="outline" size="sm">2</Button>
+          <Button variant="outline" size="sm">3</Button>
+        </div>
+      </div>
+    </main>
+  );
+}