/* @jsx React.createElement */ const { useState: useStateHdr, useEffect: useEffectHdr } = React; const HDR_WA_URL = "https://chat.whatsapp.com/E1iQGAiwPYXBiyfRFrexgg"; const HDR_QR_URL = `https://api.qrserver.com/v1/create-qr-code/?size=160x160&margin=4&color=111111&bgcolor=FAF8F6&data=${encodeURIComponent(HDR_WA_URL)}`; function Header({ page, go: appGo }) { const [open, setOpen] = useStateHdr(false); const [scrolled, setScrolled] = useStateHdr(false); useEffectHdr(() => { const onScroll = () => setScrolled(window.scrollY > 12); window.addEventListener("scroll", onScroll); return () => window.removeEventListener("scroll", onScroll); }, []); // Close the burger menu when the user clicks outside the header or hits Escape. // Also flag while open so the mobile sticky CTA can hide itself // (otherwise it overlaps the lower menu items on small screens). useEffectHdr(() => { if (open) document.body.classList.add("os-menu-open"); else document.body.classList.remove("os-menu-open"); if (!open) return; const onDocClick = (e) => { const headerEl = document.querySelector("header"); if (headerEl && !headerEl.contains(e.target)) setOpen(false); }; const onKey = (e) => { if (e.key === "Escape") setOpen(false); }; // Defer click listener so the click that opened the menu does not immediately close it const id = setTimeout(() => document.addEventListener("click", onDocClick), 0); document.addEventListener("keydown", onKey); return () => { clearTimeout(id); document.removeEventListener("click", onDocClick); document.removeEventListener("keydown", onKey); }; }, [open]); const items = [ { id: "home", label: "Startseite" }, { id: "weg", label: "Mein Weg" }, { id: "hund", label: "Meine Hunde" }, { id: "buchung", label: "Buchungen und Angebote" }, { id: "tierheime", label: "Tierheime" }, { id: "anfragen", label: "Anfragen" }, { id: "shop", label: "Shop" }, { id: "berichte", label: "Erfahrungsberichte" }, ]; // Use App's go (View Transition + scroll-to-top), then close the burger menu. const go = (id) => { appGo(id); setOpen(false); }; return (

{ e.preventDefault(); go("home"); }} style={{ display: "flex", alignItems: "center", gap: 14, textDecoration: "none" }}>

Orientierungsstark HUNDEVERHALTEN · THURGAU

{items.map((it, i) => ( { e.preventDefault(); go(it.id); }} style={{ color: page === it.id ? "var(--os-red-485)" : "var(--os-white)", textDecoration: "none", fontFamily: "var(--font-sans)", fontWeight: 300, fontSize: 24, padding: "14px 0", borderBottom: "1px solid rgba(255,255,255,0.08)", display: "flex", alignItems: "baseline", gap: 14, }}> 0{i+1} {it.label} ))}

Direkt zu mir

079 / 843 61 83

c.p.hundeschule@gmail.com

Widestrasse 3, 8580 Hefenhofen

WhatsApp-Gruppe beitreten Instagram

); } window.Header = Header;