Initial commit: fristy.net personal site

components/site-header.tsx

@@ -0,0 +1,27 @@
+import type { Dictionary } from "@/lib/i18n/get-dictionary";
+import type { Locale } from "@/lib/i18n/locales";
+import { LanguageSwitcher } from "./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">.net</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>
+    );
+}