// zp-app.jsx — wires the whole site together with Tweaks
const TWEAK_DEFAULTS = {
"accent": "#FFD60A",
"accentInk": "#0A0A0F",
"ctaText": "Book a free strategy call",
"headline": "default",
"motion": "medium",
"darkHero": false
};
function App() {
const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);
React.useEffect(() => {
const root = document.documentElement;
root.style.setProperty('--accent', t.accent);
root.style.setProperty('--accent-ink', t.accentInk);
document.body.classList.toggle('reduce-motion', t.motion === 'subtle');
document.body.classList.toggle('hero-dark', !!t.darkHero);
}, [t.accent, t.accentInk, t.motion, t.darkHero]);
return (
<>
{t.darkHero && }