/* @jsx React.createElement */

function Footer({ go }) {
  return (
    <footer style={{ background: "var(--os-black)", color: "var(--os-white)" }}>
      <div style={{ maxWidth: 1240, margin: "0 auto", padding: "72px 32px 32px" }}>
        <div style={{ display: "grid", gridTemplateColumns: "1.4fr 1fr 1fr", gap: 56 }}>
          <div>
            <div style={{ display: "flex", alignItems: "center", gap: 12 }}>
              <img src="assets/logo-mark.png" alt="Logo Orientierungsstark" style={{ width: 56, height: "auto", display: "block", filter: "brightness(0) invert(1)" }} />
              <div>
                <div style={{ fontFamily: "var(--font-sans)", fontWeight: 300, fontSize: 22, lineHeight: 1, color: "var(--os-warmgray-3)" }}>
                  Orientierungs<span className="os-wordmark-stark">stark</span>
                </div>
                <div style={{ fontFamily: "var(--font-sans)", fontSize: 10, letterSpacing: "0.18em", color: "rgba(255,255,255,0.5)", marginTop: 6, fontWeight: 600 }}>HUNDEVERHALTEN · THURGAU</div>
              </div>
            </div>
            <p style={{ fontFamily: "var(--font-serif)", fontSize: 14, lineHeight: 1.7, color: "rgba(255,255,255,0.6)", marginTop: 24, maxWidth: "32ch" }}>
              Verhaltenstherapie, Intensivtraining &amp; Hundeschule im Raum Thurgau.
            </p>
            <div style={{ marginTop: 24, display: "flex", gap: 16, fontFamily: "var(--font-sans)", fontSize: 13 }}>
              <a href="#" onClick={(e) => { e.preventDefault(); go && go("agb"); }} className="os-link-draw is-persistent" style={{ color: "rgba(255,255,255,0.7)" }}>AGB</a>
              <a href="#" onClick={(e) => { e.preventDefault(); go && go("datenschutz"); }} className="os-link-draw is-persistent" style={{ color: "rgba(255,255,255,0.7)" }}>Datenschutz</a>
            </div>
          </div>
          <div style={{ fontFamily: "var(--font-sans)", fontSize: 13, color: "rgba(255,255,255,0.7)", lineHeight: 1.9 }}>
            <div style={{ fontFamily: "var(--font-sans)", fontWeight: 600, fontSize: 11, letterSpacing: "0.18em", textTransform: "uppercase", color: "var(--os-white)", marginBottom: 14 }}>Impressum</div>
            Orientierungsstark – Hundeverhalten<br />
            Corinne Pflug<br />
            Widestrasse 3<br />
            8580 Hefenhofen<br />
            c.p.hundeschule@gmail.com<br />
            079 / 843 61 83
          </div>
          <div style={{ fontFamily: "var(--font-sans)", fontSize: 13, color: "rgba(255,255,255,0.7)", lineHeight: 1.9 }}>
            <div style={{ fontFamily: "var(--font-sans)", fontWeight: 600, fontSize: 11, letterSpacing: "0.18em", textTransform: "uppercase", color: "var(--os-white)", marginBottom: 14 }}>Bankdaten</div>
            Raiffeisenbank Amriswil<br />
            Corinne Pflug<br />
            IBAN: CH79 8080 8001 2883 6665 0<br />
            SWIFT-BIC: RAIFCH22<br />
            <span style={{ color: "rgba(255,255,255,0.5)", fontSize: 12 }}>Rechnung nach Termin</span>
          </div>
        </div>
        <div style={{ borderTop: "1px solid rgba(255,255,255,0.12)", marginTop: 56, paddingTop: 24, display: "flex", justifyContent: "space-between", alignItems: "center", flexWrap: "wrap", gap: 12, fontFamily: "var(--font-sans)", fontSize: 12, color: "rgba(255,255,255,0.5)" }}>
          <div>© 2026 Orientierungsstark – Hundeverhalten · Corinne Pflug</div>
          <div style={{ display: "flex", alignItems: "center", gap: 16, flexWrap: "wrap" }}>
            <span>
              Fotos:{" "}
              <a href="https://www.genuin.ch" target="_blank" rel="noopener" className="os-link-draw is-persistent" style={{ color: "rgba(255,255,255,0.7)" }}>genuin Fotografie</a>
            </span>
            <span>Im Raum Thurgau · Schweiz</span>
          </div>
        </div>
      </div>
    </footer>
  );
}

window.Footer = Footer;