// app.jsx — root composition + tweaks + mount
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"heroTitle": "Shopify stores that don't just look good — they sell.",
"brand": "#6E35D1"
}/*EDITMODE-END*/;
function WhatsAppButton() {
const msg = encodeURIComponent("Hi Sumith, I found your portfolio and I'd like to discuss a Shopify project.");
return (
);
}
function App() {
const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);
React.useEffect(() => {
document.documentElement.style.setProperty('--brand', t.brand);
// Derive tints from the brand hue for consistent theming
document.documentElement.style.setProperty('--brand-600', t.brand);
}, [t.brand]);
return (
<>
setTweak('heroTitle', v)} />
setTweak('brand', v)} />
);
}
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render();