snapme

1import Link from "next/link"
2
3import { Wordmark } from "@/components/site/Wordmark"
4import { Button } from "@/components/ui/button"
5
6/* DESIGN-SYSTEM §10.1: baris atas Welcome dan halaman Privasi.
7   Varian CTA: `secondary` saat hero memegang satu-satunya aksi `primary`
8   (§1 dan §14), `primary` di halaman yang tidak punya aksi lain, dan `none`
9   di halaman yang aksinya sudah dipegang panel (halaman strip dan 404), supaya
10   labelnya tidak muncul dua kali di satu layar. */
11export function SiteHeader({
12  ctaVariant = "secondary",
13}: {
14  ctaVariant?: "primary" | "secondary" | "none"
15}) {
16  return (
17    <header className="flex flex-wrap items-center justify-between gap-3">
18      <Wordmark />
19      <nav className="flex flex-wrap items-center gap-4">
20        <Link
21          href="/privasi"
22          className="inline-flex min-h-11 items-center px-1 font-mono text-xs font-bold tracking-[0.06em] uppercase focus-visible:outline-3 focus-visible:outline-offset-3 focus-visible:outline-violet"
23        >
24          Privasi
25        </Link>
26        {ctaVariant === "none" ? null : (
27          <Button variant={ctaVariant} size="sm" asChild>
28            <Link href="/booth/layout">Mulai Foto</Link>
29          </Button>
30        )}
31      </nav>
32    </header>
33  )
34}
35