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

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

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

<section class="page-hero contractor-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-helmet-safety"></i>
      Layanan Kontraktor
    </span>

    <h1>Bidang Konstruksi Sipil Sesuai Legalitas Usaha</h1>

    <p>
      PT Megah International Indonesia mendukung kebutuhan pekerjaan konstruksi
      sipil, infrastruktur, penyiapan lahan, instalasi saluran air, dan pekerjaan
      konstruksi khusus dengan pendekatan profesional, aman, dan terukur.
    </p>

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

<section class="section legal-section">
  <div class="container legal-box">
    <div>
      <span class="section-label">Legalitas Bidang Usaha</span>
      <h2>Ruang Lingkup Layanan Berdasarkan KBLI Perusahaan</h2>
    </div>

    <p>
      Layanan kontraktor berikut disusun berdasarkan bidang usaha yang tercantum
      dalam NIB PT Megah International Indonesia, khususnya sektor konstruksi sipil,
      penyiapan lahan, plumbing, dan konstruksi khusus.
    </p>
  </div>
</section>

<section class="section service-section" id="layanan">
  <div class="container">
    <div class="section-title">
      <span>Bidang Layanan</span>
      <h2>Layanan Kontraktor yang Dapat Kami Dukung</h2>
    </div>

    <div class="service-grid">

      <div class="service-card">
        <div class="service-img">
          <img src="<?= base_url('assets/img/layanan/konstruksi-jalan.webp'); ?>" alt="Konstruksi Bangunan Sipil Jalan">
          <span>KBLI 42101</span>
        </div>
        <div class="service-body">
          <h3>Konstruksi Bangunan Sipil Jalan</h3>
          <p>Pekerjaan pembangunan, peningkatan, dan pendukung infrastruktur jalan.</p>
          <a href="https://wa.me/62811906829?text=Halo%20PT%20MII,%20saya%20ingin%20konsultasi%20layanan%20Konstruksi%20Bangunan%20Sipil%20Jalan" target="_blank">
            Konsultasi WhatsApp <i class="fa-brands fa-whatsapp"></i>
          </a>
        </div>
      </div>

      <div class="service-card">
        <div class="service-img">
          <img src="<?= base_url('assets/img/layanan/jembatan-flyover.webp'); ?>" alt="Konstruksi Jembatan dan Flyover">
          <span>KBLI 42102</span>
        </div>
        <div class="service-body">
          <h3>Jembatan, Jalan Layang, Flyover & Underpass</h3>
          <p>Pekerjaan konstruksi struktur penghubung dan prasarana transportasi.</p>
          <a href="https://wa.me/62811906829?text=Halo%20PT%20MII,%20saya%20ingin%20konsultasi%20layanan%20Jembatan%20Jalan%20Layang%20Flyover%20dan%20Underpass" target="_blank">
            Konsultasi WhatsApp <i class="fa-brands fa-whatsapp"></i>
          </a>
        </div>
      </div>

      <div class="service-card">
        <div class="service-img">
          <img src="<?= base_url('assets/img/layanan/jalan-rel.webp'); ?>" alt="Konstruksi Jalan Rel">
          <span>KBLI 42103</span>
        </div>
        <div class="service-body">
          <h3>Konstruksi Jalan Rel</h3>
          <p>Pekerjaan konstruksi jalan rel dan prasarana pendukung transportasi rel.</p>
          <a href="https://wa.me/62811906829?text=Halo%20PT%20MII,%20saya%20ingin%20konsultasi%20layanan%20Konstruksi%20Jalan%20Rel" target="_blank">
            Konsultasi WhatsApp <i class="fa-brands fa-whatsapp"></i>
          </a>
        </div>
      </div>

      <div class="service-card">
        <div class="service-img">
          <img src="<?= base_url('assets/img/layanan/terowongan.webp'); ?>" alt="Konstruksi Terowongan">
          <span>KBLI 42104</span>
        </div>
        <div class="service-body">
          <h3>Konstruksi Terowongan</h3>
          <p>Pekerjaan konstruksi terowongan dan struktur bawah tanah terkait.</p>
          <a href="https://wa.me/62811906829?text=Halo%20PT%20MII,%20saya%20ingin%20konsultasi%20layanan%20Konstruksi%20Terowongan" target="_blank">
            Konsultasi WhatsApp <i class="fa-brands fa-whatsapp"></i>
          </a>
        </div>
      </div>

      <div class="service-card">
        <div class="service-img">
          <img src="<?= base_url('assets/img/layanan/irigasi-drainase.webp'); ?>" alt="Konstruksi Irigasi dan Drainase">
          <span>KBLI 42201</span>
        </div>
        <div class="service-body">
          <h3>Jaringan Irigasi & Drainase</h3>
          <p>Pekerjaan saluran air, drainase kawasan, dan jaringan pengendalian air.</p>
          <a href="https://wa.me/62811906829?text=Halo%20PT%20MII,%20saya%20ingin%20konsultasi%20layanan%20Irigasi%20dan%20Drainase" target="_blank">
            Konsultasi WhatsApp <i class="fa-brands fa-whatsapp"></i>
          </a>
        </div>
      </div>

      <div class="service-card">
        <div class="service-img">
          <img src="<?= base_url('assets/img/layanan/pengolahan-air.webp'); ?>" alt="Konstruksi Pengolahan Air Bersih">
          <span>KBLI 42202</span>
        </div>
        <div class="service-body">
          <h3>Bangunan Sipil Pengolahan Air Bersih</h3>
          <p>Pekerjaan bangunan sipil untuk kebutuhan sistem pengolahan air bersih.</p>
          <a href="https://wa.me/62811906829?text=Halo%20PT%20MII,%20saya%20ingin%20konsultasi%20layanan%20Pengolahan%20Air%20Bersih" target="_blank">
            Konsultasi WhatsApp <i class="fa-brands fa-whatsapp"></i>
          </a>
        </div>
      </div>

      <div class="service-card">
        <div class="service-img">
          <img src="<?= base_url('assets/img/layanan/sipil-lainnya.webp'); ?>" alt="Konstruksi Bangunan Sipil Lainnya">
          <span>KBLI 42919</span>
        </div>
        <div class="service-body">
          <h3>Konstruksi Bangunan Sipil Lainnya</h3>
          <p>Pekerjaan konstruksi sipil lain yang mendukung kebutuhan proyek infrastruktur.</p>
          <a href="https://wa.me/62811906829?text=Halo%20PT%20MII,%20saya%20ingin%20konsultasi%20layanan%20Konstruksi%20Bangunan%20Sipil%20Lainnya" target="_blank">
            Konsultasi WhatsApp <i class="fa-brands fa-whatsapp"></i>
          </a>
        </div>
      </div>

      <div class="service-card">
        <div class="service-img">
          <img src="<?= base_url('assets/img/layanan/penyiapan-lahan.webp'); ?>" alt="Penyiapan Lahan">
          <span>KBLI 43120</span>
        </div>
        <div class="service-body">
          <h3>Penyiapan Lahan</h3>
          <p>Pekerjaan persiapan area, pematangan lahan, dan kebutuhan awal proyek.</p>
          <a href="https://wa.me/62811906829?text=Halo%20PT%20MII,%20saya%20ingin%20konsultasi%20layanan%20Penyiapan%20Lahan" target="_blank">
            Konsultasi WhatsApp <i class="fa-brands fa-whatsapp"></i>
          </a>
        </div>
      </div>

      <div class="service-card">
        <div class="service-img">
          <img src="<?= base_url('assets/img/layanan/plumbing.webp'); ?>" alt="Instalasi Saluran Air Plumbing">
          <span>KBLI 43221</span>
        </div>
        <div class="service-body">
          <h3>Instalasi Saluran Air / Plumbing</h3>
          <p>Pekerjaan instalasi saluran air bersih, sanitasi, dan sistem perpipaan.</p>
          <a href="https://wa.me/62811906829?text=Halo%20PT%20MII,%20saya%20ingin%20konsultasi%20layanan%20Instalasi%20Saluran%20Air%20Plumbing" target="_blank">
            Konsultasi WhatsApp <i class="fa-brands fa-whatsapp"></i>
          </a>
        </div>
      </div>

      <div class="service-card">
        <div class="service-img">
          <img src="<?= base_url('assets/img/layanan/konstruksi-khusus.webp'); ?>" alt="Konstruksi Khusus Lainnya">
          <span>KBLI 43909</span>
        </div>
        <div class="service-body">
          <h3>Konstruksi Khusus Lainnya</h3>
          <p>Pekerjaan konstruksi khusus sesuai kebutuhan teknis dan karakter proyek.</p>
          <a href="https://wa.me/62811906829?text=Halo%20PT%20MII,%20saya%20ingin%20konsultasi%20layanan%20Konstruksi%20Khusus%20Lainnya" target="_blank">
            Konsultasi WhatsApp <i class="fa-brands fa-whatsapp"></i>
          </a>
        </div>
      </div>

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

