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"
/>Turn the props on the right; the snippet under them is what you would write to get what you see.
We rebuilt our marketing site in a weekend. The blocks are clean, accessible, and the code reads like we wrote it ourselves.
import { Card3 } from "@/components/beste/component/card3";
<Card3
quote="We rebuilt our marketing site in a weekend. The blocks are clean, accessible, and the code reads like we wrote it ourselves."
name="Mary Pollock"
role="Founder, Nordwind"
src="https://i.pravatar.cc/72?img=26"
/>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.
An article card with cover image, category chip, excerpt, and author row for blog and news grids.
The new landing page is live!
Already? That was two days of work at most
Blocks. It is all blocks.
A chat conversation card with message bubbles and a typing indicator for testimonials and support sections.
Wish you were here. The water is unreal and the studio ideas keep coming.
With love, Selin
Alacati, TR
The Beste team
A postcard back with a serif message, dashed stamp, postmark, and address lines for personal storytelling sections.
A compact community card with thumbnail, member count, and organizer row for directories and group lists.
