<section class="bg-black py-56 relative overflow-hidden">
<div class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 w-full h-full">
<div class="flex flex-col justify-center h-full">
<img class="opacity-5 object-cover mx-auto" style="height:690px;" src="consulty-assets/stats/shapes1.svg" alt="">
</div>
</div>
<div class="relative z-50">
<div class="container mx-auto px-4">
<div class="flex flex-wrap -m-4">
<div class="w-full lg:w-1/3 p-4">
<h2 class="font-heading tracking-tight text-7xl font-medium text-center mb-6 text-white">5.2M</h2>
<p class="text-center tracking-tight text-white text-xl font-semibold mb-4">Fund Raised</p>
<p class="tracking-tight text-gray-300 text-center max-w-xs mx-auto">It is a long established fact that a reader will be that the distracted by the readable content of a page when looking.</p>
</div>
<div class="w-full lg:w-1/3 p-4">
<h2 class="font-heading tracking-tight text-7xl font-medium text-center mb-6 text-white">17k</h2>
<p class="text-center tracking-tight text-white text-xl font-semibold mb-4">Case Solved</p>
<p class="tracking-tight text-gray-300 text-center max-w-xs mx-auto">It is a long established fact that a reader will be that the distracted by the readable content of a page when looking.</p>
</div>
<div class="w-full lg:w-1/3 p-4">
<h2 class="font-heading tracking-tight text-7xl font-medium text-center mb-6 text-white">99%</h2>
<p class="text-center tracking-tight text-white text-xl font-semibold mb-4">Success Rate</p>
<p class="tracking-tight text-gray-300 text-center max-w-xs mx-auto">It is a long established fact that a reader will be that the distracted by the readable content of a page when looking.</p>
</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
