Marketing blocks
Testimonial sections
Testimonial sections: single quote, carousel with arrows, card grid, quote + photo and quote with logos. Figma: Testimonial section.
import
{ TestimonialSection, type Testimonial, type TestimonialLayout } from "@pepulux/ui"Single
“Pepulux cut our design-to-production time in half. Our whole team now ships from one shared set of blocks.”
OR
Olivia RhyeHead of Design, Northwind
Carousel (muted)
“Pepulux cut our design-to-production time in half. Our whole team now ships from one shared set of blocks.”
OR
Olivia RhyeHead of Design, Northwind
Grid
Testimonials
Loved by teams worldwide
Hear from the people using Pepulux every day.
“Pepulux cut our design-to-production time in half. Our whole team now ships from one shared set of blocks.”
OR
Olivia RhyeHead of Design, Northwind
“The consistency is remarkable. New pages feel native to the product from the very first commit.”
PB
Phoenix BakerEngineering Lead, Globelink
“We replaced three internal libraries with Pepulux and haven't looked back. Support is fantastic.”
LS
Lana SteinerCTO, Boxwood
“Pepulux cut our design-to-production time in half. Our whole team now ships from one shared set of blocks.”
OR
Olivia RhyeHead of Design, Northwind
“The consistency is remarkable. New pages feel native to the product from the very first commit.”
PB
Phoenix BakerEngineering Lead, Globelink
“We replaced three internal libraries with Pepulux and haven't looked back. Support is fantastic.”
LS
Lana SteinerCTO, Boxwood
Split
“Pepulux cut our design-to-production time in half. Our whole team now ships from one shared set of blocks.”
OR
Olivia RhyeHead of Design, Northwind
Logos (brand)
“Pepulux cut our design-to-production time in half. Our whole team now ships from one shared set of blocks.”
OR
Olivia RhyeHead of Design, Northwind
LayersOrbitVoltlyBoxwood
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| layout | "single" | "carousel" | "grid" | "split" | "logos" | "single" | Figma layout |
| tone | "light" | "muted" | "brand" | "light" | Background tone — Figma Light / Muted / Brand |
| testimonials | Testimonial[] | — | { quote; name; role; company?; avatar?; rating? } |
| logos | string[] | — | Wordmark strip for the logos layout |
| title / description / eyebrow | ReactNode | — | Heading (grid layout) |