31 lines
1.1 KiB
TypeScript
31 lines
1.1 KiB
TypeScript
import Link from "next/link";
|
|
|
|
export function SiteHeader() {
|
|
return (
|
|
<header className="sticky top-0 z-40 border-b bg-background/85 backdrop-blur motion-safe:animate-in motion-safe:fade-in motion-safe:slide-in-from-top-2 motion-safe:duration-500">
|
|
<div className="mx-auto flex w-full max-w-6xl items-center justify-between px-4 py-3 sm:px-8">
|
|
<Link
|
|
href="/"
|
|
className="text-sm font-semibold tracking-tight transition-colors duration-200 hover:text-primary sm:text-base"
|
|
>
|
|
Takasumi-Neodyマイクラサーバプロジェクト
|
|
</Link>
|
|
<nav className="flex items-center gap-4 text-sm">
|
|
<Link
|
|
href="/"
|
|
className="underline-offset-4 transition-colors duration-200 hover:text-primary hover:underline"
|
|
>
|
|
メインページ
|
|
</Link>
|
|
<Link
|
|
href="/announcements"
|
|
className="underline-offset-4 transition-colors duration-200 hover:text-primary hover:underline"
|
|
>
|
|
お知らせ
|
|
</Link>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
);
|
|
}
|