// app.jsx — root, routing, styles const { useState: useStateA, useEffect: useEffectA } = React; function getRouteFromHash() { const h = (location.hash || "").replace(/^#\/?/, "").toLowerCase(); if (h === "barsbuettel" || h === "barsbüttel") return "barsbuettel"; if (h === "ahrensburg") return "ahrensburg"; if (h === "kontakt") return "kontakt"; if (h === "impressum") return "impressum"; if (h === "datenschutz" || h === "datenschutzerklarung" || h === "datenschutzerklärung") return "datenschutz"; return "standorte"; } function App() { const [t, setTweak] = useTweaks(window.__TWEAK_DEFAULTS); const [route, setRoute] = useStateA(getRouteFromHash()); useEffectA(() => { const onNav = () => setRoute(getRouteFromHash()); window.addEventListener("hashchange", onNav); window.addEventListener("popstate", onNav); return () => { window.removeEventListener("hashchange", onNav); window.removeEventListener("popstate", onNav); }; }, []); useEffectA(() => { document.body.classList.toggle("theme-dark", t.theme === "dark"); document.body.dataset.accent = t.accent; }, [t.theme, t.accent]); useEffectA(() => { window.scrollTo({ top: 0, behavior: "instant" in window ? "instant" : "auto" }); }, [route]); const navigate = (r) => { history.pushState(null, "", "#/" + r); setRoute(r); }; let Page = StandortePage; if (route === "barsbuettel") Page = BarsbuettelPage; else if (route === "ahrensburg") Page = AhrensburgPage; else if (route === "kontakt") Page = KontaktPage; else if (route === "impressum") Page = ImpressumPage; else if (route === "datenschutz") Page = DatenschutzPage; return ( <>