<section id="story">

    <div class="container">

        <div class="section-title">

            <small>LOVE STORY</small>

            <h2>Perjalanan Kami</h2>

            <p>
                Tidak ada yang kebetulan di dunia ini. Semua telah ditulis dengan indah oleh Allah SWT,
                hingga akhirnya kami dipertemukan pada waktu yang tepat.
            </p>

        </div>

        <div class="timeline">

            <!-- Chat Pertama -->

            <div class="timeline-item left">

                <div class="timeline-content">

                    <img src="assets/img/story/firstchat.jpg"
                         class="story-img"
                         alt="Chat Pertama">

                    <span>2025</span>

                    <h4>
                        <i class="fa-solid fa-comments"></i>
                        Chat Pertama
                    </h4>

                    <p>
                        Semua berawal dari sebuah pesan sederhana.
                        Tidak ada yang menyangka bahwa percakapan pertama
                        itu menjadi awal dari perjalanan panjang kami.
                    </p>

                </div>

            </div>

            <!-- Pertemuan -->

            <div class="timeline-item right">

                <div class="timeline-content">

                    <img src="assets/img/story/firstmeet.jpg"
                         class="story-img"
                         alt="Pertemuan Pertama">

                    <span>2025</span>

                    <h4>
                        <i class="fa-solid fa-heart"></i>
                        Pertemuan Pertama
                    </h4>

                    <p>
                        Pertemuan pertama yang sederhana menjadi awal
                        kami saling mengenal lebih dekat dan tumbuh
                        bersama dalam kasih sayang.
                    </p>

                </div>

            </div>

            <!-- Lamaran -->

            <div class="timeline-item left">

                <div class="timeline-content">

                    <img src="assets/img/story/lamaran.jpeg"
                         class="story-img"
                         alt="Lamaran">

                    <span>6 April 2026</span>

                    <h4>
                        <i class="fa-solid fa-ring"></i>
                        Lamaran
                    </h4>

                    <p>
                        Dengan restu kedua orang tua dan atas izin Allah SWT,
                        kami memutuskan untuk melangkah ke jenjang yang lebih
                        serius menuju hari bahagia kami.
                    </p>

                </div>

            </div>

        </div>

    </div>

</section>