function Footer() {
  const links = [
    { label: 'Home',          href: 'Home.html' },
    { label: 'Common Ground', href: 'Common Ground.html' },
    { label: 'Services',      href: 'Services.html' },
    { label: 'Training',      href: 'Training.html' },
    { label: 'About',         href: 'About.html' },
    { label: 'Bio / CV',      href: 'About - CV.html' },
    { label: 'Contact',       href: '#' },
  ];
  return (
    <footer className="site-footer">
      <div className="footer-inner">
        <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
          <span className="footer-name">Lee Giordano</span>
          <span className="accent-dot" aria-hidden="true" />
        </div>
        <div className="footer-links">
          {links.map((l, i) => (
            <a key={i} href={l.href}>{l.label}</a>
          ))}
        </div>
        <span className="footer-note">Atlanta, GA · © 2026</span>
      </div>
    </footer>
  );
}

window.Footer = Footer;