<x-public-layout
    title="Pilkades InvitMe — Media Informasi Resmi Pemilihan Kepala Desa"
    description="Platform informasi Pilkades untuk Kabupaten, Kecamatan, dan Desa. Membantu warga mengenal calon, jadwal, dan status pemilih secara transparan."
>
    <section class="text-white py-5" style="background: linear-gradient(135deg, #B71C1C, #7f1414); min-height: 60vh;">
        <div class="container py-5 text-center">
            <h1 class="display-6 fw-bold mb-3">Informasi Pilkades yang Jelas, untuk Warga yang Ingin Memilih dengan Bijak</h1>
            <p class="lead text-white-50 mx-auto" style="max-width: 640px;">
                Pilkades InvitMe menyediakan satu tempat resmi bagi setiap desa untuk menyampaikan
                profil calon, visi-misi, jadwal, dan lokasi TPS — supaya warga dapat memutuskan
                pilihannya berdasarkan informasi yang lengkap, bukan sekadar rumor atau selebaran.
            </p>
        </div>
    </section>

    <section class="py-5 bg-white">
        <div class="container" style="max-width: 800px;">
            <h2 class="h4 text-center mb-4">Kenapa Informasi yang Jelas Itu Penting</h2>
            <div class="row g-4">
                <div class="col-md-4 text-center">
                    <h3 class="h6">Transparan</h3>
                    <p class="text-muted small">
                        Profil, visi, misi, dan program kerja setiap calon tersedia dalam satu halaman,
                        bisa diakses siapa saja tanpa perlu login.
                    </p>
                </div>
                <div class="col-md-4 text-center">
                    <h3 class="h6">Mudah Diverifikasi</h3>
                    <p class="text-muted small">
                        Warga dapat memeriksa sendiri status pendaftarannya sebagai pemilih dan
                        mengetahui lokasi TPS terdekat.
                    </p>
                </div>
                <div class="col-md-4 text-center">
                    <h3 class="h6">Satu Sumber Resmi</h3>
                    <p class="text-muted small">
                        Setiap desa memiliki halaman resminya sendiri, dikelola langsung oleh
                        panitia desa setempat.
                    </p>
                </div>
            </div>
        </div>
    </section>

    <section class="py-5" style="background-color: #F5F5F5;">
        <div class="container text-center" style="max-width: 700px;">
            <h2 class="h4 mb-3">Bukan Sistem Pemungutan Suara</h2>
            <p class="text-muted">
                Pilkades InvitMe adalah media informasi. Platform ini tidak digunakan untuk
                menghitung atau merekam hasil pemungutan suara dalam bentuk apa pun. Tujuannya
                murni membantu warga memperoleh informasi yang sama, dari sumber yang sama,
                sebelum menentukan pilihan di hari pemungutan suara.
            </p>
        </div>
    </section>

    <footer class="py-5 text-white" style="background-color: #212529;">
        <div class="container text-center" style="max-width: 600px;">
            <h2 class="h5 mb-3">Untuk Kabupaten, Kecamatan, atau Desa</h2>
            <p class="text-white-50 mb-4">
                Ingin desa Anda memiliki halaman informasi Pilkades resmi seperti ini?
                Hubungi kami untuk berlangganan paket Pilkades InvitMe.
            </p>

            <div class="d-flex justify-content-center gap-2 flex-wrap mb-4">
                <a href="mailto:hello@invitme.id?subject=Berlangganan%20Paket%20Pilkades%20InvitMe"
                   class="btn btn-light">
                    Email: hello@invitme.id
                </a>
                <a href="https://wa.me/6281905868001?text=Halo%2C%20saya%20ingin%20bertanya%20tentang%20paket%20berlangganan%20Pilkades%20InvitMe"
                   target="_blank" class="btn btn-outline-light">
                    WhatsApp: 0819-0586-8001
                </a>
            </div>

            <p class="text-white-50 small mb-0">
                &copy; {{ date('Y') }} PT Aldinara Digitech Innovation — Pilkades InvitMe
            </p>
        </div>
    </footer>
</x-public-layout>
