// Footer for Layer 1 static pages — Simplified Chinese.
const Footer = () => (
  <footer className="footer">
    <div className="footer-stamp">T</div>
    <div className="container">
      <div className="footer-top">
        <div className="footer-masthead">
          <div className="issue">The HowTo Network · 第014期 · 2026年春季刊</div>
          <h3 className="serif">HowTo:<em>Travel.</em></h3>
          <p className="tagline">我们相信，任何人都能去看看这个世界。我们的工作，是给你出发所需的指南、灵感与同行者。</p>
        </div>
        <div className="footer-signup">
          <h4 className="serif">每周六的<em>那封信。</em></h4>
          <p>每个周六早上一封邮件。一个目的地、一篇指南，外加一位身在某个角落的旅行者发来的实地札记。</p>
          <div className="form">
            <input placeholder="你的@邮箱.com" />
            <button className="btn">加入8.4万订阅</button>
          </div>
        </div>
      </div>
      <div className="footer-colophon">
        <div className="footer-col">
          <h5>版权页</h5>
          <p className="about">以Playfair Display与DM Sans排版。在互联网上付印。在波尔图开往里斯本的火车上完成编辑。</p>
        </div>
        <div className="footer-col">
          <h5>探索</h5>
          <ul>
            <li><a href="https://roundtrips.org">RoundTrips</a></li>
            <li><a href="/plan/zh/">规划</a></li>
            <li><a href="/book/zh/">预订</a></li>
            <li><a href="/about">关于我们</a></li>
            <li><a href="/contact">联系我们</a></li>
          </ul>
        </div>
        <div className="footer-col">
          <h5>网络</h5>
          <ul>
            <li><a href="https://thehowtonetwork.com">HowTo Network</a></li>
            <li><a href="https://howtohomeedition.com">HowTo: Home</a></li>
            <li><a href="https://howtofoodedition.com">HowTo: Food</a></li>
            <li><a href="https://howtobeautyedition.com">HowTo: Beauty</a></li>
            <li><a href="https://howtotechedition.com">HowTo: Tech</a></li>
            <li><a href="https://howtofamilyedition.com">HowTo: Family</a></li>
          </ul>
        </div>
        <div className="footer-col">
          <h5>实地编辑部</h5>
          <ul>
            <li>布鲁克林 · 纽约</li>
            <li>克罗伊茨贝格 · 柏林</li>
            <li>涩谷 · 东京</li>
            <li>康德萨 · 墨西哥城</li>
          </ul>
        </div>
      </div>
      <div className="footer-bottom">
        <span>© 2026 HowTo Network · 在14个时区里用心制作</span>
        <div className="socials">
          <a href="/privacy">隐私政策</a>
          <a href="/terms">使用条款</a>
          <a href="https://thehowtonetwork.com">网络</a>
        </div>
      </div>
    </div>
  </footer>
);

Object.assign(window, { Footer });