function Footer() {
  return (
    <footer className="ft">
      <div className="ft-wordmark" aria-hidden="true">CHINUCH ATZMAI</div>
      <div className="ft-inner">
        <div className="ft-top">
          <a href="index.html" className="ft-logo" aria-label="Chinuch Atzmai · Home">
            <img src="assets/logo-cream.svg" alt="" />
          </a>
          <nav className="ft-nav">
            <a href="about.html">About Us</a>
            <a href="donate.html">Sponsorships</a>
            <a href="leadership.html">Rabbanim</a>
            <a href="gallery.html">Gallery</a>
            <a href="contact.html">Contact Us</a>
          </nav>
          <div className="ft-seal" aria-label="$1 a day sponsors a child">
            <img src="assets/seal-dollar-day.svg" alt="$1 a day" />
          </div>
        </div>

        <div className="ft-social">
          <a href="#" aria-label="Facebook"><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M22 12c0-5.5-4.5-10-10-10S2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12z"/></svg></a>
          <a href="#" aria-label="Instagram"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r=".8" fill="currentColor"/></svg></a>
          <a href="#" aria-label="X / Twitter"><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M18.244 2H21.5l-7.5 8.6L23 22h-7.4l-5.8-7.6L3 22H-.3l8-9.2L-.5 2h7.6l5.2 7L18.244 2zm-1.3 18h2L7.1 4H5l11.944 16z"/></svg></a>
          <a href="#" aria-label="LinkedIn"><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M20.5 2h-17C2.7 2 2 2.7 2 3.5v17c0 .8.7 1.5 1.5 1.5h17c.8 0 1.5-.7 1.5-1.5v-17C22 2.7 21.3 2 20.5 2zM8 19H5V9h3v10zM6.5 7.7c-1 0-1.7-.8-1.7-1.7s.8-1.7 1.7-1.7c1 0 1.7.8 1.7 1.7s-.7 1.7-1.7 1.7zM19 19h-3v-5.6c0-1.4-.5-2.3-1.7-2.3-.9 0-1.5.6-1.7 1.2-.1.2-.1.5-.1.8V19h-3V9h3v1.3c.4-.6 1.1-1.5 2.7-1.5 2 0 3.5 1.3 3.5 4.1V19z"/></svg></a>
          <a href="#" aria-label="YouTube"><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M23 12s0-3.7-.5-5.4c-.3-1-1-1.7-2-2C18.7 4 12 4 12 4s-6.7 0-8.5.6c-1 .3-1.7 1-2 2C1 8.3 1 12 1 12s0 3.7.5 5.4c.3 1 1 1.7 2 2C5.3 20 12 20 12 20s6.7 0 8.5-.6c1-.3 1.7-1 2-2 .5-1.7.5-5.4.5-5.4zM10 15.5v-7l6 3.5-6 3.5z"/></svg></a>
        </div>

        <div className="ft-bottom">
          <div>© 2026 Chinuch Atzmai. All rights reserved.</div>
          <div className="ft-legal">
            <a href="privacy.html">Privacy Policy</a>
            <a href="terms.html">Terms of Service</a>
            <a href="privacy.html">Cookies Settings</a>
          </div>
        </div>
      </div>
    </footer>
  );
}
window.Footer = Footer;