Mega Menu

Nav flyout pairing a vertical product list with a gradient promo pane spotlighting a new release.

Products
Products preview

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Nav23 } from "@/components/beste/piece/nav23";

<Nav23
  heading="Products"
  items={[
    {
      "label": "Blocks",
      "description": "Copy-paste section templates"
    },
    {
      "label": "Themes",
      "description": "Design system starters"
    },
    {
      "label": "Components",
      "description": "Ready-to-style primitives"
    }
  ]}
  imageSrc="https://images.unsplash.com/photo-1719951565103-6069b7ae047d?w=100&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDE5fHx8ZW58MHx8fHx8"
  alt="Products preview"
/>