"use client"; import Image from "next/image"; export function FooterMega({ menuItems = [ { title: "Product", links: [ { text: "Overview", url: "#" }, { text: "Features", url: "#" }, { text: "Pricing", url: "#" }, { text: "Changelog", url: "#" }, { text: "Marketplace", url: "#" }, ], }, { title: "Company", links: [ { text: "About", url: "#" }, { text: "Team", url: "#" }, { text: "Careers", url: "#" }, { text: "Blog", url: "#" }, { text: "Press", url: "#" }, ], }, { title: "Resources", links: [ { text: "Docs", url: "#" }, { text: "API Reference", url: "#" }, { text: "Help Center", url: "#" }, { text: "Guides", url: "#" }, { text: "Community", url: "#" }, ], }, { title: "Developers", links: [ { text: "CLI Tools", url: "#" }, { text: "SDKs", url: "#" }, { text: "GitHub", url: "#" }, { text: "Code Samples", url: "#" }, { text: "Open Source", url: "#" }, ], }, { title: "Solutions", links: [ { text: "Startups", url: "#" }, { text: "Enterprise", url: "#" }, { text: "E-commerce", url: "#" }, { text: "Agencies", url: "#" }, { text: "Education", url: "#" }, ], }, { title: "Partners", links: [ { text: "Technology", url: "#" }, { text: "Agencies", url: "#" }, { text: "Integrations", url: "#" }, { text: "Resellers", url: "#" }, { text: "Affiliates", url: "#" }, ], }, { title: "Social", links: [ { text: "Twitter", url: "#" }, { text: "LinkedIn", url: "#" }, { text: "GitHub", url: "#" }, { text: "YouTube", url: "#" }, { text: "Discord", url: "#" }, ], }, ], copyright = "© 2024 21st.dev. All rights reserved.", bottomLinks = [ { text: "Terms", url: "#" }, { text: "Privacy", url: "#" }, { text: "Security", url: "#" }, { text: "Cookies", url: "#" }, ], }) { return ( ); }

Footer Mega

Footer Mega Demo

Installation

Usage

Footer Mega Demo