Component:
Quote Mobile App Minimal

<!--
@type: Quote
@industry: Mobile App
@style: Minimal
@category: Social Proof, Support
@framework: Tailwind
@license: Free
-->
<section class="relative bg-[#f9faff] pt-24 pb-48 overflow-hidden">
<!-- Background Pattern -->
<div class="absolute inset-0 overflow-hidden">
<div class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2">
<svg class="h-[800px] w-[800px] text-purple-100" viewBox="0 0 24 24" fill="none">
<path d="M4.583 17.321C3.553 16.227 3 15 3 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 01-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179z" fill="currentColor"/>
<path d="M15.583 17.321C14.553 16.227 14 15 14 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 01-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179z" fill="currentColor"/>
</svg>
</div>
</div>
<div class="relative mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
<div class="mx-auto max-w-3xl text-center">
<!-- Quote Mark -->
<svg class="mx-auto h-12 w-12 text-gray-400" fill="currentColor" viewBox="0 0 24 24">
<path d="M4.583 17.321C3.553 16.227 3 15 3 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 01-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179zm11 0C14.553 16.227 14 15 14 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 01-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179z"/>
</svg>
<!-- Quote Text -->
<blockquote class="mt-8">
<p class="text-xl font-medium leading-8 text-gray-900 sm:text-2xl sm:leading-9">
"As a new mom, finding time for fitness seemed impossible. FitMom changed everything - the 20-minute workouts and baby-friendly exercises made it easy to stay active while caring for my little one. I've lost the baby weight and gained so much confidence!"
</p>
</blockquote>
<!-- Author Info -->
<div class="mt-8">
<div class="mx-auto h-16 w-16 overflow-hidden rounded-full">
<img
class="h-full w-full object-cover"
src="https://landinggo.com/assets/img/stock/testimonials/customer-40x40-1.webp"
alt="Sarah Mitchell"
>
</div>
<div class="mt-4">
<p class="text-base font-semibold text-gray-900">Sarah Mitchell</p>
<p class="text-sm text-gray-600">Mom of 2 • Lost 24 lbs in 4 months</p>
</div>
</div>
<!-- CTA -->
<div class="mt-10">
<a href="#stories" class="text-base font-medium text-purple-600 hover:text-purple-700">
Read More Success Stories
<svg class="ml-1 inline-block h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"/>
</svg>
</a>
</div>
</div>
</div>
</section>
This is a Pro component
Access the full component collection
Get all premium components and focus on building your business
Only 50 early bird spots left 40% offUnlock for $29
(one-time payment)Early bird discount. Regular price $49
Premium components
Get access to all pro Tailwind CSS components. New ones added monthly
Save components
Save your favorite components to your account
Unlimited usage
Use components as often as you want
Landing page submissions
(Coming soon) (2025. 09.)
Get your landing pages featured on LandingGo and earn a
strong backlink
17 DR dofollow backlink from the main page