// Footer for Layer 1 static pages — Hindi.
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="aap@email.com" />
            <button className="btn">84k से जुड़ें</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/hi/">योजना बनाएँ</a></li>
            <li><a href="/book/hi/">बुक करें</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 });