<section class="py-4 overflow-hidden">
<div class="container px-4 mx-auto">
<div class="flex flex-wrap -m-3">
<div class="w-full sm:w-1/2 md:w-1/4 p-3">
<div class="p-5 h-full text-center bg-white rounded-lg">
<p class="mb-4 text-sm text-neutral-500 font-medium">Total Sales</p>
<h3 class="font-heading mb-1 text-4xl tracking-tight font-bold">45,305</h3>
<p class="text-xs text-neutral-400">Last updated 2 hours ago</p>
</div>
</div>
<div class="w-full sm:w-1/2 md:w-1/4 p-3">
<div class="p-5 h-full text-center bg-white rounded-lg">
<p class="mb-4 text-sm text-neutral-500 font-medium">Total Sales</p>
<h3 class="font-heading mb-1 text-4xl tracking-tight font-bold">2,942</h3>
<p class="text-xs text-neutral-400">Last updated 2 hours ago</p>
</div>
</div>
<div class="w-full sm:w-1/2 md:w-1/4 p-3">
<div class="p-5 h-full text-center bg-white rounded-lg">
<p class="mb-4 text-sm text-neutral-500 font-medium">Today’s Revenue</p>
<h3 class="font-heading mb-1 text-4xl tracking-tight font-bold">$35,690</h3>
<p class="text-xs text-neutral-400">Last updated 2 hours ago</p>
</div>
</div>
<div class="w-full sm:w-1/2 md:w-1/4 p-3">
<div class="p-5 h-full text-center bg-white rounded-lg">
<p class="mb-4 text-sm text-neutral-500 font-medium">Today’s Profit</p>
<h3 class="font-heading mb-1 text-4xl tracking-tight font-bold">$21,495</h3>
<p class="text-xs text-neutral-400">Last updated 2 hours ago</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
