 <!-- Footer -->
<footer class="footer-section bg-dark text-light pt-5">
  <div class="container">
    <div class="row text-start"> <!-- text-start forces left alignment -->

      <!-- Logo & About -->
      <div class="col-md-3 mb-4">
        <img src="images/logo-tr.png" alt="Golden Buddha Spa Logo" class="mb-3" style="max-width: 220px;">
        <p style="text-align:justify">
          Golden Buddha Spa is a sanctuary of stillness<br>
		  a place to return to yourself and restore inner peace.
        </p>
      </div>

      <!-- Quick Links -->
      <div class="col-md-3 mb-4">
        <h5 class="text-uppercase text-gold mb-3">Quick Links</h5>
        <ul class="list-unstyled">
          <li><a href="#" class="footer-link">Our Services</a></li>
          <li><a href="#" class="footer-link">About Us</a></li>
          <li><a href="#" class="footer-link">Gallery</a></li>
          <li><a href="contact.php" class="footer-link">Contact Us</a></li>
        </ul>
      </div>

      <!-- Contact Info -->
      <div class="col-md-3 mb-4">
        <h5 class="text-uppercase text-gold mb-3">Get in Touch</h5>
        <p><i class="fas fa-envelope me-2"></i> info@goldenbuddhaspa.co.za</p>
        <p><i class="fas fa-phone me-2"></i> +27 65 555 5577</p>
        <p><i class="fas fa-map-marker-alt me-2"></i> 90 Blairegowrie, Randburg, SA</p>
        <div class="social-icons mt-3">
          <a href="#" class="me-3 text-light"><i class="fab fa-facebook-f"></i></a>
          <a href="#" class="me-3 text-light"><i class="fab fa-instagram"></i></a>
          <a href="#" class="text-light"><i class="fab fa-twitter"></i></a>
        </div>
      </div>

      <!-- Embedded Map -->
      <div class="col-md-3 mb-4">
        <h5 class="text-uppercase text-gold mb-3">Our Location</h5>
        <div class="ratio ratio-4x3 rounded overflow-hidden shadow-sm">
          <iframe 
            src="https://www.google.com/maps?q=Golden+Buddha+Spa+91+Blairegowrie+Randburg+South+Africe&output=embed"
            allowfullscreen
            loading="lazy"
            style="border:0;"
          ></iframe>
        </div>
      </div>

    </div>
  </div>

  <div class="text-center py-3 mt-4 border-top border-light small copyright">
    <p class="mb-0">&copy; 2025 Golden Buddha Spa. All rights reserved.</p>
  </div>
</footer>