// App entry — composes all sections + Tweaks panel
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"accent": "cyan",
"intensity": "medio",
"bgMode": "neural",
"showWA": true
}/*EDITMODE-END*/;
const ACCENT_PRESETS = {
cyan: { c1: '#00f2ff', c2: '#7c3aed', c3: '#ff006e', label: 'Cyan' },
violet: { c1: '#a78bfa', c2: '#7c3aed', c3: '#ec4899', label: 'Violet' },
magenta: { c1: '#ff006e', c2: '#7c3aed', c3: '#00f2ff', label: 'Magenta' },
green: { c1: '#22d3ee', c2: '#10b981', c3: '#84cc16', label: 'Green' },
};
function App() {
const [tweaks, setTweak] = useTweaks(TWEAK_DEFAULTS);
// Apply CSS vars from accent
React.useEffect(() => {
const p = ACCENT_PRESETS[tweaks.accent] || ACCENT_PRESETS.cyan;
document.documentElement.style.setProperty('--accent-1', p.c1);
document.documentElement.style.setProperty('--accent-2', p.c2);
document.documentElement.style.setProperty('--accent-3', p.c3);
}, [tweaks.accent]);
// Refresh parallax targets after React mounts
React.useEffect(() => {
const t = setTimeout(() => window.SinapsioParallax && window.SinapsioParallax.refresh(), 100);
return () => clearTimeout(t);
}, []);
// Background mode
React.useEffect(() => {
if (window.NeuralBG) {
window.NeuralBG.setMode(tweaks.bgMode);
const intensityMap = { sutil: 0.5, medio: 1, agresivo: 1.6 };
window.NeuralBG.setIntensity(intensityMap[tweaks.intensity] || 1);
}
}, [tweaks.bgMode, tweaks.intensity]);
return (
<>
{/* Floating WhatsApp button — opens lead modal */}
{tweaks.showWA && (
)}
setTweak('accent', v)}
options={[
{ value: 'cyan', label: 'Cyan' },
{ value: 'violet', label: 'Violet' },
{ value: 'magenta', label: 'Magenta' },
{ value: 'green', label: 'Green' },
]}/>
setTweak('bgMode', v)}
options={[
{ value: 'clean', label: 'Limpio' },
{ value: 'particles', label: 'Partículas' },
{ value: 'neural', label: 'Red neural' },
]}/>
setTweak('intensity', v)}
options={[
{ value: 'sutil', label: 'Sutil' },
{ value: 'medio', label: 'Medio' },
{ value: 'agresivo', label: 'Agresivo' },
]}/>
setTweak('showWA', v)}/>
);
}
ReactDOM.createRoot(document.getElementById('root')).render(
);