<?= $this->extend('layouts/main'); ?>

<?= $this->section('css'); ?>
<link rel="stylesheet" href="<?= base_url('assets/css/kontak.css'); ?>">
<?= $this->endSection(); ?>

<?= $this->section('content'); ?>

<section class="page-hero contact-hero">
  <div class="hero-ornament ornament-1"></div>
  <div class="hero-ornament ornament-2"></div>

  <div class="container page-hero-content">
    <span class="badge">
      <i class="fa-solid fa-phone-volume"></i>
      Kontak Kami
    </span>

    <h1>Konsultasikan Kebutuhan Proyek Anda</h1>

    <p>
      Hubungi PT Megah International Indonesia untuk kebutuhan konstruksi,
      pengadaan, perdagangan, maupun konsultasi awal pekerjaan proyek.
    </p>
  </div>
</section>

<section class="section contact-section">
  <div class="container contact-grid">
    <div class="contact-info">
      <span class="section-label">Hubungi Kami</span>
      <h2>Siap Membantu Kebutuhan Anda</h2>
      <p>
        Silakan kirim pesan melalui formulir atau hubungi kontak resmi kami
        untuk mendiskusikan kebutuhan pekerjaan Anda.
      </p>

      <div class="contact-list">
        <div>
          <i class="fa-solid fa-location-dot"></i>
          <span>Bintaro Business Center, Jakarta Selatan</span>
        </div>

        <div>
          <i class="fa-solid fa-phone"></i>
          <span>021-55780211</span>
        </div>

        <div>
          <i class="fa-brands fa-whatsapp"></i>
          <span>0811-906-829</span>
        </div>

        <div>
          <i class="fa-solid fa-envelope"></i>
          <span>megahinternationalindonesia@gmail.com</span>
        </div>
      </div>
    </div>

    <form id="waForm" class="contact-form">
      <input type="text" id="nama" placeholder="Nama" required>
      <input type="text" id="perusahaan" placeholder="Nama Perusahaan">
      <input type="tel" id="phone" placeholder="Nomor HP" required>
      <textarea id="pesan" rows="5" placeholder="Ceritakan kebutuhan proyek Anda" required></textarea>

      <button class="btn-primary" type="submit">
        Kirim via WhatsApp
      </button>
    </form>
  </div>
</section>

<section class="map-section">
  <div class="container">
    <div class="map-box">
      <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3965.935603013202!2d106.76481539999999!3d-6.272198800000001!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e69f04dd89a9f87%3A0x14204ba0a60ba00!2sBintaro%20Business%20Centre!5e0!3m2!1sen!2sid!4v1779694658206!5m2!1sen!2sid"
        loading="lazy"
        referrerpolicy="no-referrer-when-downgrade">
      </iframe>
    </div>
  </div>
</section>

<?= $this->section('script'); ?>
<script src="<?= base_url('assets/js/kontak.js'); ?>"></script>
<?= $this->endSection(); ?>

<?= $this->endSection(); ?>