// Eliks website kit — footer
function Footer() {
  const cols = [
    ['Services', ['Web platforms', 'Mobile apps', 'Product design', 'AI features']],
    ['Company', ['Work', 'Careers', 'Contact']],
    ['Connect', [{ label: 'hello@eliks.com', href: 'mailto:hello@eliks.com' }]],
  ];
  return (
    <footer className="ft">
      <div className="shell">
        <div className="ft__top">
          <div>
            <img className="ft__logo" src={LOGO_WHITE} alt="Eliks" />
            <p>A product studio building web and mobile software end to end. Based everywhere, shipping daily.</p>
            <div className="ft__social">
              <a
                className="ft__social-btn"
                href="https://www.linkedin.com/company/eliks-tech"
                target="_blank"
                rel="noopener noreferrer"
                aria-label="LinkedIn"
              >
                in
              </a>
            </div>
          </div>
          {cols.map(([h, items]) => (
            <div className="ft__col" key={h}>
              <h4>{h}</h4>
              {items.map(i => {
                const label = typeof i === 'string' ? i : i.label;
                const href = typeof i === 'string' ? '#top' : i.href;
                return <a key={label} href={href}>{label}</a>;
              })}
            </div>
          ))}
        </div>
        <div className="ft__bottom">
          <span>© 2026 Eliks. All rights reserved.</span>
          <span>Privacy · Terms</span>
        </div>
      </div>
    </footer>
  );
}
Object.assign(window, { Footer });