Marketing blocks
Footers
Site footers: four-column links, with newsletter, with CTA band, centered and minimal — on Light, Muted or Brand tone. Figma: Footer.
import
{ FooterSection, type FooterColumn, type FooterLayout } from "@pepulux/ui"Columns
Pepulux
Design with confidence — build once, ship everywhere.
Newsletter (muted)
CTA band (brand)
Start your free trial
Join thousands of teams.
Pepulux
Design with confidence — build once, ship everywhere.
Centered
Minimal
Pepulux
© 2026 Pepulux. All rights reserved.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| layout | "columns" | "newsletter" | "cta" | "centered" | "minimal" | "columns" | Figma layout |
| tone | "light" | "muted" | "brand" | "light" | Background tone — Figma Light / Muted / Brand |
| columns | FooterColumn[] | — | { title; links: { label; href?; badge? }[] } |
| links | { label; href? }[] | — | Flat links for centered / minimal |
| socials | { provider; href?; label }[] | — | Social icons (SocialIcon providers) |
| newsletter / cta | object | — | Newsletter form or CTA band content |
| appBadges | boolean | — | Show App Store and Google Play badges |
| copyright / tagline / logoText | string | — | Brand text |