import Link from "next/link"
import { Button } from "@/components/ui/button"

export function Navigation() {
  return (
    <nav className="border-b border-border bg-card/50 backdrop-blur-sm sticky top-0 z-50">
      <div className="container mx-auto px-4 py-4">
        <div className="flex items-center justify-between">
          <Link href="/" className="flex items-center gap-2">
            <span className="text-2xl">🍄</span>
            <span className="font-semibold text-xl text-foreground">Shiitake John</span>
          </Link>

          <div className="flex items-center gap-6">
            <Link href="/" className="text-foreground hover:text-primary transition-colors">
              Home
            </Link>
            <Link href="/events" className="text-foreground hover:text-primary transition-colors">
              Events
            </Link>
            <Link href="/sponsor">
              <Button className="bg-primary hover:bg-primary/90 text-primary-foreground">Sponsor the Forest</Button>
            </Link>
          </div>
        </div>
      </div>
    </nav>
  )
}
