function Footer() {
  return (
    <footer className="site">
      <div className="container">
        <div>
          <div className="logo" style={{ fontFamily: 'var(--font-display)', fontWeight: 600, fontSize: '1.15rem', marginBottom: 14 }}>
            <span className="gradient-text">G</span>enerative Solutions
          </div>
          <p style={{ color: 'var(--fg-dim)', maxWidth: 320, fontSize: '0.92rem' }}>
            Consultoría independiente de automatización con IA para PYMES y autónomos.
            Hecho desde Valencia con cumplimiento europeo.
          </p>
          <div style={{ marginTop: 20, display: 'flex', gap: 8 }}>
            <Badge dot>Disponible</Badge>
            <Badge>RGPD · EU AI Act</Badge>
          </div>
        </div>
        <div>
          <h4>Servicios</h4>
          <div className="links">
            <a href="#servicios">Automatización con IA</a>
            <a href="#servicios">Webs y landings</a>
            <a href="#servicios">Chatbots</a>
            <a href="#servicios">A medida</a>
          </div>
        </div>
        <div>
          <h4>Empresa</h4>
          <div className="links">
            <a href="#proceso">Proceso</a>
            <a href="#roi">Calculadora ROI</a>
            <a href="#faq">FAQ</a>
            <a href="#contacto">Contacto</a>
          </div>
        </div>
        <div>
          <h4>Legal</h4>
          <div className="links">
            <a href="/aviso-legal">Aviso legal</a>
            <a href="/privacidad">Privacidad</a>
            <a href="/cookies">Cookies</a>
            <a href="/politica-ia">Política IA</a>
          </div>
        </div>
      </div>
      <div className="container">
        <div className="bottom">
          <span>© 2026 Generative Solutions · Alaquàs, Valencia</span>
          <span className="mono">v.1.0 · Hecho con cariño desde Valencia</span>
        </div>
      </div>
    </footer>
  );
}
window.Footer = Footer;
