Footer Mega 1
A comprehensive footer with 5 navigation columns, brand section, and bottom bar for legal links and copyright.
A full-width mega footer that organizes your site navigation into 5 distinct columns plus a brand area.
Each column has a clickable header and 4-5 links underneath. The component uses a responsive grid that stacks to 2 columns on mobile, 3 on tablets, and spreads to 6 on desktop.
Everything is configured through the navigationColumns array at the top. Add your logo URL, swap out links, change column titles. The copyright year updates automatically.
Built with Next.js Image and Link components for optimization. Includes proper ARIA labels for accessibility.
Install Component
Run Claude Code then copy and paste this command
Sign In to Build
Join with a free account
Claude Code will install this into the /src/components folder in your project
Tell Claude Code where you want to use this
Key Features
5 navigation columns with configurable links
Responsive grid (2 cols mobile → 6 cols desktop)
Brand section with logo and tagline
Bottom bar for Terms/Privacy links
Auto-updating copyright year
Use Cases
Adding a comprehensive footer to your SaaS app
Organizing site navigation for content-heavy sites
Building a multi-product landing page footer
Creating a footer for documentation sites
Frequently Asked Questions
Dependencies
These will be automatically installed when you add this component to your project.