19 lines
1009 B
TypeScript
19 lines
1009 B
TypeScript
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>
|
|
);
|
|
}
|