'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>
    );
}