Initial commit

src/components/layout/header.tsx

@@ -0,0 +1,29 @@
+'use client';
+
+import Link from "next/link";
+import { Sparkles } from "lucide-react";
+import { buttonVariants } from "@/components/ui/button";
+import { Button } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
+
+export function Header() {
+    return (
+        <header className="border-b border-border bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
+            <div className="mx-auto flex h-14 max-w-7xl items-center justify-between px-4 sm:px-6 lg:px-8">
+                <Link href="/" className="flex items-center gap-2 font-semibold">
+                    <Sparkles className="h-5 w-5 text-primary" />
+                    <span>Idea Guru</span>
+                </Link>
+                <nav className="flex items-center gap-2">
+                    <Link
+                        href="/"
+                        className={cn(buttonVariants({ variant: "ghost", size: "sm" }))}
+                    >
+                        Home
+                    </Link>
+                    <Button size='sm'>Get Started</Button>
+                </nav>
+            </div>
+        </header>
+    );
+}