BlocksFooter
Footer 2
Grid-based footer with brand logo on left and grouped navigation links on right, featuring bottom border with copyright and social icons
Preview
Props
The Footer_2 block accepts the following props from PayloadCMS:
Prop
Type
MediaField
The brand logo field supports separate images for light and dark themes:
Prop
Type
LinkGroup
Each link group in the links array has the following structure:
Prop
Type
LinkItem
Each navigation link within a group's items array has the following structure:
Prop
Type
SocialLink
Each social link in the socialLinks array has the following structure:
Prop
Type
Installation
npx shadcn@latest add @uifoundry/footer-2If you encounter issues, check the registry setup guide for configuration help.
Registry Dependencies
This component uses the following registry components:
- Media Field - PayloadCMS media field with theme support
- Social Links Field - PayloadCMS field for managing social media links with icon selection
- Style Utils - Tailwind utility functions including
cn()class merger
Dependencies
This component requires the following NPM packages:
- React - JavaScript library for building user interfaces
- Next.js - React framework for production
- PayloadCMS - Headless CMS and application framework
- Lucide React - Beautiful & consistent icon toolkit