Footer 21 - CTA band above linksPro

About Footer 21

Full-width bordered call-to-action band with headline and two buttons, sitting directly above a four-column link footer.

Footer 21 is a pro footer block for React, built on shadcn/ui and Tailwind CSS. It ships as 87 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.

• cta
• band
• columns
• conversion

Installation

1. Add the Chocolate UI registry to your components.json (see the installation guide).
2. Run the shadcn CLI:

npx shadcn@latest add @chocolate/footer-21

Dependencies installed automatically: lucide-react.

Uses: button, reveal, utils.

Usage

import Footer21 from "@/components/blocks/footer-21"

export default function Page() {
  return <Footer21 />
}

FAQ