/* SiteFooter.jsx — full teal footer used on internal pages.
 * Includes the legally-required disclaimer per brief 3.4.
 */
function SiteFooter() {
  React.useEffect(() => {
    if (window.lucide) window.lucide.createIcons();
  });
  return (
    <footer className="int-footer">
      <div className="int-container">
        <div className="grid">
          <div>
            <img className="mark" src="assets/hondulegal-logo-mono-white.png" alt="HONDULegal" />
            <p className="blurb">Soluciones legales y técnicas especializadas. Asesoría profesional cercana, honesta y sin complicaciones.</p>
            <div className="socials">
              <a className="pill" href="https://www.instagram.com/hondulegal_hn/" target="_blank" rel="noopener noreferrer" aria-label="Instagram">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
                  <rect x="3" y="3" width="18" height="18" rx="5"/>
                  <circle cx="12" cy="12" r="3.6"/>
                  <circle cx="17.3" cy="6.7" r="0.8" fill="currentColor" stroke="none"/>
                </svg>
              </a>
              <a className="pill" href="https://www.facebook.com/profile.php?id=61566177717471" target="_blank" rel="noopener noreferrer" aria-label="Facebook">
                <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
                  <path d="M13.5 21v-7.5h2.5l.5-3.2h-3V8.2c0-.9.3-1.6 1.7-1.6h1.5V3.8c-.3 0-1.2-.1-2.2-.1-2.2 0-3.7 1.3-3.7 3.8v2.3H8v3.2h2.8V21h2.7z"/>
                </svg>
              </a>
              <a className="pill" href="https://www.tiktok.com/@hondulegal.com" target="_blank" rel="noopener noreferrer" aria-label="TikTok">
                <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
                  <path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-2.88 2.5 2.89 2.89 0 0 1-2.89-2.89 2.89 2.89 0 0 1 2.89-2.89c.28 0 .54.04.79.1V9.01a6.27 6.27 0 0 0-.79-.05 6.34 6.34 0 0 0-6.34 6.34 6.34 6.34 0 0 0 6.34 6.34 6.34 6.34 0 0 0 6.34-6.34V9.75a8.16 8.16 0 0 0 4.79 1.53V7.85a4.84 4.84 0 0 1-1.03-.16v-.01z"/>
                </svg>
              </a>
              <a className="pill" href="https://www.linkedin.com/company/hondulegal" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn">
                <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
                  <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
                </svg>
              </a>
            </div>
          </div>
          <div>
            <h4 className="col-title">Contacto</h4>
            <div className="contact-row"><i data-lucide="phone"></i><span>+(504) 9906-8301</span></div>
            <div className="contact-row"><i data-lucide="mail"></i><span>servicioalcliente@hondulegal.com</span></div>
            <div className="contact-row"><i data-lucide="map-pin"></i><span>Tegucigalpa, Honduras</span></div>
          </div>
          <div>
            <h4 className="col-title">Servicios</h4>
            <div className="links">
              <a href="servicios-legales.html">Servicios Legales</a>
              <a href="servicios-tecnicos.html">Servicios Técnicos</a>
              <a href="#" onClick={(e) => { e.preventDefault(); window.dispatchEvent(new CustomEvent("themisx:open")); }}>Consultar a ThemisX</a>
            </div>
          </div>
          <div>
            <h4 className="col-title">Empresa</h4>
            <div className="links">
              <a href="index.html">Inicio</a>
              <a href="contacto.html">Contacto</a>
              <a href="#">Aviso de privacidad</a>
              <a href="#">Términos</a>
            </div>
          </div>
        </div>
        <div className="legal-band">
          <p>
            Soluciones Legales y Técnicas de Honduras, S. de R.L. | HONDULegal.
            El contenido de este sitio sólo es para fines informativos y promocionales,
            no constituye asesoría legal o técnica formal.
          </p>
          <div className="small-row">
            <span>© 2026 HONDULegal. Todos los derechos reservados.</span>
            <span>Creada por <a href="mailto:ocastillo@sainthn.com" style={{ color: "white", textDecoration: "underline", textUnderlineOffset: "3px", opacity: 1 }}>Oscar Castillo</a>.</span>
          </div>
        </div>
      </div>
    </footer>
  );
}

Object.assign(window, { SiteFooter });