28 lines
1.3 KiB
TypeScript
28 lines
1.3 KiB
TypeScript
import type { Dictionary } from "@/lib/i18n/get-dictionary";
|
|
import type { Locale } from "@/lib/i18n/locales";
|
|
import { LanguageSwitcher } from "@/components/language-switcher";
|
|
|
|
export function SiteHeader({ dict, locale }: { dict: Dictionary["nav"]; locale: Locale }) {
|
|
return (
|
|
<header className="sticky top-0 z-50 border-b border-white/5 bg-void/80 backdrop-blur">
|
|
<div className="mx-auto flex h-16 w-full max-w-4xl items-center justify-between px-5">
|
|
<a href="#top" className="font-mono text-lg font-bold tracking-tight">
|
|
fristy<span className="text-blurple">.dev</span>
|
|
</a>
|
|
<nav className="hidden items-center gap-6 text-sm text-zinc-400 sm:flex">
|
|
<a href="#discord" className="transition-colors hover:text-white">
|
|
{dict.discord}
|
|
</a>
|
|
<a href="#projects" className="transition-colors hover:text-white">
|
|
{dict.projects}
|
|
</a>
|
|
<a href="#contact" className="transition-colors hover:text-white">
|
|
{dict.contact}
|
|
</a>
|
|
</nav>
|
|
<LanguageSwitcher current={locale} />
|
|
</div>
|
|
</header>
|
|
);
|
|
}
|