/* Franchise Kosovo — Footer */
function Footer({ navigate }) {
  const cols = [
    { h: 'Company', links: [['About us','about'],['Our process','home'],['For franchisors','franchisors'],['Contact','contact']] },
    { h: 'Opportunities', links: [['Browse all','directory'],['Food & Beverage','directory'],['Fitness','directory'],['Education','directory']] },
    { h: 'Resources', links: [['Investment guide','contact'],['FAQ','contact'],['Financing','contact'],['Discovery days','contact']] },
  ];
  return (
    <footer className="footer">
      <div className="container">
        <div className="footer-top">
          <div>
            <img src="../../assets/logo-wordmark-light.svg" alt="Franchise Kosovo" height="42" />
            <p className="footer-blurb">The gold standard of franchising in Kosovo. We connect proven global brands with Kosovo’s fastest-growing market — and guide you end-to-end.</p>
            <div style={{ display:'flex', gap:14, marginTop:22 }}>
              {['globe','mail','message-circle'].map(s => (
                <span key={s} style={{ width:38, height:38, borderRadius:10, border:'1px solid var(--navy-line)', display:'flex', alignItems:'center', justifyContent:'center', cursor:'pointer' }}>
                  <Icon name={s} />
                </span>
              ))}
            </div>
          </div>
          {cols.map((c) => (
            <div key={c.h}>
              <h5>{c.h}</h5>
              <ul>
                {c.links.map((l, i) => <li key={i}><a onClick={() => navigate({ view: l[1] })}>{l[0]}</a></li>)}
              </ul>
            </div>
          ))}
        </div>
        <div className="footer-bottom">
          <span>© 2026 Franchise Kosovo · Rr. Nëna Terezë, Pristina, Kosovo</span>
          <span style={{ display:'flex', gap:22 }}>
            <a>Privacy</a><a>Terms</a><a>Cookies</a>
          </span>
        </div>
      </div>
    </footer>
  );
}
Object.assign(window, { Footer });