ComponentsTestimonial Section

Testimonial Section

Displays customer reviews, testimonials, and social proof to build trust.

Basic Testimonial Section

Suddenly, we can ship and scale multiple high-quality projects in no time. I can't believe how much time I wasted without this library!

Phoenix Baker
Phoenix Baker
Engineering Manager
<div class="py-12 px-6 ta-c max-w-3xl m-auto d-f fd-c ai-c">
<blockquote>
<p class="fs-xl fw-500 tc-slate-8 lh-4 mb-2">Suddenly, we can ship and scale multiple high-quality projects in no time. I can't believe how much time I wasted without this library!</p>
</blockquote>
<div class="fs-md fw-500 tc-black fs-n mb-1">Phoenix Baker</div>
<div class="d-12 rad-9 o-h mb-2">
<img src="/img/people/phoenix-baker.jpg" alt="Phoenix Baker" class="w-full h-full of-c" />
</div>
<div class="fs-sm tc-silver-10 mb-4">Engineering Manager</div>
<div class="d-f ai-c g-1 tc-orange">
<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" viewBox="0 0 24 24" fill="currentColor" stroke="none"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" viewBox="0 0 24 24" fill="currentColor" stroke="none"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" viewBox="0 0 24 24" fill="currentColor" stroke="none"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" viewBox="0 0 24 24" fill="currentColor" stroke="none"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" viewBox="0 0 24 24" fill="currentColor" stroke="none"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
</div>
</div>