function Footer() {
  return (
    <footer className="footer">
      <div className="shell">
        <div className="footer-grid">
          <div>
            <a href="#top" className="footer-logo nav-logo-img" aria-label="The Solar Trailer Co.">
              <img src="assets/logo.png" alt="The Solar Trailer Co." />
            </a>
            <p style={{fontSize:14, opacity:0.7, maxWidth:'34ch', lineHeight:1.6}}>
              Silent, mobile, off-grid power. Engineered in New Zealand for our wind, rain, dust, gravel and seismic conditions.
            </p>
          </div>
          <div>
            <h5>Product</h5>
            <ul>
              <li><a href="/tier-1-solo">Tier 1 — Solo</a></li>
              <li><a href="/tier-2-crew">Tier 2 — Crew</a></li>
              <li><a href="/tier-3-command">Tier 3 — Command</a></li>
              <li><a href="#modules">Modules</a></li>
            </ul>
          </div>
          <div>
            <h5>Commercial</h5>
            <ul>
              <li><a href="#buyhire">Buy a trailer</a></li>
              <li><a href="#buyhire">Hire a trailer</a></li>
              <li><a href="#contact">Standby contracts</a></li>
              <li><a href="#contact">White-label</a></li>
            </ul>
          </div>
          <div>
            <h5>Co.</h5>
            <ul>
              <li><a href="/about">About</a></li>
              <li><a href="/faq">FAQ</a></li>
              <li><a href="/use-cases">Use cases</a></li>
              <li><a href="/articles">Articles</a></li>
              <li><a href="#contact">Contact</a></li>
              <li><a href="mailto:power@solartrailer.co.nz">power@solartrailer.co.nz</a></li>
            </ul>
          </div>
        </div>

        <div className="footer-bottom">
          <span>© 2026 The Solar Trailer Co. Ltd · NZBN 9429 0xxxx</span>
          <span>Nelson · Christchurch · Queenstown</span>
        </div>
      </div>
    </footer>
  );
}
window.Footer = Footer;