Outcome-led proof card pairing a headline result figure with a named customer attribution.
organic signups within the first quarter of launch
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Socialproof21 } from "@/components/beste/piece/socialproof21";
<Socialproof21
eyebrow="Result"
value="+312%"
outcome="organic signups within the first quarter of launch"
name="Mara Lindqvist"
role="Head of Growth, Northwind"
avatar="https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop&crop=face"
fallback="ML"
tone="foreground"
/>Three headline stats side by side with uppercase labels. Clean, no chrome.
Loved by product teams everywhere
Overlapping member avatars above a bold trust line and an inline star rating.
Aggregate score on top with a five-row histogram underneath where each bar reflects the share of reviews at that star level.
Minimal star row over a large average score and review count.
A large headline number over a short caption. Minimal, text-only proof of scale.
Shipped our marketing site in a weekend. The blocks feel designed, not generated.
Short quote with a faded quote mark and a divided footer holding the author avatar, name, and role.