<footer id="footer" class="footer position-relative dark-background">
  <div class="container footer-top">
    <div class="row gy-4">
      <div class="col-lg-5 col-md-12 footer-about">
        <a href="<%= homeLink %>" class="logo d-flex align-items-center">
          <span class="sitename"><%= siteName %></span>
        </a>
        <p><%= siteDescription %></p>
        <div class="social-links d-flex mt-4">
          <% socialLinks.forEach(link => { %>
            <a href="<%= link.url %>"><i class="<%= link.icon %>"></i></a>
          <% }) %>
        </div>
        <div class="payment-methods mt-4">
          <p><strong>WE ACCEPT</strong></p>
          <% paymentMethods.forEach(method => { %>
            <img src="<%= method.imgSrc %>" alt="<%= method.alt %>" class="me-2">
          <% }) %>
        </div>
      </div>

      <div class="col-lg-2 col-6 footer-links">
        <h4>Useful Links</h4>
        <ul>
          <% usefulLinks.forEach(link => { %>
            <li><a href="<%= link.url %>"><%= link.text %></a></li>
          <% }) %>
        </ul>
      </div>

      <div class="col-lg-2 col-6 footer-links">
        <h4>Our Services</h4>
        <ul>
          <% servicesLinks.forEach(link => { %>
            <li><a href="<%= link.url %>"><%= link.text %></a></li>
          <% }) %>
        </ul>
      </div>

      <div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
        <h4>Contact Us</h4>
        <p><%= contact.addressLine1 %></p>
        <p><%= contact.addressLine2 %></p>
        <p><%= contact.city %></p>
        <p><%= contact.country %></p>
        <p class="mt-4"><strong>Phone:</strong> <span><%= contact.phone %></span></p>
        <p><strong>Email:</strong> <span><%= contact.email %></span></p>
      </div>
    </div>
  </div>

  <div class="container copyright text-center mt-4">
    <p>© <span>Copyright</span> <span><%= currentYear %></span> <strong class="px-1 sitename"><%= siteName %></strong> <span>All Rights Reserved</span></p>
  </div>
</footer><!-- End Footer -->

  <!-- Vendor JS Files -->
  <script src="/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="/vendor/php-email-form/validate.js"></script>
  <script src="/vendor/aos/aos.js"></script>
  <script src="/vendor/glightbox/js/glightbox.min.js"></script>
  <script src="/vendor/purecounter/purecounter_vanilla.js"></script>
  <script src="/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
  <script src="/vendor/isotope-layout/isotope.pkgd.min.js"></script>

  <!-- Main JS File -->
  <script src="/js/main.js"></script>

</body>

</html>