import Link from "next/link";
export default function Header() {
  return (
    <header className="sticky top-0 z-40 w-full border-b bg-background/80 backdrop-blur">
      <div className="container flex items-center justify-between py-4">
        <Link href="/" className="flex items-center gap-2 no-underline">
          <span className="text-lg font-semibold">Van Hunen IT</span>
        </Link>
        <nav aria-label="Main" className="flex items-center gap-2 text-sm">
          {[{ href: "/services", label: "Services" },{ href: "/free", label: "Free tools" },{ href: "/contact", label: "Contact" },{ href: "/privacy", label: "Privacy" },{ href: "/terms", label: "Terms" }].map((item) => (
            <Link key={item.href} href={item.href} className="no-underline rounded-lg px-3 py-2 hover:bg-muted focus-visible:bg-muted transition">{item.label}</Link>
          ))}
        </nav>
        <Link href="/contact" className="btn-primary no-underline">Start now</Link>
      </div>
    </header>
  );
}