// Footer — insurance L2 sub-hub
const Footer = () => {
  const path = typeof window !== "undefined" ? window.location.pathname : "/";
  const { lang } = (typeof parseLayer1Path === "function") ? parseLayer1Path(path) : { lang: "en" };
  const planHref = (typeof urlForLang === "function") ? urlForLang("/plan/", lang) : "/en/plan/";
  const bookHref = (typeof urlForLang === "function") ? urlForLang("/book/", lang) : "/en/book/";

  return (
    <footer className="footer">
      <div className="footer-stamp">T</div>
      <div className="container">
        <div className="footer-colophon footer-colophon-3">
          <div className="footer-col footer-brand">
            <h3 className="serif footer-brand-mark">HowTo:<em>Travel.</em></h3>
            <p className="footer-brand-tag">We believe everyone has the ability to see the world. Our job is the guidance, inspiration, and company to help you go.</p>
          </div>
          <div className="footer-col">
            <h5>Explore</h5>
            <ul>
              <li><a href="https://roundtrips.org">RoundTrips</a></li>
              <li><a href={planHref}>Plan</a></li>
              <li><a href={bookHref}>Book</a></li>
              <li><a href="/about">About</a></li>
              <li><a href="/contact">Contact</a></li>
            </ul>
          </div>
          <div className="footer-col">
            <h5>The Network</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>
              <li><a href="https://howtofinanceedition.com">HowTo: Finance</a></li>
            </ul>
          </div>
        </div>
        <div className="footer-bottom">
          <span>© 2026 HowTo Network · Made with care in 14 timezones</span>
          <div className="socials">
            <a href="/privacy">Privacy</a>
            <a href="/terms">Terms</a>
            <a href="https://thehowtonetwork.com">Network</a>
          </div>
        </div>
      </div>
    </footer>
  );
};

Object.assign(window, { Footer });