// Footer — Blueprint Navy, structured nav, gold accents
function Footer() {
  const cols = [
    { title: "Foundational Elements", links: [
      { label: "Humanisation", href: "foundation-1.html" },
      { label: "Representation", href: "foundation-2.html" },
      { label: "Legislation: Law & Reform", href: "foundation-3.html" },
      { label: "Education", href: "foundation-4.html" },
      { label: "Evolution", href: "foundation-5.html" },
    ]},
    { title: "The Pillars", links: [
      { label: "School Safety", href: "pillar-1.html" },
      { label: "Social Safety", href: "pillar-2.html" },
      { label: "Government Accountability", href: "pillar-3.html" },
      { label: "Youth Futures", href: "pillar-4.html" },
      { label: "Rehabilitation & Remand", href: "pillar-5.html" },
    ]},
    { title: "Our Work", links: [
      { label: "Manifesto", href: "manifesto.html" },
      { label: "Programmes", href: "programs.html" },
      { label: "Research", href: "research.html" },
      { label: "Impact", href: "impact.html" },
    ]},
    { title: "Resources", links: [
      { label: "Library", href: "library.html" },
      { label: "Reports", href: "reports.html" },
      { label: "Tools", href: "tools.html" },
      { label: "Data", href: "data.html" },
      { label: "News & Media", href: "news.html" },
    ]},
    { title: "About", links: [
      { label: "Our Mission", href: "mission.html" },
      { label: "Our Team", href: "team.html" },
      { label: "Governance", href: "governance.html" },
      { label: "Careers", href: "careers.html" },
      { label: "Contact", href: "contact.html" },
    ]},
    { title: "Get Involved", links: [
      { label: "Donate", href: "donate.html" },
      { label: "Partner", href: "partner.html" },
      { label: "Volunteer", href: "volunteer.html" },
      { label: "Request a Briefing", href: "briefing.html" },
      { label: "Subscribe", href: "subscribe.html" },
      { label: "Disclose Harm", href: "disclose.html" },
    ]},
  ];
  return (
    <footer className="gjf-footer" id="contact">
      <div className="gjf-footer-grid">
        <div className="gjf-footer-brand">
          <a href="index.html" className="gjf-brand">
            <img src="assets/Global_Justice_Logo.png" alt="" className="gjf-brand-mark" />
            <span className="gjf-brand-text">
              <span className="gjf-brand-main">GLOBAL JUSTICE</span>
              <span className="gjf-brand-sub">FOUNDATIONS</span>
            </span>
          </a>
          <p className="gjf-footer-brand-text">
            Architecting Enforceable Justice<br/>
            Building Systems · Changing Lives
          </p>
          <a href="get-involved.html" className="gjf-btn gjf-btn-gold-outline" style={{ marginTop: 8 }}>Get Involved</a>
        </div>
        {cols.map((c) => (
          <div className="gjf-footer-col" key={c.title}>
            <h5>{c.title}</h5>
            {c.links.map((l) => <a key={l.label} href={l.href}>{l.label}</a>)}
          </div>
        ))}
        <div className="gjf-footer-col">
          <h5>Connect</h5>
          <div className="gjf-socials">
            <a href="#" aria-label="LinkedIn"><svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor"><path d="M4 4h4v16H4zM6 2a2 2 0 110 4 2 2 0 010-4zM10 8h4v2c.5-1 2-2 4-2 3 0 4 2 4 5v7h-4v-6c0-1.5-.5-2.5-2-2.5s-2 1-2 2.5V20h-4z"></path></svg></a>
            <a href="#" aria-label="X"><svg viewBox="0 0 24 24" width="12" height="12" fill="currentColor"><path d="M18 3h3l-7 8 8 10h-6l-5-6-6 6H2l8-9L2 3h6l4 5z"></path></svg></a>
            <a href="#" aria-label="YouTube"><svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor"><path d="M22 8s-.2-1.4-.8-2c-.7-.8-1.5-.8-1.9-.9C16.5 5 12 5 12 5s-4.5 0-7.3.1c-.4.1-1.2.1-1.9.9C2.2 6.6 2 8 2 8s-.2 1.6-.2 3.2v1.5C1.8 14.4 2 16 2 16s.2 1.4.8 2c.7.8 1.7.8 2.2.9 1.5.1 6.5.2 6.5.2s4.5 0 7.3-.2c.4-.1 1.2-.1 1.9-.9.6-.6.8-2 .8-2s.2-1.6.2-3.2v-1.5C22.2 9.6 22 8 22 8zM10 15V9l5 3-5 3z"></path></svg></a>
          </div>
        </div>
      </div>
      <div className="gjf-footer-bottom">
        <span>© 2026 Global Justice Foundations · Architecting Enforceable Justice</span>
        <span>
          <a href="privacy.html">Privacy</a> ·{" "}
          <a href="terms.html">Terms</a> ·{" "}
          <a href="accessibility.html">Accessibility</a> ·{" "}
          <a href="cookies.html">Cookies</a>
        </span>
      </div>
    </footer>
  );
}
window.GJF_Footer = Footer;