BlocksFooter

Footer 1

Centered footer layout with brand logo, horizontal navigation, social media icons, and copyright text

Preview

Props

The Footer_1 block accepts the following props from PayloadCMS:

Prop

Type

MediaField

The brand logo field supports separate images for light and dark themes:

Prop

Type

LinkItem

Each navigation link in the links array has the following structure:

Prop

Type

Each social link in the socialLinks array has the following structure:

Prop

Type

Installation

npx shadcn@latest add @uifoundry/footer-1

If 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

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

Header 5

Header with fixed backdrop blur and solid border bottom

Footer 2

Grid-based footer with brand logo on left and grouped navigation links on right, featuring bottom border with copyright and social icons

On this page

PreviewPropsMediaFieldLinkItemSocialLinkInstallationRegistry DependenciesDependencies