// Footer, dark, purple-tinted. Kinetic HFYF endorsement below.
const Footer = () => {
  const cols = [
    { h: 'Platform', links: ['Arrivals', 'Documents', 'Keys & rooms', 'Integrations', 'Roadmap'] },
    { h: 'Solutions', links: ['Universities', 'Colleges', 'PBSA operators', 'Housing partners'] },
    { h: 'Resources', links: ['Customer stories', 'Move-in playbook', 'Webinars', 'Release notes', 'Help center'] },
    { h: 'Company', links: ['About Kinetic Software', 'Careers', 'Press', 'Contact', 'Legal'] },
  ];
  return (
    <footer className="k-footer">
      <div className="k-footer__inner">
        <div className="k-footer__brand">
          <div className="k-footer__logo-row">
            <span className="kxw-wordmark kxw-wordmark--inverse" style={{fontSize:"26px", color:"#fff"}}>
              <span className="kxw-wordmark__kx">Kx</span>
              <span className="kxw-wordmark__word">Welcome</span>
            </span>
          </div>
          <p className="k-footer__tag">
            A warmer welcome, with zero paperwork. KxWelcome is a product of Kinetic Software,
            the tech partner of choice for housing and education teams.
          </p>
          <div className="k-footer__endorsement">
            <img src="../../assets/kinetic-hfyf-white.png" alt="Kinetic, Here for you. Forever." />
          </div>
          <div className="k-footer__parent">A Kinetic Software Business Unit · Part of the Volaris Group</div>
        </div>
        <div className="k-footer__cols">
          {cols.map(c => (
            <div className="k-footer__col" key={c.h}>
              <div className="k-footer__h">{c.h}</div>
              {c.links.map(l => <a href="#" key={l}>{l}</a>)}
            </div>
          ))}
        </div>
      </div>
      <div className="k-footer__bottom">
        <div>&copy; 2026 Kinetic Software. All rights reserved.</div>
        <div className="k-footer__legal">
          <a href="#">Privacy</a>
          <a href="#">Terms</a>
          <a href="#">Cookies</a>
          <a href="#">Accessibility</a>
        </div>
      </div>
    </footer>
  );
};
window.Footer = Footer;