Mega Menu Navbar

import { MegaNavbar } from "@/components/ui/";

export default function Page() {
    const navItems = [
        { label: "Home", href: "/" },
        { label: "Products", href: "/products" },
        { label: "Resources", href: "/resources" },
        { label: "Pricing", href: "/pricing" },
    ];

    const megaMenu = [
        {
            title: "Products",
            description: "Explore our suite of tools",
            items: [
                { label: "Analytics", href: "/products/analytics" },
                { label: "Dashboard", href: "/products/dashboard" },
            ]
        }
    ];

    return (
        <MegaNavbar
            items={navItems}
            megaMenu={megaMenu}
            ctaButton={{ label: "Get Started", href: "/signup" }}
        />
    );
}