?>

<style>
.card{
    transition: 0.2s ease;
    border: none;
    border-radius: 12px;
}

.card:hover{
    transform: translateY(-4px);
}

a.text-decoration-none{
    display: block;
}
</style>

<div class="container py-4">

    <!-- HEADER -->
    <div class="text-center mb-4">
        <h1 class="fw-bold">Portal Sistem Informasi Desa NTB</h1>
        <p class="lead text-muted">
            Dashboard Integrasi Data Desa dan Wilayah<br>
            Provinsi Nusa Tenggara Barat
        </p>
    </div>

    <!-- TENTANG -->
    <div class="card mb-4 shadow-sm">
        <div class="card-body">
            <h4 class="mb-3">📌 Tentang Sistem</h4>
            <p>
                <strong>Portal SID NTB</strong> merupakan platform dashboard yang dirancang untuk
                menyajikan integrasi data desa dan wilayah secara terpusat, akurat, dan mudah dipantau.
            </p>
        </div>
    </div>

    <!-- CARD FITUR -->
    <div class="row g-3">

        <!-- CARD 1 -->
        <div class="col-md-4">
            <a href="https://pantau.desasmart.id/desa_miskin/statistik_live.php" class="text-decoration-none text-dark">
                <div class="card h-100 shadow-sm">
                    <div class="card-body text-center">
                        <div class="display-5 mb-2">📊</div>
                        <h5>Data Terintegrasi</h5>
                        <p class="text-muted">
                            Menyatukan data desa, kecamatan, dan kabupaten dalam satu sistem.
                        </p>
                    </div>
                </div>
            </a>
        </div>

        <!-- CARD 2 -->
        <div class="col-md-4">
            <a href="https://pantau.desasmart.id/situs/index.php" class="text-decoration-none text-dark">
                <div class="card h-100 shadow-sm">
                    <div class="card-body text-center">
                        <div class="display-5 mb-2">🗺️</div>
                        <h5>Monitoring Wilayah</h5>
                        <p class="text-muted">
                            Pemantauan status wilayah dan implementasi SID secara real-time.
                        </p>
                    </div>
                </div>
            </a>
        </div>

        <!-- CARD 3 -->
        <div class="col-md-4">
            <a href="https://pantau.desasmart.id/public/analitik.php" class="text-decoration-none text-dark">
                <div class="card h-100 shadow-sm">
                    <div class="card-body text-center">
                        <div class="display-5 mb-2">💡</div>
                        <h5>Analitik Data</h5>
                        <p class="text-muted">
                            Menyediakan analisis data untuk mendukung kebijakan berbasis data.
                        </p>
                    </div>
                </div>
            </a>
        </div>

    </div>

    <!-- TUJUAN -->
    <div class="card mt-4 shadow-sm">
        <div class="card-body">
            <h4>🎯 Tujuan Sistem</h4>
            <ul class="mb-0">
                <li>Meningkatkan transparansi data desa</li>
                <li>Mendukung digitalisasi pemerintahan desa</li>
                <li>Menyediakan data terintegrasi untuk pengambilan keputusan</li>
                <li>Mendorong ekosistem Smart Village di NTB</li>
            </ul>
        </div>
    </div>

    <!-- FOOTER -->
    <div class="text-center mt-4 text-muted">
        <small>© 2026 Portal SID NTB - Nusa Tenggara Barat</small>
    </div>

</div>