// Instaflo — Tweaks bridge for the home page.
// Mounts ONLY the Tweaks panel; writes choices to data-attributes that
// the static page's CSS reacts to. Keeps the marketing site plain HTML.
const { useEffect } = React;
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"hero": "a",
"accent": "lime",
"dotgrid": true,
"stickers": true
}/*EDITMODE-END*/;
function HeroTweaks() {
const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);
const root = document.documentElement;
useEffect(() => { root.setAttribute("data-hero", t.hero); }, [t.hero]);
useEffect(() => { root.setAttribute("data-accent", t.accent); }, [t.accent]);
useEffect(() => { root.setAttribute("data-dotgrid", t.dotgrid ? "on" : "off"); }, [t.dotgrid]);
useEffect(() => { root.setAttribute("data-stickers", t.stickers ? "on" : "off"); }, [t.stickers]);
return (
setTweak("hero", v)}
/>
setTweak("accent", v === "#D6F84A" ? "lime" : "violet")}
/>
setTweak("dotgrid", v)} />
setTweak("stickers", v)} />
);
}
ReactDOM.createRoot(document.getElementById("tweaks-root")).render();