<section class="relative pt-24 pb-32 overflow-hidden">
<div class="container mx-auto px-4">
<h2 class="mb-5 max-w-2xl mx-auto font-heading font-bold text-center text-6xl sm:text-7xl text-gray-900" >12k+ Happy Clients</h2>
<p class="mb-16 text-base max-w-md mx-auto text-center text-gray-600" >Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit.</p>
<div class="flex flex-wrap -m-5">
<div class="w-full md:w-1/3 p-5">
<div class="h-full p-0.5 bg-gradient-cyan transform hover:-translate-y-3 rounded-10 transition ease-out duration-1000">
<div class="h-full px-7 py-8 bg-white rounded-lg"><img class="mb-8" src="gradia-assets/images/testimonials/avatar.png" alt="">
<p class="mb-8 text-lg text-gray-900" >“You made it so simple. My new site is so much faster and easier to work with than my old site. I just choose the page, make the change.”</p>
<h3 class="mb-1.5 font-heading font-bold text-lg text-gray-900" >Darrell Steward</h3>
<p class="text-sm text-gray-600" >Product Designer</p>
</div>
</div>
</div>
<div class="w-full md:w-1/3 p-5">
<div class="h-full p-0.5 bg-gradient-cyan transform hover:-translate-y-3 rounded-10 shadow-5xl transition ease-out duration-1000">
<div class="h-full px-7 py-8 bg-white rounded-lg"><img class="mb-8" src="gradia-assets/images/testimonials/avatar2.png" alt="">
<p class="mb-8 text-lg text-gray-900" >“Simply the best. Better than all the rest. I’d recommend this product to beginners and advanced users.”</p>
<h3 class="mb-1.5 font-heading font-bold text-lg text-gray-900" >Ronald Richards</h3>
<p class="text-sm text-gray-600" >Software Engineer</p>
</div>
</div>
</div>
<div class="w-full md:w-1/3 p-5">
<div class="h-full p-0.5 bg-gradient-cyan transform hover:-translate-y-3 rounded-10 transition ease-out duration-1000">
<div class="h-full px-7 py-8 bg-white rounded-lg"><img class="mb-8" src="gradia-assets/images/testimonials/avatar3.png" alt="">
<p class="mb-8 text-lg text-gray-900" >“I cannot believe that I have got a brand new landing page after getting Omega. It was super easy to edit and publish.”</p>
<h3 class="mb-1.5 font-heading font-bold text-lg text-gray-900" >Darrell Steward</h3>
<p class="text-sm text-gray-600" >Product Designer</p>
</div>
</div>
</div>
</div>
</div>
</section>
Can't find the right component?
Describe it and Shuffle AI builds it in seconds, ready to edit and export.
Free to start
Generate with AI
