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

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

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

<section class="hero" id="home">
  <div class="hero-shape shape-1"></div>
  <div class="hero-shape shape-2"></div>

  <div class="container hero-content">
    <div class="hero-text">
      <span class="badge">
        <i class="fa-solid fa-helmet-safety"></i>
        Kontraktor Infrastruktur & Sipil
      </span>

      <h1>
        Mitra Profesional untuk
        <span>Pembangunan Infrastruktur</span>
      </h1>

      <p>
        PT Megah International Indonesia berfokus pada layanan konstruksi sipil,
        pekerjaan infrastruktur, penyiapan lahan, drainase, plumbing, serta
        konstruksi khusus dengan pendekatan kerja yang terukur, aman, dan profesional.
      </p>

      <div class="hero-buttons">
        <a href="https://wa.me/62811906829" target="_blank" class="btn-primary">
          Konsultasi Proyek
        </a>
        <a href="#kontraktor" class="btn-secondary">
          Lihat Layanan
        </a>
      </div>

      <div class="hero-stats">
        <div><strong>Legal</strong><span>Berbasis NIB</span></div>
        <div><strong>K3</strong><span>Prioritas Kerja</span></div>
        <div><strong>Sipil</strong><span>Infrastruktur</span></div>
      </div>
    </div>
  </div>
</section>

<section class="about section" id="about">
  <div class="container about-grid">
    <div>
      <span class="section-label">Tentang Kami</span>
      <h2>Kontraktor yang Siap Mendukung Kebutuhan Proyek Anda</h2>
      <p>
        Kami hadir sebagai mitra konstruksi yang mengedepankan ketepatan pekerjaan,
        koordinasi lapangan, kualitas material, dan keselamatan kerja.
      </p>
      <p>
        Dengan bidang usaha yang mencakup konstruksi jalan, jembatan, drainase,
        pengolahan air, plumbing, hingga konstruksi khusus, PT MII siap mendukung
        kebutuhan proyek skala kecil hingga menengah.
      </p>
    </div>

    <div class="about-card">
      <i class="fa-solid fa-building-shield"></i>
      <h3>Profesional, Terukur, dan Terpercaya</h3>
      <p>
        Setiap pekerjaan direncanakan dengan rapi, dikerjakan secara bertahap,
        dan diarahkan untuk menghasilkan konstruksi yang kuat serta fungsional.
      </p>
    </div>
  </div>
</section>

<section class="services section" id="kontraktor">
  <div class="container">
    <div class="section-title">
      <span>Layanan Kontraktor</span>
      <h2>Bidang Pekerjaan Konstruksi</h2>
    </div>

    <div class="services-grid">
      <div class="service-card">
        <i class="fa-solid fa-road"></i>
        <h3>Konstruksi Jalan</h3>
        <p>Pekerjaan jalan, akses kawasan, perkerasan, dan infrastruktur pendukung.</p>
      </div>

      <div class="service-card">
        <i class="fa-solid fa-bridge"></i>
        <h3>Jembatan & Flyover</h3>
        <p>Pekerjaan bangunan sipil jembatan, jalan layang, underpass, dan struktur terkait.</p>
      </div>

      <div class="service-card">
        <i class="fa-solid fa-water"></i>
        <h3>Irigasi & Drainase</h3>
        <p>Pembangunan saluran air, sistem drainase kawasan, dan pengendalian aliran air.</p>
      </div>

      <div class="service-card">
        <i class="fa-solid fa-faucet-drip"></i>
        <h3>Plumbing</h3>
        <p>Instalasi saluran air bersih, sanitasi, serta sistem perpipaan bangunan.</p>
      </div>

      <div class="service-card">
        <i class="fa-solid fa-mountain-city"></i>
        <h3>Penyiapan Lahan</h3>
        <p>Pekerjaan persiapan area, pematangan lahan, dan kebutuhan awal konstruksi.</p>
      </div>

      <div class="service-card">
        <i class="fa-solid fa-screwdriver-wrench"></i>
        <h3>Konstruksi Khusus</h3>
        <p>Pekerjaan konstruksi lain sesuai kebutuhan teknis dan kondisi lapangan.</p>
      </div>
    </div>
  </div>
</section>

<section class="trade section" id="perdagangan">
  <div class="container trade-box">
    <div>
      <span class="section-label">Perdagangan</span>
      <h2>Dukungan Pengadaan Material & Barang Industri</h2>
      <p>
        Selain kontraktor, PT MII juga mendukung kebutuhan perdagangan bahan,
        barang industri, dan kebutuhan proyek sesuai bidang usaha perusahaan.
      </p>
    </div>
    <a href="https://wa.me/62811906829" target="_blank" class="btn-primary">
      Tanya Ketersediaan
    </a>
  </div>
</section>

<section class="projects section" id="projects">
  <div class="container">
    <div class="section-title">
      <span>Fokus Pekerjaan</span>
      <h2>Solusi untuk Berbagai Kebutuhan Infrastruktur</h2>
    </div>

    <div class="project-grid">
      <div class="project-item">Jalan Raya</div>
      <div class="project-item">Jembatan</div>
      <div class="project-item">Drainase</div>
      <div class="project-item">Irigasi</div>
      <div class="project-item">Plumbing</div>
      <div class="project-item">Penyiapan Lahan</div>
    </div>
  </div>
</section>

<section class="faq section" id="faq">
  <div class="container">
    <div class="section-title">
      <span>FAQ</span>
      <h2>Pertanyaan Umum</h2>
    </div>

    <div class="faq-container">
      <div class="faq-item">
        <button class="faq-question" type="button">
          Apakah bisa konsultasi kebutuhan proyek terlebih dahulu?
          <i class="fa-solid fa-plus"></i>
        </button>
        <div class="faq-answer">
          <p>Bisa. Anda dapat menjelaskan kebutuhan pekerjaan, lokasi proyek, dan estimasi ruang lingkup pekerjaan melalui WhatsApp.</p>
        </div>
      </div>

      <div class="faq-item">
        <button class="faq-question" type="button">
          Apakah melayani pekerjaan konstruksi sipil?
          <i class="fa-solid fa-plus"></i>
        </button>
        <div class="faq-answer">
          <p>Ya. Fokus pekerjaan mencakup jalan, jembatan, drainase, plumbing, penyiapan lahan, dan konstruksi khusus.</p>
        </div>
      </div>

      <div class="faq-item">
        <button class="faq-question" type="button">
          Apakah perusahaan memiliki legalitas usaha?
          <i class="fa-solid fa-plus"></i>
        </button>
        <div class="faq-answer">
          <p>Ya. PT Megah International Indonesia memiliki NIB dan bidang usaha yang tercantum dalam perizinan OSS.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="contact section" id="contact">
  <div class="container contact-grid">
    <div>
      <span class="section-label">Kontak Kami</span>
      <h2>Diskusikan Kebutuhan Proyek Anda</h2>
      <p>
        Hubungi kami untuk konsultasi pekerjaan konstruksi, pengadaan,
        atau kebutuhan teknis proyek.
      </p>

      <div class="contact-list">
        <div><i class="fa-solid fa-phone"></i> 021-55780211</div>
        <div><i class="fa-brands fa-whatsapp"></i> 0811-906-829</div>
        <div><i class="fa-solid fa-envelope"></i> megahinternationalindonesia@gmail.com</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>

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

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