// Footer — minimal, mono
const Footer = () => {
  const year = new Date().getFullYear();
  return (
    <footer className="footer">
      <div className="container">
        <div className="footer__top">
          <div className="footer__brand">
            <div className="footer__logo">
              <span>{'{'}</span> lo&nbsp;programamos <span>{'}'}</span>
            </div>
            <p className="footer__tag">
              Software a medida, entregado en tiempo récord.
            </p>
          </div>

          <div className="footer__cols">
            <div className="footer__col">
              <h4 className="mono">servicios</h4>
              <ul>
                <li><a href="#servicios">Web corporativa</a></li>
                <li><a href="#servicios">E-commerce</a></li>
                <li><a href="#servicios">SaaS a medida</a></li>
                <li><a href="#servicios">Apps móviles</a></li>
                <li><a href="#servicios">Automatización</a></li>
              </ul>
            </div>
            <div className="footer__col">
              <h4 className="mono">estudio</h4>
              <ul>
                <li><a href="#proceso">Proceso</a></li>
                <li><a href="#portfolio">Portfolio</a></li>
                <li><a href="#stack">Stack</a></li>
                <li><a href="#contacto">Contacto</a></li>
              </ul>
            </div>
            <div className="footer__col">
              <h4 className="mono">directo</h4>
              <ul>
                <li><a href="mailto:contacto@loprogramamos.com">contacto@loprogramamos.com</a></li>
                <li><a href="#">@loprogramamos</a></li>
                <li><a href="#">github</a></li>
                <li><a href="#">linkedin</a></li>
              </ul>
            </div>
          </div>
        </div>

        <div className="footer__bottom mono">
          <span>© {year} lo programamos · Guadalajara, MX</span>
          <span className="footer__status">
            <span className="footer__status-dot" />
            aceptando proyectos para Q2 · 2026
          </span>
          <span>hecho con astro · menos es más</span>
        </div>
      </div>
    </footer>
  );
};

window.Footer = Footer;