  <!-- Footer -->
  <footer class="footer">
    <div class="container">
      <div class="footer-grid">
        <div class="footer-brand">
          <h3>SMK Teratai Putih Global 3 Bekasi</h3>
          <p><%= t.footer.desc %></p>
          <div class="social-links">
            <a href="https://instagram.com" target="_blank" class="social-btn"><i class="fa-brands fa-instagram"></i></a>
            <a href="https://facebook.com" target="_blank" class="social-btn"><i class="fa-brands fa-facebook"></i></a>
            <a href="https://youtube.com" target="_blank" class="social-btn"><i class="fa-brands fa-youtube"></i></a>
            <a href="https://wa.me/6281234567890" target="_blank" class="social-btn"><i class="fa-brands fa-whatsapp"></i></a>
          </div>
        </div>

        <div class="footer-col">
          <h4><%= t.menu.jurusan %></h4>
          <ul class="footer-links">
            <li><a href="/jurusan#tjkt"><i class="fa-solid fa-angle-right text-gold"></i> <%= t.menu.jurusan_tjkt %></a></li>
            <li><a href="/jurusan#axioo-class"><i class="fa-solid fa-angle-right text-gold"></i> <%= t.menu.jurusan_axioo %></a></li>
            <li><a href="/jurusan#akl"><i class="fa-solid fa-angle-right text-gold"></i> <%= t.menu.jurusan_akl %></a></li>
            <li><a href="/jurusan#mplb"><i class="fa-solid fa-angle-right text-gold"></i> <%= t.menu.jurusan_mplb %></a></li>
          </ul>
        </div>

        <div class="footer-col">
          <h4><%= t.menu.fasilitas_lab %></h4>
          <ul class="footer-links">
            <li><a href="/fasilitas-lab?lab=lab-tjkt"><i class="fa-solid fa-angle-right text-gold"></i> <%= t.menu.lab_tjkt %></a></li>
            <li><a href="/fasilitas-lab?lab=lab-axioo"><i class="fa-solid fa-angle-right text-gold"></i> <%= t.menu.lab_axioo %></a></li>
            <li><a href="/fasilitas-lab?lab=lab-akl"><i class="fa-solid fa-angle-right text-gold"></i> <%= t.menu.lab_akl %></a></li>
            <li><a href="/fasilitas-lab?lab=lab-mplb"><i class="fa-solid fa-angle-right text-gold"></i> <%= t.menu.lab_mplb %></a></li>
          </ul>
        </div>

        <div class="footer-col">
          <h4>Lokasi & Peta</h4>
          <p style="font-size: 0.85rem;"><i class="fa-solid fa-location-dot text-gold"></i> <%= t.footer.address %></p>
          <div class="map-container">
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3966.082729112467!2d107.00977227499066!3d-6.252824793735576!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e698e0965d1d6cb%3A0x6b4c1069631ed09f!2sBekasi%20Timur%2C%20Bekasi%20City%2C%20West%20Java!5e0!3m2!1sen!2sid!4v1700000000000!5m2!1sen!2sid" allowfullscreen="" loading="lazy"></iframe>
          </div>
        </div>
      </div>

      <div class="footer-bottom">
        <p><%= t.footer.copyright %> | <a href="/admin/login" target="_blank" style="color: rgba(255, 255, 255, 0.7); text-decoration: underline;"><i class="fa-solid fa-user-gear"></i> Panel CMS Admin</a></p>
      </div>
    </div>
  </footer>

  <!-- Include CBT Modal Component -->
  <%- include('cbt-modal') %>

  <!-- Scripts -->
  <script src="/js/main.js"></script>
</body>
</html>
