Sections
Stats/Counter
Stats/Counter
Animated data highlights.
100+
Components
50k
Downloads
4.9
Star Rating
24/7
Support
<section class="py-12 border-y border-border bg-muted/30">
<div class="container mx-auto px-4">
<div class="grid grid-cols-2 md:grid-cols-4 gap-8 text-center">
<div class="space-y-2">
<h4 class="text-4xl font-extrabold tracking-tighter text-primary">100+</h4>
<p class="text-sm text-muted-foreground font-medium">Components</p>
</div>
<div class="space-y-2">
<h4 class="text-4xl font-extrabold tracking-tighter text-primary">50k</h4>
<p class="text-sm text-muted-foreground font-medium">Downloads</p>
</div>
<div class="space-y-2">
<h4 class="text-4xl font-extrabold tracking-tighter text-primary">4.9</h4>
<p class="text-sm text-muted-foreground font-medium">Star Rating</p>
</div>
<div class="space-y-2">
<h4 class="text-4xl font-extrabold tracking-tighter text-primary">24/7</h4>
<p class="text-sm text-muted-foreground font-medium">Support</p>
</div>
</div>
</div>
</section><section className="py-12 border-y border-border bg-muted/30">
<div className="container mx-auto px-4">
<div className="grid grid-cols-2 md:grid-cols-4 gap-8 text-center">
<div className="space-y-2">
<h4 className="text-4xl font-extrabold tracking-tighter text-primary">100+</h4>
<p className="text-sm text-muted-foreground font-medium">Components</p>
</div>
<div className="space-y-2">
<h4 className="text-4xl font-extrabold tracking-tighter text-primary">50k</h4>
<p className="text-sm text-muted-foreground font-medium">Downloads</p>
</div>
<div className="space-y-2">
<h4 className="text-4xl font-extrabold tracking-tighter text-primary">4.9</h4>
<p className="text-sm text-muted-foreground font-medium">Star Rating</p>
</div>
<div className="space-y-2">
<h4 className="text-4xl font-extrabold tracking-tighter text-primary">24/7</h4>
<p className="text-sm text-muted-foreground font-medium">Support</p>
</div>
</div>
</div>
</section>