function Footer() {
  const { t } = useI18n();
  return (
    <footer className="footer">
      <div className="footer-grid">
        <div>
          <FutoLockup />
          <p className="tagline">{t('foot.tagline')}</p>
        </div>
        <div>
          <h4>{t('foot.h.nav')}</h4>
          <ul>
            <li><a href="index.html#about">{t('nav.about')}</a></li>
            <li><a href="index.html#business">{t('nav.business')}</a></li>
            <li><a href="index.html#culture">{t('nav.culture')}</a></li>
            <li><a href="contact.html">{t('nav.contact')}</a></li>
          </ul>
        </div>
        <div>
          <h4>{t('foot.h.products')}</h4>
          <ul>
            <li><a href="https://www.aitranspdf.com/" target="_blank" rel="noopener noreferrer">AITransPDF ↗</a></li>
            <li><a href="https://belindoc.com/" target="_blank" rel="noopener noreferrer">Belin Doc ↗</a></li>
            <li>{t('biz.s.antique.title')}</li>
            <li>{t('biz.s.food.title')}</li>
          </ul>
        </div>
        <div>
          <h4>{t('foot.h.contact')}</h4>
          <ul>
            <li>{t('cp.info.hqVal')}<br />{t('cp.info.hqSub')}</li>
            <li><a href="tel:0368038438">{t('foot.tel')}</a></li>
            <li>{t('foot.hours')}</li>
          </ul>
        </div>
      </div>
      <div className="footer-bottom">
        <span>{t('foot.copyright')}</span>
        <span>{t('foot.loc')}</span>
      </div>
    </footer>
  );
}
window.Footer = Footer;