<!-- footer section -->
<footer id="footer">
  <!-- footer container -->
  <div class="footer-container flex-between">
    <!-- footer logo -->
    <div class="footer-logo">
      <a href="#top" class="footer-logo-link">
        <img src="<?= APP['logo-dark']; ?>" alt="zoop logo" />
      </a>
    </div>

    <!-- footer center piece -->
    <div class="footer-faq flex-column-center">
      <p class="footer-faq-title text-accent-lg">Why Zoop?</p>
      <p class="footer-p text-sl-light">
        No packaging charges. No hidden costs. No surge <br />price.
        <span class="text-sl-dark"> Only Restaurant price. </span>
      </p>
    </div>

    <!-- footer policy -->
    <div class="footer-policy flex-column">
      <a href="#top" class="footer-policy-btn flex">
        <p class="text-sl">Go To Top</p>
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM15.53 12.03C15.38 12.18 15.19 12.25 15 12.25C14.81 12.25 14.62 12.18 14.47 12.03L12.75 10.31V15.5C12.75 15.91 12.41 16.25 12 16.25C11.59 16.25 11.25 15.91 11.25 15.5V10.31L9.53 12.03C9.24 12.32 8.76 12.32 8.47 12.03C8.18 11.74 8.18 11.26 8.47 10.97L11.47 7.97C11.76 7.68 12.24 7.68 12.53 7.97L15.53 10.97C15.82 11.26 15.82 11.74 15.53 12.03Z" fill="#5C5F64" />
        </svg>
      </a>
      <div class="footer-policy-conditions flex">
        <a href="/policy" class="footer-policy text-sl-dark">Privacy Policy</a>
        <span class="span-space"></span>
        <a href="/terms-conditions" class="footer-conditions text-sl-dark">Terms &amp Conditions</a>
      </div>
    </div>
  </div>
</footer>
</div>
<script src="/assets/js/arrays.js"></script>
<script src="/assets/js/home.js"></script>

<?php
  // add custom javascript
  if(isset($data['custom_js']) && !empty($data['custom_js'])) {
    foreach($data['custom_js'] as $js) {
      echo "<script src='{$js}'></script>";
    }
  } 
?>
<!-- zoop js -->
<script src="/assets/js/zoop.js"></script>
</body>

</html>