Mega Menu
Nav flyout pairing a vertical product list with a gradient promo pane spotlighting a new release.
Products
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"
/>