style: add section statistic

main
Yuri Dimas 2025-12-04 16:48:12 +07:00
parent 973add4f8d
commit 4c3e734236
No known key found for this signature in database
GPG Key ID: 9FD7E44BC294C68C
1 changed files with 35 additions and 0 deletions

View File

@ -91,6 +91,41 @@
</div>
</section>
<!-- Statistic -->
<section id="statistic" class="px-4 lg:px-28 py-24 bg-green-800">
<div class="hero text-white">
<div class="hero-content text-center flex-col max-w-none">
<h1 class="text-5xl font-bold w-full">Jumlah Rumah Memilah</h1>
<div class="py-6 grid grid-cols-1 lg:grid-cols-4 gap-4 w-full">
<div class="stats border">
<div class="stat">
<div class="stat-value">1522356</div>
<div class="stat-title text-white text-lg">Jumlah Rumah Keseluruhan</div>
</div>
</div>
<div class="stats border">
<div class="stat">
<div class="stat-value">2755</div>
<div class="stat-title text-white text-lg">Jumlah RW</div>
</div>
</div>
<div class="stats border">
<div class="stat">
<div class="stat-value">213687</div>
<div class="stat-title text-white text-lg">Jumlah Rumah Memilah</div>
</div>
</div>
<div class="stats border">
<div class="stat">
<div class="stat-value">0</div>
<div class="stat-title text-white text-lg">Jumlah Rumah Nasabah Bank Sampah</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Publications Section -->
<section id="publications" class="px-4 lg:px-28 py-24 bg-gray-100">
<div class="w-full flex flex-col justify-start items-start gap-20">