boc/quixzoom-footer-new.html

<!-- Updated quiXzoom Footer — All Markets with Status -->
<footer>
  <div class="footer-top">
    <div class="footer-grid">
      <!-- Brand Column -->
      <div class="footer-brand-col">
        <a href="/" class="footer-logo">qui<span class="x">X</span>zoom</a>
        <p class="footer-desc">Infrastructure intelligence through crowdsourced field data. Global decisions, local insights.</p>
        <div class="footer-social-row">
          <a href="https://twitter.com/quixzoom" class="footer-soc-btn" aria-label="Twitter">𝕏</a>
          <a href="https://linkedin.com/company/quixzoom" class="footer-soc-btn" aria-label="LinkedIn">in</a>
          <a href="https://github.com/quixzoom" class="footer-soc-btn" aria-label="GitHub">gh</a>
        </div>
        <div class="footer-trust">
          <span class="trust-badge"><span class="tb-icon">🔒</span> GDPR Compliant</span>
          <span class="trust-badge"><span class="tb-icon">✓</span> ISO 27001</span>
        </div>
      </div>

      <!-- Platform -->
      <div class="footer-col">
        <h4 class="footer-col-title">Platform</h4>
        <ul class="footer-col-links">
          <li><a href="#how">How it works</a></li>
          <li><a href="#missions">Mission types</a></li>
          <li><a href="#earnings">Zoomer earnings</a></li>
          <li><a href="/for-organisations/">For organisations</a></li>
          <li><a href="/pricing">Pricing</a></li>
          <li><a href="/api">Developer API</a></li>
        </ul>
      </div>

      <!-- Markets — ALL with status -->
      <div class="footer-col">
        <h4 class="footer-col-title">Markets</h4>
        <ul class="footer-col-links">
          <!-- Europe -->
          <li><a href="https://quixzoom.se">🇸🇪 Sweden <span class="badge-live">LIVE</span></a></li>
          <li><a href="https://quixzoom.co.uk">🇬🇧 UK <span class="badge-live">LIVE</span></a></li>
          <li><a href="https://quixzoom.nl">🇳🇱 Netherlands <span class="badge-live">LIVE</span></a></li>
          <li><a href="https://quixzoom.eu">🇪🇺 EU <span class="badge-redirect">Redirect</span></a></li>
          <li><a href="https://quixzoom.it">🇮🇹 Italy <span class="badge-redirect">Redirect</span></a></li>
          <li><a href="https://quixzoom.jp">🇯🇵 Japan <span class="badge-redirect">Redirect</span></a></li>
          <li><a href="https://quixzoom.mx">🇲🇽 Mexico <span class="badge-redirect">Redirect</span></a></li>
          <li><a href="https://quixzoom.lat">🌎 Latin America <span class="badge-redirect">Redirect</span></a></li>
          <li><a href="#">🇪🇸 Spain <span class="badge-soon">Q4 2026</span></a></li>
          <li><a href="#">🇩🇪 Germany <span class="badge-soon">Q4 2026</span></a></li>
          <li><a href="#">🇫🇷 France <span class="badge-soon">Q1 2027</span></a></li>
          <li><a href="#">🇨🇭 Switzerland <span class="badge-soon">Q1 2027</span></a></li>
          <li><a href="#">🇩🇰 Denmark <span class="badge-soon">Q1 2027</span></a></li>
          <li><a href="#">🇫🇮 Finland <span class="badge-soon">Q2 2027</span></a></li>
          <li><a href="#">🇧🇪 Belgium <span class="badge-soon">Q2 2027</span></a></li>
          <!-- Asia -->
          <li><a href="#">🇮🇳 India <span class="badge-soon">Q3 2027</span></a></li>
          <li><a href="#">🇹🇭 Thailand <span class="badge-soon">Q3 2027</span></a></li>
          <!-- Africa -->
          <li><a href="#">🇳🇬 Nigeria <span class="badge-soon">Q3 2026</span></a></li>
          <li><a href="#">🇰🇪 Kenya <span class="badge-soon">Q3 2026</span></a></li>
        </ul>
      </div>

      <!-- Company -->
      <div class="footer-col">
        <h4 class="footer-col-title">Company</h4>
        <ul class="footer-col-links">
          <li><a href="/about">About</a></li>
          <li><a href="/careers">Careers</a></li>
          <li><a href="/press">Press</a></li>
          <li><a href="/blog">Blog</a></li>
          <li><a href="/contact">Contact</a></li>
        </ul>
      </div>

      <!-- Legal -->
      <div class="footer-col">
        <h4 class="footer-col-title">Legal</h4>
        <ul class="footer-col-links">
          <li><a href="/terms">Terms of Service</a></li>
          <li><a href="/privacy">Privacy Policy</a></li>
          <li><a href="/cookies">Cookie Policy</a></li>
          <li><a href="/gdpr">GDPR</a></li>
          <li><a href="/dac7">DAC7</a></li>
        </ul>
      </div>
    </div>
  </div>

  <div class="footer-bottom">
    <div class="footer-copy">© 2026 quiXzoom. All rights reserved.</div>
    <div class="footer-legal-links">
      <a href="/terms">Terms</a>
      <a href="/privacy">Privacy</a>
      <a href="/cookies">Cookies</a>
    </div>
    <div class="footer-lang-row">
      <span class="fl-lbl">Language:</span>
      <a href="/?lang=en" class="flang active">EN</a>
      <a href="/?lang=sv" class="flang">SV</a>
      <a href="/?lang=nl" class="flang">NL</a>
      <a href="/?lang=de" class="flang">DE</a>
      <a href="/?lang=fr" class="flang">FR</a>
      <a href="/?lang=es" class="flang">ES</a>
      <a href="/?lang=th" class="flang">TH</a>
      <a href="/?lang=ja" class="flang">JA</a>
      <a href="/?lang=hi" class="flang">HI</a>
    </div>
  </div>
</footer>

<style>
/* Footer Styles */
.badge-live { font-size: .65rem; font-weight: 700; background: #00C853; color: white; padding: 1px 5px; border-radius: 4px; margin-left: 5px; }
.badge-redirect { font-size: .65rem; font-weight: 700; background: #FFB800; color: #1a1a1a; padding: 1px 5px; border-radius: 4px; margin-left: 5px; }
.badge-soon { font-size: .65rem; font-weight: 700; background: rgba(58,58,58,.12); color: rgba(58,58,58,.5); padding: 1px 5px; border-radius: 4px; margin-left: 5px; }
</style>