<?php include('header.php'); ?>
<section class="hero-section text-center text-white d-flex align-items-center justify-content-center" style="height: 100vh; background: linear-gradient(to right, #080808aa, #242124aa), url('img/bb.png') center/cover no-repeat;">
  <div class="container">
    <h1 class="display-5 fw-bold mb-4">GET HEALTHY BODY<br>WITH THE PERFECT EXERCISES</h1>
    <p class="lead mb-5">Kami di sini membantu Anda membentuk tubuh dan pikiran sehat melalui fitness.</p>
    <a href="membership.php" class="btn-homepage">
      <i class="fas fa-dumbbell"></i> Join Now
    </a>
  </div>
</section>


  </div>
</section>
<section class="py-5" style="background-color: #242124;">
  <div class="container text-center text-white">
    <h2 class="mb-4 fw-bold">Pilihan Program Terbaik Untukmu</h2>
    <div class="row g-4">
      <div class="col-md-3">
        <div class="card bg-dark text-white border-0 h-100 card-hover">
          <div class="card-body">
            <h5 class="card-title">Strength Training</h5>
            <p class="card-text">Tingkatkan kekuatan otot dengan latihan intensif.</p>
          </div>
        </div>
      </div>
      <div class="col-md-3">
        <div class="card bg-dark text-white border-0 h-100 card-hover">
          <div class="card-body">
            <h5 class="card-title">Basic Yoga</h5>
            <p class="card-text">Latihan fleksibilitas dan ketenangan untuk semua usia.</p>
          </div>
        </div>
      </div>
      <div class="col-md-3">
        <div class="card bg-dark text-white border-0 h-100 card-hover">
          <div class="card-body">
            <h5 class="card-title">Body Building</h5>
            <p class="card-text">Program pembentukan otot terbaik untuk hasil maksimal.</p>
          </div>
        </div>
      </div>
      <div class="col-md-3">
        <div class="card bg-dark text-white border-0 h-100 card-hover">
          <div class="card-body">
            <h5 class="card-title">Weight Loss</h5>
            <p class="card-text">Bakar lemak dan bentuk tubuh ideal dengan aman.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>


<section id="membership" class="py-5 text-white" style="background-color: #080808;">
  <div class="container text-center">
    <h2 class="mb-4">Pilihan Membership</h2>
    <div class="row g-4">
      <div class="col-md-4">
        <div class="card bg-dark text-white border-0 h-100">
          <div class="card-body">
            <h4 class="card-title">Harian</h4>
            <p class="card-text">Rp. 10.000 / 1 hari</p>
            <ul class="list-unstyled small">
              <li>✔ Akses Harian</li>
              <li>✔ 1 Program</li>
              <li>✔ Konsultasi Basic</li>
            </ul>
            <a href="#" class="btn btn-primary">Pilih Paket</a>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="card text-white h-100" style="background-color: #003A6B;">
          <div class="card-body">
            <h4 class="card-title">Tahunan</h4>
            <p class="card-text"> Rp. 900.000 / 1 tahun</p>
            <ul class="list-unstyled small">
              <li>✔ Akses Tak Terbatas</li>
              <li>✔ Semua Program</li>
              <li>✔ Konsultasi Intensif</li>
            </ul>
            <a href="#" class="btn btn-light">Pilih Paket</a>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="card bg-dark text-white border-0 h-100">
          <div class="card-body">
            <h4 class="card-title">Bulanan</h4>
            <p class="card-text">Rp. 80.000 / 1 bulan</p>
            <ul class="list-unstyled small">
              <li>✔ Akses Harian</li>
              <li>✔ 3 Program</li>
              <li>✔ Trainer Pendamping</li>
            </ul>
            <a href="#" class="btn btn-primary">Pilih Paket</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="py-5" style="background-color: #242124;">
  <div class="container text-white">
    <div class="row align-items-center">
      <div class="col-md-6 mb-4 mb-md-0">
        <img src="img/kk.png" class="img-fluid rounded shadow" alt="Kenapa Join">
      </div>
      <div class="col-md-6">
        <h2>Mengapa Memilih Leon Gym?</h2>
        <ul class="list-unstyled">
          <li>✔ Personal Trainer Berpengalaman</li>
          <li>✔ Jadwal Fleksibel Sesuai Kebutuhan</li>
          <li>✔ Program yang Terbukti Efektif</li>
          <li>✔ Fasilitas Modern dan Nyaman</li>
        </ul>
        <a href="membership.php" class="btn btn-primary mt-3">Daftar Sekarang</a>
      </div>
    </div>
  </div>
</section>
<?php include('footer.php'); ?>