Mega Menu
Nav flyout pairing a vertical product list with a photo pane on the right.
The import and the props worth knowing about, in one place.
import { Nav23 } from "@/components/beste/piece/nav23";
<Nav23
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?q=80&w=400&h=600&auto=format&fit=crop"
alt="Products preview"
bordered={false}
/>