/** @jsx React.createElement */

function Footer() {
  const [, force] = React.useState(0);
  React.useEffect(() => {
    const h = () => force(n => n + 1);
    window.addEventListener('brand:rerender', h);
    return () => window.removeEventListener('brand:rerender', h);
  }, []);
  const B = window.BRAND;
  return (
    <footer className="footer">
      <div className="container footer-inner">
        <div className="footer-brand">
          <img className="footer-monogram" src="assets/logo.png" alt="" />
          <span className="footer-wordmark"><b>Gitten</b> <span className="fw-dim">Consulting</span></span>
        </div>
        <div className="footer-tag">{B.tagline} · {B.location}</div>
        <div className="footer-copy">© 2026 Gitten Consulting LLC· Todos los derechos reservados.</div>
      </div>
    </footer>
  );
}

window.Footer = Footer;