Navigation Menu

import { NavigationMenu } from "@/components/ui/navigation-menu"

export function Example() {
  return (
    <NavigationMenu>
      <NavigationMenuList>
        <NavigationMenuItem>
          <NavigationMenuTrigger>Product</NavigationMenuTrigger>
          <NavigationMenuContent>
            <div className="grid w-80 gap-1 p-2">
              <NavigationMenuLink href="#">AI chat</NavigationMenuLink>
              <NavigationMenuLink href="#">Billing</NavigationMenuLink>
              <NavigationMenuLink href="#">Admin</NavigationMenuLink>
            </div>
          </NavigationMenuContent>
        </NavigationMenuItem>
        <NavigationMenuItem>
          <NavigationMenuTrigger>Resources</NavigationMenuTrigger>
          <NavigationMenuContent>
            <div className="grid w-64 gap-1 p-2">
              <NavigationMenuLink href="#">Docs</NavigationMenuLink>
              <NavigationMenuLink href="#">Gallery</NavigationMenuLink>
            </div>
          </NavigationMenuContent>
        </NavigationMenuItem>
      </NavigationMenuList>
      <NavigationMenuViewport />
    </NavigationMenu>
  )
}