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

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

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

<section class="page-hero about-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-building-shield"></i>
      Tentang Perusahaan
    </span>

    <h1>Mitra Profesional untuk Konstruksi dan Perdagangan</h1>

    <p>
      PT Megah International Indonesia hadir sebagai perusahaan yang mendukung
      kebutuhan konstruksi, infrastruktur, perdagangan, dan pengadaan dengan
      pendekatan kerja yang profesional, legal, dan terukur.
    </p>
  </div>
</section>

<section class="section about-intro">
  <div class="container about-grid">
    <div>
      <span class="section-label">Profil Kami</span>
      <h2>Berkomitmen Membangun Infrastruktur yang Kuat dan Bernilai</h2>
      <p>
        PT Megah International Indonesia bergerak di bidang konstruksi sipil,
        pekerjaan infrastruktur, penyiapan lahan, instalasi saluran air, serta
        perdagangan bahan dan barang pendukung kebutuhan proyek.
      </p>
      <p>
        Kami mengutamakan ketepatan perencanaan, koordinasi pekerjaan,
        keselamatan kerja, serta kualitas hasil akhir agar setiap pekerjaan
        dapat memberikan manfaat jangka panjang.
      </p>
    </div>

    <div class="about-card">
      <i class="fa-solid fa-helmet-safety"></i>
      <h3>Legalitas, Profesionalisme, dan Kualitas</h3>
      <p>
        Setiap layanan diarahkan untuk mendukung kebutuhan klien secara rapi,
        transparan, dan sesuai bidang usaha perusahaan.
      </p>
    </div>
  </div>
</section>

<section class="section value-section">
  <div class="container">
    <div class="section-title">
      <span>Nilai Perusahaan</span>
      <h2>Dasar Kerja Kami</h2>
    </div>

    <div class="value-grid">
      <div class="value-card">
        <i class="fa-solid fa-handshake"></i>
        <h3>Integritas</h3>
        <p>Bekerja dengan kejujuran, tanggung jawab, dan komunikasi yang jelas.</p>
      </div>

      <div class="value-card">
        <i class="fa-solid fa-ruler-combined"></i>
        <h3>Ketelitian</h3>
        <p>Setiap pekerjaan direncanakan dan dijalankan secara terukur.</p>
      </div>

      <div class="value-card">
        <i class="fa-solid fa-shield-halved"></i>
        <h3>Keselamatan</h3>
        <p>Mengutamakan aspek K3 dalam pelaksanaan pekerjaan lapangan.</p>
      </div>
    </div>
  </div>
</section>

<section class="section vision-section">
  <div class="container vision-grid">
    <div class="vision-card">
      <i class="fa-solid fa-eye"></i>
      <h3>Visi</h3>
      <p>
        Menjadi mitra usaha terpercaya dalam bidang konstruksi, infrastruktur,
        dan perdagangan yang mengedepankan kualitas serta profesionalisme.
      </p>
    </div>

    <div class="vision-card">
      <i class="fa-solid fa-bullseye"></i>
      <h3>Misi</h3>
      <ul>
        <li>Memberikan layanan konstruksi yang profesional dan terukur.</li>
        <li>Mendukung kebutuhan pengadaan dan perdagangan proyek.</li>
        <li>Mengutamakan keselamatan, kualitas, dan kepuasan klien.</li>
      </ul>
    </div>
  </div>
</section>

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