function Footer() {
  return (
    <footer>
      <div className="container">
        <div className="foot-grid">
          <div className="foot-brand">
            <a href="#" className="logo" aria-label="MouNa">
              Mou<span className="dot" style={{ color: "var(--accent-2)" }}>N</span>a
            </a>
            <p>Opérateur internet et solutions IT — au service de la Guinée connectée depuis plus de 10 ans.</p>
            <form className="foot-news" onSubmit={(e) => e.preventDefault()}>
              <input type="email" placeholder="Votre e-mail" />
              <button type="submit">S'abonner</button>
            </form>
          </div>

          <div className="foot-col">
            <h5>Navigation</h5>
            <ul>
              <li><a href="#offres">Offres Internet</a></li>
              <li><a href="#business">Business Solutions</a></li>
              <li><a href="#story">Notre histoire</a></li>
              <li><a href="#eligibilite">Éligibilité</a></li>
            </ul>
          </div>

          <div className="foot-col">
            <h5>Aide</h5>
            <ul>
              <li><a href="#">Espace client</a></li>
              <li><a href="#">Support technique</a></li>
              <li><a href="#">FAQ</a></li>
              <li><a href="#">Politique de confidentialité</a></li>
            </ul>
          </div>

          <div className="foot-col">
            <h5>Contact</h5>
            <ul>
              <li style={{ display: "inline-flex", alignItems: "center", gap: "10px" }}>
                <Icons.Phone /> 8015 · (+224) 628 34 01 01
              </li>
              <li style={{ display: "inline-flex", alignItems: "center", gap: "10px" }}>
                <Icons.Mail /> contact@mounagroup.com
              </li>
              <li style={{ display: "inline-flex", alignItems: "flex-start", gap: "10px", lineHeight: 1.5 }}>
                <span style={{ marginTop: "3px" }}><Icons.MapPin /></span>
                <span>MouNa Building, Av. de la République, Kaloum — Camayenne Corniche</span>
              </li>
            </ul>
          </div>
        </div>

        <div className="foot-bottom">
          <div className="copy">© 2026 MouNa Group Technology SA — Tous droits réservés.</div>
          <div className="foot-social">
            <a href="#" aria-label="Facebook"><Icons.Facebook /></a>
            <a href="#" aria-label="Twitter"><Icons.Twitter /></a>
            <a href="#" aria-label="LinkedIn"><Icons.LinkedIn /></a>
            <a href="#" aria-label="Instagram"><Icons.Instagram /></a>
          </div>
        </div>
      </div>
    </footer>
  );
}

window.Footer = Footer;