function Footer() {
  return (
    <footer style={{ background: "var(--forest-900)", color: "var(--color-text-inverse-muted)", padding: "56px 48px 32px", fontFamily: "var(--font-sans-body)" }}>
      <div style={{ display: "flex", justifyContent: "space-between", gap: 40, flexWrap: "wrap", marginBottom: 40 }}>
        <div style={{ maxWidth: 320 }}>
          <div style={{ font: "600 1.2rem/1 var(--font-serif-display)", color: "var(--color-text-inverse)", letterSpacing: "var(--tracking-wordmark)", textTransform: "uppercase", marginBottom: 12 }}>The Hide <span style={{ display: "block", font: "400 0.5rem/1 var(--font-sans-body)", letterSpacing: "0.3em", marginTop: 4 }}>NONGOMA</span></div>
          <p style={{ font: "var(--text-body-sm)", lineHeight: 1.7 }}>A boutique retreat in Nongoma, KwaZulu-Natal — a peaceful stay amid the hills, close to the heart of Zulu heritage.</p>
        </div>
        <div>
          <div style={{ font: "var(--text-label-sm)", letterSpacing: "0.1em", textTransform: "uppercase", color: "var(--color-text-inverse)", marginBottom: 14 }}>Explore</div>
          <div style={{ display: "flex", flexDirection: "column", gap: 10, font: "var(--text-body-sm)" }}><span>Rooms &amp; Suites</span><span>Experiences</span><span>Gallery</span><span>Reviews</span></div>
        </div>
        <div>
          <div style={{ font: "var(--text-label-sm)", letterSpacing: "0.1em", textTransform: "uppercase", color: "var(--color-text-inverse)", marginBottom: 14 }}>Contact</div>
          <div style={{ display: "flex", flexDirection: "column", gap: 10, font: "var(--text-body-sm)" }}>
            <span>103 Armstrong Street, Nongoma, 3950, South Africa</span>
            <span>reservations@thehidenongoma.co.za</span>
            <span>+27 76 105 5213</span>
          </div>
        </div>
      </div>
      <div style={{ borderTop: "1px solid rgba(255,255,255,0.14)", paddingTop: 20, font: "var(--text-label-sm)", color: "var(--color-text-inverse-muted)" }}>© 2026 The Hide Nongoma. All rights reserved.</div>
    </footer>
  );
}
window.Footer = Footer;