Testimonials
Social proof and testimonial section patterns.
Basic Testimonial
<section class="py-24 bg-muted/50">
<div class="container">
<h2 class="text-3xl font-bold text-center mb-16">
What our customers say
</h2>
<div class="grid md:grid-cols-3 gap-8">
<div class="bg-background p-6 rounded-lg border">
<p class="text-muted-foreground">
"This product has completely transformed how we work.
Highly recommended!"
</p>
<div class="mt-6 flex items-center gap-4">
<img class="w-10 h-10 rounded-full" src="avatar.jpg" alt="" />
<div>
<div class="font-medium">Jane Doe</div>
<div class="text-sm text-muted-foreground">CEO, Company</div>
</div>
</div>
</div>
</div>
</div>
</section>Patterns
Carousel
Rotating testimonials for space efficiency.
Video
Video testimonials for authenticity.
Case Study Links
Brief quote linking to full case study.
Best Practices
- Real people - Use actual customer photos and names
- Specific quotes - Detailed beats generic praise
- Include context - Role, company, use case
- Permission - Always get approval to publish
- Diverse voices - Show variety of customers