<?php
$images = readJSON(IMAGES_FILE);
?>
<!-- Pre-Footer CTA -->
<section class="pre-footer-cta">
  <div class="container text-center">
    <h2 class="pre-footer-title">Ready to Be Part of East Africa's Premier Trade Expo<br>Celebrating 20 Years</h2>
    <div class="pre-footer-buttons">
      <a href="/register?type=exhibitor" class="btn btn-gold btn-lg me-3 mb-2">
        <i class="fas fa-store me-2"></i>Register as Exhibitor
      </a>
      <a href="/register?type=visitor" class="btn btn-outline-gold btn-lg mb-2">
        <i class="fas fa-ticket me-2"></i>Register as Visitor
      </a>
    </div>
  </div>
</section>

<!-- Main Footer -->
<footer class="main-footer">
  <div class="container">
    <div class="row g-4">
      <!-- Column 1: Logo & About -->
      <div class="col-lg-3 col-md-6">
        <div class="footer-logo-wrap mb-3">
          <span class="footer-logo-text">KENYA EXPO</span>
          </div>
        <p class="footer-desc">
          East Africa's premier international trade exhibition since 2006. The 20th Kenya Expo connects businesses, investors, and buyers from 16+ countries.
        </p>
       <!--  <div class="social-icons mt-3">
          <a href="#" class="social-icon" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
          <a href="#" class="social-icon" aria-label="Twitter/X"><i class="fab fa-x-twitter"></i></a>
          <a href="#" class="social-icon" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
          <a href="#" class="social-icon" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
          <a href="#" class="social-icon" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
        </div> -->
      </div>

      <!-- Column 2: Quick Links -->
      <div class="col-lg-3 col-md-6">
        <h4 class="footer-heading">Quick Links</h4>
        <ul class="footer-links">
          <li><a href="/index">Home</a></li>
          <li><a href="/about">About</a></li>
          <li><a href="/exhibitors">Exhibitors</a></li>
          <!--<li><a href="/visitors">Visitors</a></li>
           <li><a href="/programme">Programme</a></li>
          <li><a href="/packages">Packages</a></li>
          <li><a href="/sponsorship">Sponsorship</a></li> -->
          <li><a href="/gallery">Gallery</a></li>
          <li><a href="/contact">Contact</a></li>
        </ul>
      </div>

      <!-- Column 3: Event Info -->
      <div class="col-lg-3 col-md-6">
        <h4 class="footer-heading">Event Info</h4>
        <ul class="footer-contact-list">
          <li><i class="fas fa-calendar-alt me-2"></i> November 19–22, 2026</li>
          <li><i class="fas fa-map-marker-alt me-2"></i> KICC, Nairobi, Kenya</li>
          <li><i class="fas fa-envelope me-2"></i> <a href="mailto:<?php echo SITE_EMAIL; ?>"><?php echo SITE_EMAIL; ?></a></li>
          <li><i class="fas fa-phone me-2"></i> <a href="tel:<?php echo str_replace(' ', '', SITE_PHONE); ?>"><?php echo SITE_PHONE; ?></a></li>
          <li><i class="fas fa-building me-2"></i> Organized by <strong><?php echo ORG_NAME; ?></strong></li>
        </ul>
      </div>

      <!-- Column 4: Newsletter -->
      <div class="col-lg-3 col-md-6">
        <h4 class="footer-heading">Newsletter</h4>
        <p class="footer-desc" style="font-size:0.85rem;">Subscribe for event updates, exhibitor announcements, and early-bird offers.</p>
        <form id="newsletterForm" class="newsletter-form">
          <input type="hidden" name="type" value="newsletter">
          <input type="hidden" name="_csrf" value="<?php echo generateCSRF(); ?>">
          <div class="mb-2">
            <input type="email" name="email" class="form-control form-control-dark" placeholder="Your email address" required>
          </div>
          <button type="submit" class="btn btn-gold w-100">Subscribe</button>
        </form>
        <div id="newsletterToast" class="toast-message mt-2" style="display:none;"></div>
      </div>
    </div>
  </div>

  <!-- Kenya Flag Stripe -->
  <div class="kenya-flag-stripe"></div>

  <!-- Bottom Bar -->
  <div class="footer-bottom">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-12 text-center">
          <p class="mb-0">&copy; 2026 <?php echo ORG_NAME; ?>. All Rights Reserved. | 20th Kenya Expo by Inexpo Group</p>
        </div>
      </div>
    </div>
  </div>
</footer>

<!-- Floating WhatsApp Button -->
<a href="https://wa.me/971555506187" class="whatsapp-float" target="_blank" rel="noopener" aria-label="Chat on WhatsApp">
  <i class="fab fa-whatsapp"></i>
</a>

<!-- Toast Container -->
<div id="toastContainer" class="toast-container"></div>

<script src="/assets/js/main.js" defer></script>
</body>
</html>