We rebuilt our marketing site in a weekend. The blocks are clean, accessible, and the code reads like we wrote it ourselves.
A testimonial card with star rating, quote, and author row for reviews and social proof sections.
The import and the props worth knowing about, in one place.
import { Card3 } from "@/components/beste/component/card3";
<Card3
quote="We rebuilt our marketing site in a weekend. The code reads like we wrote it ourselves."
name="Selin Aksoy"
role="Founder, Nordwind"
src="/avatars/selin.jpg"
rating={5} // 0 to 5, omit to hide the stars
/>
<Card3
quote="The fastest way we have found to ship landing pages."
name="Mert Aydin"
role="CTO, Lumen"
tone="muted" // "neutral" (default) | "muted"
/>Read from the component's own type, so this cannot drift from what it accepts.
| Prop | Type | Default | Description |
|---|---|---|---|
quote* | string | — | The testimonial quote, without quotation marks |
name* | string | — | Author name |
role | string | — | Muted second line (role, company) |
src | string | — | Author avatar URL. Falls back to an initial circle when omitted |
rating | number | — | Star rating shown above the quote, 0 to 5. Omit to hide the stars |
tone | "neutral" | "muted" | — | Surface tone: bordered card (default) or muted fill |
className | string | — | Additional classes merged onto the root |
EngineeringHow we cut landing page build time from days to hours by treating sections as installable units.