spb/cancerindex

1import Link from 'next/link';2import { NAV } from '@/lib/site';3import { CommandPalette } from './command-palette';4import { MobileNav } from './mobile-nav';56export function SiteHeader() {7  return (8    <header className="sticky top-0 z-30 border-b border-rule bg-paper/95 backdrop-blur-sm" style={{ height: 'var(--ci-header-h)' }}>9      <div className="mx-auto flex h-full max-w-[1400px] items-center gap-4 px-4 sm:px-6">10        <Link href="/" className="flex items-baseline gap-2 no-underline">11          <span className="font-display text-[20px] font-medium tracking-tight text-ink">CancerIndex</span>12          <span className="hidden text-[11px] uppercase tracking-[0.08em] text-ink-3 md:inline">the global index of cancer</span>13        </Link>14        <nav aria-label="Primary" className="ml-2 hidden flex-1 items-center gap-4 lg:flex">15          {NAV.map((n) => (16            <Link key={n.href} href={n.href} className="text-[13.5px] text-ink-2 no-underline hover:text-accent">17              {n.label}18            </Link>19          ))}20        </nav>21        <div className="ml-auto flex items-center gap-2">22          <CommandPalette />23          <MobileNav />24        </div>25      </div>26    </header>27  );28}29