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

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

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

<section class="page-hero trade-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-truck-fast"></i>
      Layanan Perdagangan
    </span>

    <h1>Perdagangan Bahan dan Barang Kimia untuk Kebutuhan Industri</h1>

    <p>
      PT Megah International Indonesia mendukung kebutuhan perdagangan besar
      bahan dan barang kimia, termasuk kebutuhan pendukung industri, proyek,
      dan operasional perusahaan secara profesional.
    </p>

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

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

    <p>
      Layanan perdagangan ini disusun berdasarkan bidang usaha dalam NIB PT Megah
      International Indonesia, khususnya perdagangan besar bahan dan barang kimia
      serta bidang industri kimia yang berkaitan.
    </p>
  </div>
</section>

<section class="section product-section" id="produk">
  <div class="container">
    <div class="section-title">
      <span>Cakupan Layanan</span>
      <h2>Solusi Pengadaan dan Perdagangan Barang Kimia</h2>
    </div>

    <div class="product-grid">

      <div class="product-card">
        <div class="product-img">
          <img src="<?= base_url('assets/img/layanan/bahan-kimia.webp'); ?>" alt="Perdagangan Besar Bahan dan Barang Kimia">
          <span>KBLI 46651</span>
        </div>
        <div class="product-body">
          <h3>Perdagangan Besar Bahan dan Barang Kimia</h3>
          <p>Pengadaan bahan dan barang kimia untuk kebutuhan industri, proyek, dan operasional perusahaan.</p>
          <a href="https://wa.me/62811906829?text=Halo%20PT%20MII,%20saya%20ingin%20konsultasi%20perdagangan%20bahan%20dan%20barang%20kimia" target="_blank">
            Konsultasi WhatsApp <i class="fa-brands fa-whatsapp"></i>
          </a>
        </div>
      </div>

      <div class="product-card">
        <div class="product-img">
          <img src="<?= base_url('assets/img/layanan/kimia-khusus.webp'); ?>" alt="Bahan Kimia Khusus">
          <span>KBLI 20118</span>
        </div>
        <div class="product-body">
          <h3>Bahan Kimia Khusus</h3>
          <p>Dukungan kebutuhan bahan kimia khusus yang digunakan untuk kebutuhan industri tertentu.</p>
          <a href="https://wa.me/62811906829?text=Halo%20PT%20MII,%20saya%20ingin%20konsultasi%20kebutuhan%20bahan%20kimia%20khusus" target="_blank">
            Konsultasi WhatsApp <i class="fa-brands fa-whatsapp"></i>
          </a>
        </div>
      </div>

      <div class="product-card">
        <div class="product-img">
          <img src="<?= base_url('assets/img/layanan/barang-kimia-lainnya.webp'); ?>" alt="Barang Kimia Lainnya">
          <span>KBLI 20299</span>
        </div>
        <div class="product-body">
          <h3>Barang Kimia Lainnya</h3>
          <p>Pengadaan barang kimia lainnya sesuai kebutuhan teknis, operasional, dan permintaan klien.</p>
          <a href="https://wa.me/62811906829?text=Halo%20PT%20MII,%20saya%20ingin%20konsultasi%20barang%20kimia%20lainnya" target="_blank">
            Konsultasi WhatsApp <i class="fa-brands fa-whatsapp"></i>
          </a>
        </div>
      </div>

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

<section class="section supply-section">
  <div class="container supply-grid">
    <div class="supply-content">
      <span class="section-label">Pendekatan Kerja</span>
      <h2>Pengadaan Lebih Terarah, Jelas, dan Sesuai Kebutuhan</h2>
      <p>
        Kami membantu proses permintaan barang dengan alur yang jelas, mulai dari
        identifikasi kebutuhan, penyesuaian spesifikasi, hingga koordinasi pengadaan.
      </p>
    </div>

    <div class="supply-list">
      <div>
        <i class="fa-solid fa-clipboard-check"></i>
        <span>Identifikasi kebutuhan barang</span>
      </div>
      <div>
        <i class="fa-solid fa-vial-circle-check"></i>
        <span>Penyesuaian jenis dan spesifikasi</span>
      </div>
      <div>
        <i class="fa-solid fa-file-signature"></i>
        <span>Penawaran dan koordinasi pengadaan</span>
      </div>
      <div>
        <i class="fa-solid fa-truck-ramp-box"></i>
        <span>Proses pengiriman sesuai kesepakatan</span>
      </div>
    </div>
  </div>
</section>

<section class="section process-section">
  <div class="container">
    <div class="section-title">
      <span>Alur Pengadaan</span>
      <h2>Proses Pengadaan yang Mudah dan Terarah</h2>
    </div>

    <div class="process-grid">
      <div class="process-item">
        <span>01</span>
        <h3>Kebutuhan</h3>
        <p>Klien menyampaikan jenis barang, jumlah, dan kebutuhan penggunaan.</p>
      </div>

      <div class="process-item">
        <span>02</span>
        <h3>Spesifikasi</h3>
        <p>Kebutuhan disesuaikan dengan jenis barang, fungsi, dan ketersediaan.</p>
      </div>

      <div class="process-item">
        <span>03</span>
        <h3>Penawaran</h3>
        <p>Informasi pengadaan, harga, dan ketentuan disampaikan secara jelas.</p>
      </div>

      <div class="process-item">
        <span>04</span>
        <h3>Pengadaan</h3>
        <p>Barang diproses sesuai kesepakatan dan kebutuhan operasional klien.</p>
      </div>
    </div>
  </div>
</section>

<section class="cta-section">
  <div class="container cta-box">
    <div>
      <span>Konsultasi Pengadaan</span>
      <h2>Butuh Bahan atau Barang Kimia untuk Operasional Anda?</h2>
      <p>Hubungi kami untuk mendiskusikan kebutuhan perdagangan dan pengadaan.</p>
    </div>

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

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