<section class="py-10 bg-gray-900 overflow-hidden">
<div class="container mx-auto px-4">
<div class="flex flex-wrap -m-4">
<div class="w-full md:w-1/3 p-4">
<div class="flex flex-col justify-end p-10 pt-20 lg:pt-40 bg-gray-800 h-full rounded-3xl">
<h2 class="font-heading text-3xl text-gray-100 font-bold tracking-tight">
<span>More than</span>
<span class="text-4xl font-black text-transparent bg-clip-text bg-gradient-green">16,200</span>
<span>visitor to customer converted</span>
</h2>
</div>
</div>
<div class="w-full md:w-1/3 p-4">
<div class="flex flex-col justify-end p-10 pt-20 lg:pt-40 bg-gray-800 h-full rounded-3xl">
<h2 class="font-heading text-3xl text-gray-100 font-bold tracking-tight">
<span>Increased</span>
<span class="text-4xl font-black text-transparent bg-clip-text bg-gradient-pink">117%</span>
<span>conversions from the first quater</span>
</h2>
</div>
</div>
<div class="w-full md:w-1/3 p-4">
<div class="flex flex-col justify-end p-10 pt-20 lg:pt-40 bg-gray-800 h-full rounded-3xl">
<h2 class="font-heading text-3xl text-gray-100 font-bold tracking-tight">
<span>Over</span>
<span class="text-4xl font-black text-transparent bg-clip-text bg-gradient-aqua">82%</span>
<span>increament on demo call bookings & growth</span>
</h2>
</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
