// title: Marketing mega menu with icon cards and a featured link import { BarChart3Icon, BookOpenIcon, type LucideIcon, MailIcon, NewspaperIcon, ShieldCheckIcon, WorkflowIcon, ZapIcon, } from "lucide-react"; import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, } from "@/registry/default/ui/navigation-menu"; type Entry = { title: string; description: string; icon: LucideIcon; href: string; }; const PRODUCTS: Entry[] = [ { description: "Dashboards and funnels in real time.", href: "#analytics", icon: BarChart3Icon, title: "Analytics", }, { description: "Trigger flows from any event.", href: "#automations", icon: WorkflowIcon, title: "Automations", }, { description: "Campaigns that send themselves.", href: "#email", icon: MailIcon, title: "Email", }, { description: "SSO, audit logs and roles.", href: "#security", icon: ShieldCheckIcon, title: "Security", }, ]; const RESOURCES: Entry[] = [ { description: "Guides and API reference.", href: "#docs", icon: BookOpenIcon, title: "Documentation", }, { description: "Product news and stories.", href: "#blog", icon: NewspaperIcon, title: "Blog", }, { description: "What shipped this week.", href: "#changelog", icon: ZapIcon, title: "Changelog", }, ]; function EntryLink({ entry }: { entry: Entry }) { return ( {entry.title} {entry.description} ); } export default function Particle() { return ( Products

Resources

Report State of UI 2026 What 4,000 teams told us about their design systems.

Pricing ); }