// PageShell.jsx — wraps every inner page with the same chrome // Manages contact modal state, scroll-pinned nav, cookie banner, scroll-reveal. function useScrollReveal() { React.useEffect(() => { const io = new IntersectionObserver((entries) => { entries.forEach((entry) => { if (entry.isIntersecting) { entry.target.classList.add("in"); io.unobserve(entry.target); } }); }, { threshold: 0.12, rootMargin: "0px 0px -60px 0px" }); const observe = () => { document.querySelectorAll(".reveal:not(.in)").forEach((el) => io.observe(el)); }; observe(); const mo = new MutationObserver(observe); mo.observe(document.body, { childList: true, subtree: true }); return () => { io.disconnect(); mo.disconnect(); }; }, []); } const PageShell = ({ active, children }) => { const [scrolled, setScrolled] = React.useState(false); const [contact, setContact] = React.useState({ open: false, prefill: "" }); const [showCookie, setShowCookie] = React.useState( () => localStorage.getItem("acerti-cookie-consent") === null ); const [orange, setOrange] = React.useState( (document.documentElement.dataset.orange) || "generous" ); useScrollReveal(); React.useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 8); window.addEventListener("scroll", onScroll); return () => window.removeEventListener("scroll", onScroll); }, []); // Apply orange intensity to for the CSS knobs in extras.css React.useEffect(() => { document.documentElement.dataset.orange = orange; }, [orange]); const openContact = (prefill = "") => setContact({ open: true, prefill }); // expose globally so deep children can open the modal w/o prop drilling React.useEffect(() => { window.__openContact = openContact; return () => { delete window.__openContact; }; }, []); const backToTop = () => window.scrollTo({ top: 0, behavior: "smooth" }); // The TweaksPanel may not be loaded on every page; guard against undefined. const TweaksPanelImpl = (typeof window !== "undefined") ? window.TweaksPanel : null; return ( <> openContact("")} />
{children}