Navigation menu

Top-bar sections with a popover viewport for grouped links. 32px ghost triggers, muted text going to ink on hover or when open; the shared viewport is the floating surface (popover, 12px radius, shadow-sm). Below 1024px or on marketing surfaces only — the app shell uses the sidebar.

<NavigationMenu>
  <NavigationMenuList>
    <NavigationMenuItem>
      <NavigationMenuTrigger>Marketplace</NavigationMenuTrigger>
      <NavigationMenuContent>…grid of links…</NavigationMenuContent>
    </NavigationMenuItem>
    <NavigationMenuItem>
      <NavigationMenuLink asChild className={navigationMenuTriggerStyle()}>
        <a href="#">Docs</a>
      </NavigationMenuLink>
    </NavigationMenuItem>
  </NavigationMenuList>
</NavigationMenu>