/* ============================================ Yurt on Wheels — App shell + router + Tweaks ============================================ */ const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "hero_variant": "fullbleed", "card_style": "photo-first", "accent_mode": "warm", "card_radius": 14, "dark": false }/*EDITMODE-END*/; function App() { const route = useRouter(); const lang = route.lang; const t = useT(lang); const [menuOpen, setMenuOpen] = useState(false); const [langOpen, setLangOpen] = useState(false); const [tweaks, setTweak] = useTweaks(TWEAK_DEFAULTS); // Set html lang attribute useEffect(() => { document.documentElement.lang = lang; }, [lang]); // Apply tweak data-attrs to useEffect(() => { document.body.setAttribute("data-card-style", tweaks.card_style); document.body.setAttribute("data-accent-mode", tweaks.accent_mode); document.documentElement.style.setProperty("--tw-card-radius", `${tweaks.card_radius}px`); document.documentElement.dataset.theme = tweaks.dark ? "dark" : "light"; }, [tweaks.card_style, tweaks.accent_mode, tweaks.card_radius, tweaks.dark]); // Render page const pageEl = (() => { switch (route.page) { case "home": return ; case "tours": if (route.slug) return ; return ; case "private-custom-tours": return ; case "nature": return ; case "safety-insurance": return ; case "contact": return ; default: return ; } })(); return (

setMenuOpen(true)} openLang={setLangOpen} langMenuOpen={langOpen} /> setMenuOpen(false)} t={t} route={route}/> {pageEl}