<section class="relative pt-24 pb-32 bg-white overflow-hidden">
<img class="absolute top-0 left-0" src="flaro-assets/images/testimonials/gradient.svg" alt="">
<img class="absolute bottom-0 right-0" src="flaro-assets/images/testimonials/gradient2.svg" alt="">
<div class="relative z-10 container px-4 mx-auto">
<h2 class="mb-16 text-6xl md:text-7xl font-bold font-heading text-center tracking-px-n leading-tight">Don't just take our word for it</h2>
<div class="flex flex-wrap -m-3">
<div class="w-full md:w-1/2 lg:w-1/3 p-3">
<div class="p-6 h-full bg-white bg-opacity-60 border rounded-4xl">
<div class="flex flex-col justify-between h-full">
<div class="mb-5 block">
<div class="flex flex-wrap mb-4 -m-2">
<div class="w-auto p-2">
<img src="flaro-assets/images/testimonials/avatar.png" alt="">
</div>
<div class="w-auto p-2">
<h3 class="font-semibold leading-normal">Jacob Jones</h3>
<p class="text-gray-500 uppercase">@brooklysim</p>
</div>
</div>
<p class="text-lg font-medium">If you haven’t tried out Flaro App yet, I would definitely recommend it for both designers and developers 🤙🏻</p>
</div>
<div class="block">
<p class="text-sm text-gray-500 font-medium">3 days ago</p>
</div>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/3 p-3">
<div class="p-6 h-full bg-white bg-opacity-60 border rounded-4xl">
<div class="flex flex-col justify-between h-full">
<div class="mb-5 block">
<div class="flex flex-wrap mb-4 -m-2">
<div class="w-auto p-2">
<img src="flaro-assets/images/testimonials/avatar2.png" alt="">
</div>
<div class="w-auto p-2">
<h3 class="font-semibold leading-normal">Wade Warren</h3>
<p class="text-gray-500 uppercase">@brooklysim</p>
</div>
</div>
<p class="text-lg font-medium">If you are thinking of a design partner to help you convert more customers, Flaro is a great choice.</p>
</div>
<div class="block">
<p class="text-sm text-gray-500 font-medium">3 days ago</p>
</div>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/3 p-3">
<div class="p-6 h-full bg-white bg-opacity-60 border rounded-4xl">
<div class="flex flex-col justify-between h-full">
<div class="mb-5 block">
<div class="flex flex-wrap mb-4 -m-2">
<div class="w-auto p-2">
<img src="flaro-assets/images/testimonials/avatar3.png" alt="">
</div>
<div class="w-auto p-2">
<h3 class="font-semibold leading-normal">Bessie Cooper</h3>
<p class="text-gray-500 uppercase">@brooklysim</p>
</div>
</div>
<p class="text-lg font-medium">We have built a few web apps using Flaro. It saves us a lot of time, because we don't have to build design features from scratch.</p>
</div>
<div class="block">
<p class="text-sm text-gray-500 font-medium">3 days ago</p>
</div>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/3 p-3">
<div class="p-6 h-full bg-white bg-opacity-60 border rounded-4xl">
<div class="flex flex-col justify-between h-full">
<div class="mb-5 block">
<div class="flex flex-wrap mb-4 -m-2">
<div class="w-auto p-2">
<img src="flaro-assets/images/testimonials/avatar4.png" alt="">
</div>
<div class="w-auto p-2">
<h3 class="font-semibold leading-normal">Esther Howard</h3>
<p class="text-gray-500 uppercase">@brooklysim</p>
</div>
</div>
<p class="text-lg font-medium">Wrike is great to make work visible and collaborative. People can pass tasks off as they complete their parts, allowing you to see the flow of work.</p>
</div>
<div class="block">
<p class="text-sm text-gray-500 font-medium">3 days ago</p>
</div>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/3 p-3">
<div class="p-6 h-full bg-white bg-opacity-60 border rounded-4xl">
<div class="flex flex-col justify-between h-full">
<div class="mb-5 block">
<div class="flex flex-wrap mb-4 -m-2">
<div class="w-auto p-2">
<img src="flaro-assets/images/testimonials/avatar5.png" alt="">
</div>
<div class="w-auto p-2">
<h3 class="font-semibold leading-normal">Albert Flores</h3>
<p class="text-gray-500 uppercase">@brooklysim</p>
</div>
</div>
<p class="text-lg font-medium">Ease of use and efficiency of design tools. The ability for the integrated marketing team to see all aspects of a project.</p>
</div>
<div class="block">
<p class="text-sm text-gray-500 font-medium">3 days ago</p>
</div>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/3 p-3">
<div class="p-6 h-full bg-white bg-opacity-60 border rounded-4xl">
<div class="flex flex-col justify-between h-full">
<div class="mb-5 block">
<div class="flex flex-wrap mb-4 -m-2">
<div class="w-auto p-2">
<img src="flaro-assets/images/testimonials/avatar6.png" alt="">
</div>
<div class="w-auto p-2">
<h3 class="font-semibold leading-normal">Jerome Bell</h3>
<p class="text-gray-500 uppercase">@brooklysim</p>
</div>
</div>
<p class="text-lg font-medium">Very very easy for customer information to get secured if all orders are on one device.</p>
</div>
<div class="block">
<p class="text-sm text-gray-500 font-medium">3 days ago</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>Framework
All Frameworks
UI Library
All Libraries
Components
- Alert 266
- Application 226
- Banners 98
- Benefits 16
- Blog 285
- Breadcrumbs 24
- Call to action 403
- Cards 29
- Careers 40
- Confirmation 6
- Contact 189
- Content 217
- Cookies 193
- Dashboards 13
- Download 5
- E-commerce (orders) 63
- E-commerce (products) 120
- FAQ 185
- Features 514
- Footers 264
- Forms 9
- Gallery 5
- Graphs 65
- HTTP codes 211
- Hero section 350
- How it works 224
- Instagram photos 5
- Integrations 5
- Logo clouds 344
- Modals 42
- Navbar 305
- Navigation (horizontal) 432
- Navigation (vertical) 23
- Newsletter 218
- Notifications 7
- Paginations 12
- Portfolio 184
- Pricing 221
- Product info 5
- Projects 15
- Reviews 42
- Rich text 6
- Sign in / Sign up 335
- Snackbars 10
- Stats 281
- Tables 158
- Team 206
- Testimonials 244
- Users 59
Component #1
Component #2
Component #3
Component #4
Component #5
Component #6
Component #7
Component #8
Component #9
Component #10
Testimonials Components by Shuffle
Choose from 244 variations of Testimonials UI components. Presented here are variants available in various UI libraries.
Get access to all UI components, code, and our visual editor. Try the demo for free!
