29 lines
1.1 KiB
TypeScript
29 lines
1.1 KiB
TypeScript
'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>
|
|
);
|
|
} |