Navbar

<header class="border-b border-separator bg-bg-primary/80 backdrop-blur">
  <nav class="flex h-16 items-center justify-between px-6">
    <a href="/" class="font-mono font-bold italic">buena</a>
    <ul class="flex items-center gap-6 text-xs lowercase">
      <li><a href="/apps">apps</a></li>
      <li><a href="/typefaces">typefaces</a></li>
      <li><a href="/design" class="text-text-primary">design</a></li>
    </ul>
    <SiteSearch client:load />
    <ThemeSwitcher client:load />
  </nav>
</header>