function Footer({ onCandidates }) {
  const candidateLinks = ["Join the Network", "Open Opportunities", "Career Advisory", "Confidential Inquiry"];
  const cols = [
    { h: "Solutions", l: ["Executive Search", "Permanent Placement", "Contract & Contract-to-Hire", "Workforce Advisory", "Team Augmentation"] },
    { h: "Practices", l: ["AI & Machine Learning", "Cloud & Infrastructure", "Cybersecurity", "Product & Program", "Technology Leadership"] },
    { h: "Company", l: ["About", "Our Story", "Insights", "Press", "Contact"] },
  ];
  return (
    <footer className="footer" id="about">
      <div className="container">
        <div className="footer__top">
          <div className="footer__brand">
            <div className="footer__logo-wrap">
              <img src="/assets/logo-main.png" alt="Synvori Solutions" className="footer__logo-img"/>
            </div>
            <p>Connecting companies with the top 0.9% of talent. A boutique talent advisory firm operating across leadership, technical, and operational categories.</p>
            <div className="footer__contact">
              <a href="mailto:hello@synvori.solutions">hello@synvori.solutions</a>
              <a href="tel:+16462151257">+1 646-215-1257</a>
            </div>
          </div>
          {cols.map(c => (
            <div className="footer__col" key={c.h}>
              <h5>{c.h}</h5>
              {c.l.map(item => <a key={item} href="#">{item}</a>)}
            </div>
          ))}
          <div className="footer__col">
            <h5>Candidates</h5>
            {candidateLinks.map(item => (
              <a key={item} href="#" onClick={e => { e.preventDefault(); onCandidates && onCandidates(); }}>{item}</a>
            ))}
          </div>
        </div>
        <div className="footer__bottom">
          <span>&#169; Synvori Solutions · 2026</span>
          <div className="legal">
            <a href="#">Privacy</a>
            <a href="#">Terms</a>
            <a href="#">Confidentiality Notice</a>
          </div>
        </div>
      </div>
    </footer>
  );
}

window.Footer = Footer;
