// Footer — about, contact, the quiet institutional close. Multi-page aware.
function Footer() {
  const { Logo } = window.IAIGADesignSystem_db07e0;
  return (
    <footer className="site-footer">
      <div className="wrap site-footer__inner">
        <div className="site-footer__brand">
          <Logo variant="horizontal" src="assets/logo-horizontal.svg" height={30} />
          <p>IAIGA is an initiative of the Center for Existential Safety, working toward safe and fair global governance of AI.</p>
        </div>
        <div className="site-footer__cols">
          <div>
            <h4>The case</h4>
            <a href="/#problem">The problem</a>
            <a href="/#need">Our proposal</a>
            <a href="/#signatories">Signatories</a>
          </div>
          <div>
            <h4>Resources</h4>
            <a href="faq">FAQ</a>
            <a href="learn-more">Learn more</a>
          </div>
          <div>
            <h4>Organization</h4>
            <a href="about">About IAIGA</a>
            <a href="https://buy.stripe.com/bJe28sgvtdzd0Gb9B89MY00" target="_blank" rel="noopener">Support our work</a>
            <a href="mailto:hello@iaiga.org">hello@iaiga.org</a>
          </div>
        </div>
      </div>
      <div className="wrap site-footer__legal">
        <span>© 2026 International AI Governance Alliance</span>
        <span className="site-footer__legal-links"><a href="privacy">Privacy</a><a href="terms">Terms</a></span>
      </div>
    </footer>
  );
}
window.Footer = Footer;