<section id="contact" class="contact section light-background">
    <div class="container section-title" data-aos="fade-up">
        <h2>Kontak</h2>
        <p>Kritik dan Saran sangat berharga bagi kami, untuk meningkatkan pelayanan kami. hubungi kami di:</p>
    </div>

    <div class="container" data-aos="fade-up" data-aos-delay="100">
        <div class="row g-4 g-lg-5">
            <div class="col-lg-5">
                <div class="info-box" data-aos="fade-up" data-aos-delay="200">
                    <h3>Informasi Kontak</h3>
                    <p>Berikut beberapa informasi dan kontak yang dapat dihubungi:</p>

                    <div class="info-item" data-aos="fade-up" data-aos-delay="300">
                        <div class="icon-box"><i class="bi bi-geo-alt"></i></div>
                        <div class="content">
                            <h4>Lokasi Kami</h4>
                            <p>C423+9C7, Jl. Gotong Royong No.5, Pelem, Kec. Kertosono Kabupaten Nganjuk, Jawa Timur
                                64314</p>
                        </div>
                    </div>

                    <div class="info-item" data-aos="fade-up" data-aos-delay="400">
                        <div class="icon-box"><i class="bi bi-telephone"></i></div>
                        <div class="content">
                            <h4>Nomor Telepon</h4>
                            <p>08155555555</p>

                        </div>
                    </div>

                    <div class="info-item" data-aos="fade-up" data-aos-delay="500">
                        <div class="icon-box"><i class="bi bi-envelope"></i></div>
                        <div class="content">
                            <h4>Alamat Email</h4>
                            <p>pemerintahdesapelem@gmail.com</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-7">
                <div class="contact-form" data-aos="fade-up" data-aos-delay="300">
                    <h3>Kritik dan Saran</h3>
                    <p>Berikan masukan dan saran Anda untuk meningkatkan pelayanan kami.</p>

                    <form action="forms/contact.php" method="post" class="php-email-form" data-aos="fade-up"
                        data-aos-delay="200">
                        <div class="row gy-4">
                            <div class="col-md-6">
                                <input type="text" name="name" class="form-control" placeholder="Nama Anda"
                                    required>
                            </div>
                            <div class="col-md-6">
                                <input type="email" class="form-control" name="email" placeholder="Alamat Email"
                                    required>
                            </div>
                            <div class="col-12">
                                <input type="text" class="form-control" name="subject" placeholder="Subjek" required>
                            </div>
                            <div class="col-12">
                                <textarea class="form-control" name="message" rows="6" placeholder="Pesan" required></textarea>
                            </div>
                            <div class="col-12 text-center">
                                <div class="loading">Loading</div>
                                <div class="error-message"></div>
                                <div class="sent-message">Pesan Anda telah dikirim. Terima kasih!</div>

                                <button type="submit" class="btn">Kirim Pesan</button>
                            </div>
                        </div>
                    </form>

                </div>
            </div>
        </div>
    </div>
</section>
