function Footer() {
  const cols = [
    {
      title: 'Destinations',
      links: ['Lushan 庐山', 'Wuyuan 婺源', 'Jingdezhen 景德镇', 'Sanqingshan 三清山', 'Mount Longhu 龙虎山', 'Nanchang 南昌']
    },
    {
      title: 'HeartEase',
      links: ['About us', 'Credentials', 'Press & journal', 'Careers', 'Contact']
    },
    {
      title: 'Practical',
      links: ['Visa support', 'Travel insurance', 'CNTA license', 'Cancellation', 'FAQ']
    }
  ];
  return (
    <footer className="hh-footer">
      <div className="hh-footer__pattern" aria-hidden></div>
      <div className="hh-footer__inner">
        <div>
          <span className="hh-footer__brand-zh">和易</span>
          <span className="hh-footer__wordmark">HeartEase</span>
          <span className="hh-footer__sub">JIANGXI · INBOUND TRAVEL</span>
          <p className="hh-footer__legal-cn">江西和易国际旅行社有限公司</p>
          <p style={{ fontFamily: 'var(--font-script)', fontSize: 22, color: '#F7F2E9', margin: '12px 0 0' }}>
            Travel with Heart, Discover with Ease.
          </p>
        </div>
        <div className="hh-footer__cols">
          {cols.map((c) => (
            <div key={c.title} className="hh-footer__col">
              <h5>{c.title}</h5>
              <ul>{c.links.map((l) => <li key={l}><a href="#">{l}</a></li>)}</ul>
            </div>
          ))}
        </div>
      </div>
      <div className="hh-footer__rule"></div>
      <div className="hh-footer__legal">
        <span>© 2026 Jiangxi HeartEase International Travel Co., Ltd · 江西和易国际旅行社</span>
        <span>CNTA License L-JX-CJ00000 · Nanchang, Jiangxi · Govt Code 3601000054</span>
      </div>
    </footer>
  );
}
window.Footer = Footer;