20% offProwith

Buy now

Marketing section

Testimonials

shadcn addtestimonials
detentui.com/customers

Wire it up

All optional. With none, it plays exactly as it does here and hands over to whoever touches it.

Usage
<Testimonials
  stories={stories}
  quotes={quotes}
  product={product}
/>

Your data

stories

The featured customers: name, role, company, hue, quote, and the metric with its before and after. In a quote, {braces} mark the phrase to highlight.

Story[]
Default—
quotes

The wall: name, role, company, hue, a short quote and its result.

Short[]
Default—
product

The product’s name, on the after side of each receipt.

string
Default'Detent'
eyebrow

The small accent line above the heading.

string
Default'Customers'
title

The heading, set in two tones.

[string, string]
Default—

Every block also takes accent, the one colour everything in it derives from; autoplay, which plays the demo until someone touches it; and className.