<?php include('header.php'); ?>
<div class="container py-5">
  <h2 class="section-title text-center mb-4">Tentang Gym Kami</h2>
  <p class="mb-5 text-center">
    Gym kami berdiri sejak tahun 2010 dengan komitmen memberikan fasilitas terbaik dan pelatihan profesional
    untuk membantu Anda mencapai kebugaran optimal.
  </p>

  <div class="row mb-5">
    <div class="col-md-6 mb-4">
      <div class="map-responsive">
        <iframe
          src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3954.71939767043!2d111.90153297500306!3d-7.605483992409538!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e784b0813b6117b%3A0x45c1271b8052317f!2sLeon%20Gym!5e0!3m2!1sid!2sid!4v1750222478147!5m2!1sid!2sid"
          class="center-map"
          width="100%"
          height="300"
          style="border:0;" 
          allowfullscreen=""
          loading="lazy"
          referrerpolicy="no-referrer-when-downgrade"
          title="Lokasi Gym"
        ></iframe>
      </div>
    </div>

<div class="col-md-6 mb-4 d-flex flex-column justify-content-center">
  <h5 class="mb-3">Ikuti Kami di Sosial Media</h5>
  <div>
    <a href="https://facebook.com/PowerGym" class="d-flex align-items-center mb-2 text-decoration-none text-light" target="_blank">
      <img src="img/fb.png" alt="Facebook" width="24" height="24" class="me-2">
      Facebook
    </a>
    <a href="https://instagram.com/PowerGym" class="d-flex align-items-center mb-2 text-decoration-none text-light" target="_blank">
      <img src="img/ig.png" alt="Instagram" width="24" height="24" class="me-2">
      Instagram
    </a>
    <a href="https://twitter.com/PowerGym" class="d-flex align-items-center mb-2 text-decoration-none text-light" target="_blank">
      <img src="img/X.png" alt="Twitter" width="24" height="24" class="me-2">
      Twitter
    </a>
    <a href="https://wa.me/6281234567890" class="d-flex align-items-center text-decoration-none text-light" target="_blank">
      <img src="img/WA.png" alt="WhatsApp" width="24" height="24" class="me-2">
      WhatsApp
    </a>
  </div>
</div>
<?php include('footer.php'); ?>
