/* global React */
// Footer — wordmark, location, minimal legal line. No icons.
function Footer() {
  return (
    <footer className="site-footer">
      <div className="section-rule" aria-hidden="true"></div>
      <div className="page">
        <div className="site-footer__row">
          <a href="/" className="site-footer__brand" aria-label="Holdpoint home">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 270 90" height="36" aria-hidden="true">
              <g transform="translate(6,5) scale(0.72)">
                <g fill="none" stroke="#141414" strokeWidth="2.361" strokeLinecap="round">
                  <line x1="50" y1="15" x2="81" y2="33" />
                  <line x1="81" y1="33" x2="81" y2="67" strokeDasharray="3 3.5" />
                  <line x1="81" y1="67" x2="50" y2="85" />
                  <line x1="50" y1="85" x2="19" y2="67" strokeDasharray="3 3.5" />
                  <line x1="19" y1="67" x2="19" y2="33" />
                  <line x1="19" y1="33" x2="50" y2="15" strokeDasharray="3 3.5" />
                  <line x1="50" y1="15" x2="50" y2="50" strokeDasharray="3 3.5" />
                  <line x1="81" y1="33" x2="50" y2="50" />
                  <line x1="81" y1="67" x2="50" y2="50" strokeDasharray="3 3.5" />
                  <line x1="50" y1="85" x2="50" y2="50" />
                  <line x1="19" y1="67" x2="50" y2="50" strokeDasharray="3 3.5" />
                  <line x1="19" y1="33" x2="50" y2="50" />
                </g>
                <circle cx="50" cy="15" r="2.9" fill="#F3F2EE" stroke="#141414" strokeWidth="2.361" />
                <circle cx="81" cy="33" r="2.5" fill="#141414" />
                <circle cx="81" cy="67" r="2.9" fill="#F3F2EE" stroke="#141414" strokeWidth="2.361" />
                <circle cx="50" cy="85" r="2.5" fill="#141414" />
                <circle cx="19" cy="67" r="2.9" fill="#F3F2EE" stroke="#141414" strokeWidth="2.361" />
                <circle cx="19" cy="33" r="2.5" fill="#141414" />
                <circle cx="50" cy="50" r="5" fill="#141414" />
              </g>
              <text x="82" y="55" fontFamily="'Space Grotesk', sans-serif" fontWeight="600" fontSize="36" letterSpacing="-0.65" fill="#141414">Holdpoint</text>
            </svg>
          </a>
          <div className="site-footer__meta">
            <a href="/contact" className="small site-footer__link">Request access</a>
            <span className="small">© 2026 Holdpoint</span>
          </div>
        </div>
      </div>
    </footer>
  );
}

window.Footer = Footer;