27 lines
1.2 KiB
PHP
27 lines
1.2 KiB
PHP
<section class="section-padding bg-background">
|
|
<div class="container-padding">
|
|
<div class="text-center mb-16 slide-up delay-300">
|
|
<h2 class="text-section-title">{!! $content['title'] !!}</h2>
|
|
<p class="text-large text-muted-foreground mt-4 max-w-3xl mx-auto">
|
|
{!! $content['subtitle'] !!}
|
|
</p>
|
|
</div>
|
|
|
|
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
|
|
@foreach ($content['stats'] as $index => $stat)
|
|
|
|
<div class="card-elevated p-8 text-center overflow-hidden group hover:shadow-elevated transition-all duration-300 flex flex-col slide-up delay-{{ $index * 200 }}">
|
|
<h2 class="text-4xl lg:text-5xl font-bold text-secondary mb-4">
|
|
{{ $stat['number'] }}
|
|
</h2>
|
|
<h3 class="text-xl lg:text-2xl font-semibold text-foreground mb-3">
|
|
{{ $stat['label'] }}
|
|
</h3>
|
|
<p class="text-md text-muted-foreground leading-relaxed">
|
|
{{ $stat['description'] }}
|
|
</p>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</section>
|