A testimonial badge with an avatar stack, star rating, and social proof text for hero sections.
The import and the props worth knowing about, in one place.
import { Badge14 } from "@/components/beste/component/badge14";
<Badge14
avatars={[
"/avatars/mia.jpg",
"/avatars/deniz.jpg",
"/avatars/omar.jpg",
]}
text="Loved by 2,400+ founders"
rating={5} // stars, 0–5 (default 5)
tone="amber" // "amber" (default) | "primary" | "foreground"
/>Read from the component's own type, so this cannot drift from what it accepts.
| Prop | Type | Default | Description |
|---|---|---|---|
avatars* | string[] | — | Avatar image URLs, rendered as an overlapping stack |
text* | string | — | The social-proof line (e.g. "Loved by 2,400+ founders") |
rating | number | — | Star count, 0–5 |
tone | "amber" | "primary" | "foreground" | — | Star color |
className | string | — | Additional classes merged onto the root |