Mega Menu
tsx
"use client";import { MegaMenu } from "@/components/godui/mega-menu";import { GitBranch, Rocket, BookOpen, Newspaper } from "lucide-react";const items = [{ label: "Product", sections: [ { heading: "Build", links: [ { label: "Editor", href: "#editor", description: "Write and ship code", icon: <GitBranch className="size-4" /> }, { label: "Deploy", href: "#deploy", description: "Global edge", icon: <Rocket className="size-4" /> }, ], }, ],},{ label: "Resources", sections: [ { links: [ { label: "Docs", href: "#docs", description: "Guides and reference", icon: <BookOpen className="size-4" /> }, { label: "Changelog", href: "#changelog", description: "What shipped", icon: <Newspaper className="size-4" /> }, ], }, ],},{ label: "Pricing", href: "#pricing" },];export function MegaMenuDemo() {return <MegaMenu items={items} />;}