/* App — composition root. Wires Tweaks panel + placeholder modal for trial/demo/pricing. */ const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "featuredPlan": "pro", "animSpeed": 1, "density": "normal", "accentEmphasis": "balanced" }/*EDITMODE-END*/; function PlaceholderModal({ open, title, message, onClose }) { if (!open) return null; return (
e.stopPropagation()} style={{ width:"min(520px, 100%)", padding:"32px 28px", background:"linear-gradient(180deg, rgba(14,36,64,1), rgba(8,26,46,1))", border:"1px solid rgba(56,229,232,0.30)", borderRadius:20, boxShadow:"0 32px 80px rgba(0,0,0,0.6), 0 0 40px rgba(56,229,232,0.15)", display:"grid", gap:14, }} >

{title}

{message}

); } function App() { const [t, setTweak] = useTweaks(TWEAK_DEFAULTS); const [modal, setModal] = React.useState(null); // Reflect density on so CSS rules apply React.useEffect(() => { document.body.setAttribute("data-density", t.density || "normal"); }, [t.density]); const handleLogin = () => { // Open the app for existing subscribers window.open("https://app.deltaisuite.com", "_blank", "noopener,noreferrer"); }; const handleTrial = () => setModal({ title: "Tu prueba gratis está casi lista", message: "Conectaremos el formulario de registro en el siguiente paso. Por ahora, este botón es un placeholder — cuando definamos el flujo (registro inline / WhatsApp / signup en la plataforma) lo enlazo.", }); const handleDemo = () => setModal({ title: "Demo de 30 segundos", message: "Acá va a ir el video de demo (autoplay, sin sonido). Subime el archivo o un link de Vimeo/YouTube y lo conecto.", }); const handleSelectPlan = (plan) => setModal({ title: `Plan ${plan.name}`, message: `Acá conectamos el checkout — Mercado Pago / Stripe / link externo según definamos. Plan elegido: ${plan.name} (${plan.vol}). Decime cómo querés cobrar y lo enlazo.`, }); return (