// Footer for Layer 1 static pages — Arabic.
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">شبكة HowTo · العدد رقم 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="بريدك@example.com" />
            <button className="btn">انضم إلى 84 ألفاً</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/ar/">التخطيط</a></li>
            <li><a href="/book/ar/">الحجز</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 · صُنع بمحبّة في 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 });