BlocksHero

Hero 1

Primary hero block with alert, text animation, and call-to-action buttons

Preview

Modern Solutions for Customer Engagement

Highly customizable components for building modern websites and applications that look and feel the way you mean it.

Props

The Hero_1 block accepts the following props from PayloadCMS:

Prop

Type

Installation

npx shadcn@latest add @uifoundry/hero-1

If you encounter issues, check the registry setup guide for configuration help.

Registry Dependencies

This component uses the following registry components:

  • Button - Customizable button component with variants
  • Animated Group - Motion primitive for animating groups of elements
  • Text Effect - Text animation effects with staggered reveals
  • Media Field - PayloadCMS dual upload field (light/dark variants)
  • Header Field - PayloadCMS text field for headers
  • Subheader Field - PayloadCMS text field for subheaders
  • 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
  • Lucide React - Beautiful & consistent icon toolkit

Registry Setup

Configure your components.json to use UIFoundry components with the shadcn CLI

Header Blocks

Collection of PayloadCMS header block configurations and components

On this page

PreviewPropsInstallationRegistry DependenciesDependencies