<section class="section process-section">
  <div class="container">
    <div class="section-title">
      <span>Alur Pekerjaan</span>
      <h2>Dari Konsultasi Hingga Pelaksanaan</h2>
    </div>

    <div class="process-grid">
      <div class="process-item">
        <span>01</span>
        <h3>Konsultasi Kebutuhan</h3>
        <p>Memahami jenis pekerjaan, lokasi, target, dan ruang lingkup proyek.</p>
      </div>

      <div class="process-item">
        <span>02</span>
        <h3>Analisis Teknis</h3>
        <p>Menyesuaikan pekerjaan dengan kebutuhan lapangan dan bidang usaha.</p>
      </div>

      <div class="process-item">
        <span>03</span>
        <h3>Perencanaan Kerja</h3>
        <p>Menyusun kebutuhan tenaga, material, alat, dan tahapan pelaksanaan.</p>
      </div>

      <div class="process-item">
        <span>04</span>
        <h3>Pelaksanaan Proyek</h3>
        <p>Pekerjaan dilakukan dengan koordinasi, kontrol kualitas, dan keselamatan kerja.</p>
      </div>
    </div>
  </div>
</section>

<section class="cta-section">
  <div class="container cta-box">
    <div>
      <span>Konsultasi Proyek</span>
      <h2>Butuh Mitra Kontraktor yang Legal dan Profesional?</h2>
      <p>Hubungi kami untuk mendiskusikan kebutuhan pekerjaan konstruksi Anda.</p>
    </div>

    <a href="https://wa.me/62811906829" target="_blank" class="btn-primary">
      Hubungi via WhatsApp
    </a>
  </div>
</section>

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