const Footer = () => (
  <footer className="footer">
    <Container>
      <div className="footer__grid">
        <div className="footer__brand">
          <LogoFull height={54} />
          <p>Design, patent, and manufacture soft goods. Factory-direct from Ho Chi Minh City since 2018.</p>
        </div>
        <div>
          <h4>Studio</h4>
          <ul>
            <li><a href="#process">Process</a></li>
            <li><a href="#services">Services</a></li>
            <li><a href="#case">Case studies</a></li>
            <li><a href="#founder">About Paul</a></li>
            <li><a href="#instagram">Instagram</a></li>
          </ul>
        </div>
        <div>
          <h4>Resources</h4>
          <ul>
            <li><a href="#">The book</a></li>
            <li><a href="#">Field guide (PDF)</a></li>
            <li><a href="#">Factory audit checklist</a></li>
            <li><a href="#faq">FAQ</a></li>
          </ul>
        </div>
        <div>
          <h4>Contact</h4>
          <ul>
            <li><a href="mailto:paul@xlovation.com">paul@xlovation.com</a></li>
            <li><a href="tel:+842838221100">+84 28 3822 1100</a></li>
            <li><a href="#">LinkedIn</a></li>
            <li><a href="#">Instagram</a></li>
          </ul>
        </div>
      </div>

      <div className="footer__big">XL OVATION</div>

      <div className="footer__bottom">
        <div>© {new Date().getFullYear()} XL Ovation Co., Ltd. · Ho Chi Minh City, Vietnam</div>
        <div>Made on the factory floor.</div>
      </div>
    </Container>
  </footer>
);

window.Footer = Footer;