Jason Woltje
8c5a25e976
Some checks failed
ci/woodpecker/push/web Pipeline failed
Co-authored-by: Jason Woltje <jason@diversecanvas.com> Co-committed-by: Jason Woltje <jason@diversecanvas.com>
36 lines
1.0 KiB
TypeScript
36 lines
1.0 KiB
TypeScript
import Link from "next/link";
|
|
|
|
const links = [
|
|
{ label: "Home", href: "/" },
|
|
{ label: "Projects", href: "/projects" },
|
|
{ label: "Writing", href: "/writing" },
|
|
{ label: "About", href: "/about" },
|
|
{ label: "Contact", href: "/contact" },
|
|
];
|
|
|
|
export function SiteHeader() {
|
|
return (
|
|
<header className="sticky top-0 z-50 w-full bg-background/80 backdrop-blur-xl">
|
|
<nav className="mx-auto flex max-w-7xl items-center justify-between px-6 py-4">
|
|
<Link
|
|
href="/"
|
|
className="font-headline text-xl font-bold uppercase tracking-tighter text-primary"
|
|
>
|
|
JASON WOLTJE
|
|
</Link>
|
|
<div className="hidden items-center gap-8 md:flex">
|
|
{links.map((link) => (
|
|
<Link
|
|
key={link.href}
|
|
href={link.href}
|
|
className="font-label text-[14px] uppercase tracking-tighter text-on-surface-variant transition-colors hover:text-primary"
|
|
>
|
|
{link.label}
|
|
</Link>
|
|
))}
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
);
|
|
}
|