Footer

A marketing footer with product navigation, compliance links, newsletter capture, and social actions.

Preview & Interactive Laboratory

Usage & Implementation

import { Footer } from "@/components/footer"

<Footer className="mt-24" />
React / Tailwind

Granular Customization

1

Shell

Controls the full-width surface, top border, and ambient glow treatment.

className={`className`}
2

Brand Column

Hosts the newsletter form and platform positioning copy.

className={`Input / Button styling`}
3

Link Columns

Organizes resources, solution verticals, and legal links.

className={`Link blocks and headings`}

API Reference (Props)

PropTypeDefaultDescription
classNamestring-Extends the outer footer wrapper.