function Footer() {
  const root = '/';
  return (
    <footer className="footer">
      <div className="wrap">
        <div className="footer__inner">
          <div>
            <img src="assets/clearmetric-logo.svg" alt="Clearmetric" style={{ height: 22, marginBottom: 16 }}/>
            <div style={{ fontSize: 13, color: 'var(--ink-3)', maxWidth: 240, lineHeight: 1.45 }}>
              The defined intelligence platform. One source of truth for humans and AI.
            </div>
          </div>
          <div>
            <h4>Platform</h4>
            <ul>
              <li><a href={root + "#platform-definitions"}>Definitions</a></li>
              <li><a href={root + "#platform-canvas"}>Canvas</a></li>
              <li><a href={root + "#platform-mcp"}>MCP for AI</a></li>
              <li><a href={root + "#architecture"}>Architecture</a></li>
              <li><a href="/security">Security</a></li>
            </ul>
          </div>
          <div>
            <h4>Resources</h4>
            <ul>
              <li><a href={root + "#faq"}>FAQ</a></li>
              <li><a href={root + "#roi"}>ROI calculator</a></li>
              <li><a href={root + "#compare"}>Compare</a></li>
            </ul>
          </div>
          <div>
            <h4>Legal</h4>
            <ul>
              <li><a href="/terms">Terms & Conditions</a></li>
              <li><a href="/privacy">Privacy Policy</a></li>
              <li><a href="/dpa">Data Processing Addendum</a></li>
            </ul>
          </div>
        </div>
        <div className="footer__base">
          <span>© 2026 CLEARMETRIC, INC.</span>
        </div>
      </div>
    </footer>
  );
}
window.Footer = Footer;