Navigation Menu

import {
  NavigationMenu, NavigationMenuList, NavigationMenuItem,
  NavigationMenuTrigger, NavigationMenuContent, NavigationMenuLink,
} from "@sigil-ui/components";

<NavigationMenu>
  <NavigationMenuList>
    <NavigationMenuItem>
      <NavigationMenuTrigger>Products</NavigationMenuTrigger>
      <NavigationMenuContent>
        <Stack gap={8} className="p-4 w-[400px]">
          <NavigationMenuLink href="/components">Components</NavigationMenuLink>
          <NavigationMenuLink href="/presets">Presets</NavigationMenuLink>
        </Stack>
      </NavigationMenuContent>
    </NavigationMenuItem>
    <NavigationMenuItem>
      <NavigationMenuLink href="/docs">Docs</NavigationMenuLink>
    </NavigationMenuItem>
  </NavigationMenuList>
</NavigationMenu>

<NavigationMenuContent>
  <SigilGrid columns={2} gap={12} className="p-4 w-[500px]">
    <SigilGridCell>
      <h4>Components</h4>
      <p className="text-sm text-[var(--s-text-muted)]">40+ styled components</p>
    </SigilGridCell>
    <SigilGridCell>
      <h4>Presets</h4>
      <p className="text-sm text-[var(--s-text-muted)]">31 curated themes</p>
    </SigilGridCell>
  </SigilGrid>
</NavigationMenuContent>