<!--
@type: Quote
@industry: E-commerce
@style: Modern
@category: Social Proof, Feedback
@framework: Tailwind
@license: Free
-->
<section class="w-full py-12 md:py-24 bg-white">
<div class="max-w-7xl mx-auto px-4">
<div class="max-w-4xl mx-auto text-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="lucide lucide-quote h-16 w-16 text-orange-500 mx-auto mb-6">
<path
d="M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z">
</path>
<path
d="M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z">
</path>
</svg>
<blockquote class="text-2xl md:text-3xl lg:text-4xl font-bold leading-tight text-gray-900 italic">
"StyleHub has completely transformed my wardrobe. The quality is exceptional, and their curated collections make finding unique pieces effortless. It's more than just shopping; it's an experience."
</blockquote>
<div class="mt-8 flex flex-col items-center">
<img alt="Customer Portrait" loading="lazy" width="80" height="80"
decoding="async" data-nimg="1" class="rounded-full object-cover mb-4 border-4 border-orange-300"
src="https://landinggo.com/assets/img/stock/testimonials/customer-40x40-1.webp">
<p class="text-xl font-semibold text-gray-900">Sarah L.</p>
<p class="text-gray-600">Fashion Enthusiast & Loyal Customer</p>
</div>
<div class="mt-12">
<button data-slot="button"
class="inline-flex items-center justify-center px-6 py-3 border border-transparent rounded-lg text-lg font-semibold text-white bg-orange-500 hover:bg-orange-600 transition duration-150 ease-in-out cursor-pointer hover:shadow-lg">
Read More Customer Stories
</button>
</div>
</div>
</div>
</section>
