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
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 256 256" fill="currentColor" stroke="none"> <rect width="256" height="256" fill="none" /> <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" /> </svg> <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" viewBox="0 0 256 256" fill="currentColor" stroke="none"> <rect width="256" height="256" fill="none" /> <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" /> </svg> <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" viewBox="0 0 256 256" fill="currentColor" stroke="none"> <rect width="256" height="256" fill="none" /> <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" /> </svg> <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" viewBox="0 0 256 256" fill="currentColor" stroke="none"> <rect width="256" height="256" fill="none" /> <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" /> </svg> <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" viewBox="0 0 256 256" fill="currentColor" stroke="none"> <rect width="256" height="256" fill="none" /> <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z" /> </svg> </div></div>