<section id="hero">

    <div class="hero-overlay"></div>

    <div class="container">

        <div class="hero-content">

            <p class="hero-subtitle">

                THE WEDDING OF

            </p>

            <h1 class="hero-title">

                <span class="hero-name">

                    Riskania

                </span>

                <span class="hero-and">&</span>

                <span class="hero-name">

                    Medi

                </span>

            </h1>

            <p class="hero-date">

                Minggu, 09 Agustus 2026

            </p>

            <div id="countdown">

                <div class="countdown-item">

                    <span id="days">0</span>

                    <small>Hari</small>

                </div>

                <div class="countdown-item">

                    <span id="hours">0</span>

                    <small>Jam</small>

                </div>

                <div class="countdown-item">

                    <span id="minutes">0</span>

                    <small>Menit</small>

                </div>

                <div class="countdown-item">

                    <span id="seconds">0</span>

                    <small>Detik</small>

                </div>

            </div>

            <div class="hero-divider"></div>

            <p class="hero-quote">

                "Pernikahan bukanlah garis akhir, melainkan titik awal di mana dua kepala belajar untuk terus memaklumi dan dua hati belajar untuk terus bertumbuh."

            </p>


            <a href="#couple" class="scroll-down">

                <i class="fa-solid fa-angles-down"></i>

                <span>Lihat Detail</span>

            </a>

        </div>

    </div>

</section>