// ============================================================
// OSCILADOR — App principal: Header + composición + Tweaks
// ============================================================
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"heroVariant": "typo",
"diferenciadorVariant": "mega",
"serviciosVariant": "cards",
"membresiasVariant": "stage",
"galeriaVariant": "masonry",
"showMarquee": true,
"showReglas": true,
"showFAQ": true
}/*EDITMODE-END*/;
// ──────────────── WhatsApp floating button
function WAFloatBtn() {
const [visible, setVisible] = React.useState(false);
React.useEffect(() => {
const t = setTimeout(() => setVisible(true), 2000);
return () => clearTimeout(t);
}, []);
return (
WhatsApp
);
}
// ──────────────── Header
function Header() {
const [scrolled, setScrolled] = React.useState(false);
React.useEffect(() => {
const onScroll = () => setScrolled(window.scrollY > 20);
onScroll();
window.addEventListener("scroll", onScroll, { passive: true });
return () => window.removeEventListener("scroll", onScroll);
}, []);
return (
);
}
// ──────────────── App
function App() {
const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);
const marqueeItems = [
"PIONEER CDJ-3000",
"DJM-A9",
"LA PAZ · BOLIVIA",
"APERTURA 06 · 07 · 2026",
"RESERVA EN CAL + WHATSAPP",
"CUPOS LIMITADOS",
"BS 100 / HORA · SALA",
"BS 250 / HORA · CLASE",
"PRIMER CDJ-3000 ABIERTO A PRÁCTICA EN LA PAZ",
];
return (
<>
{t.showMarquee && }
{t.showReglas && }
{t.showReglas && }
{t.showFAQ && }
{t.showFAQ && }
setTweak("heroVariant", v)}
/>
setTweak("diferenciadorVariant", v)}
/>
setTweak("serviciosVariant", v)}
/>
setTweak("membresiasVariant", v)}
/>
setTweak("galeriaVariant", v)}
/>
setTweak("showMarquee", v)}
/>
setTweak("showReglas", v)}
/>
setTweak("showFAQ", v)}
/>
);
}
const root = ReactDOM.createRoot(document.getElementById("root"));
root.render();