/* global React, ReactDOM, Nav, Hero, LogosStrip, Modules, Tour, Trust, FAQ, CTABanner, Footer, Pricing, Tweaks, AIChat */ const { useState, useEffect } = React; function App() { const [audience, setAudience] = useState(() => localStorage.getItem("ct_audience") || "empresa"); const [tweaks, setTweaks] = useState(() => ({ ...(window.TWEAKS || {}) })); const [editActive, setEditActive] = useState(false); useEffect(() => { localStorage.setItem("ct_audience", audience); }, [audience]); // Apply tweak attrs to useEffect(() => { const r = document.documentElement; r.setAttribute("data-accent", tweaks.accentRole || "faithful"); r.setAttribute("data-density", tweaks.density || "comfortable"); }, [tweaks]); // Edit-mode protocol useEffect(() => { const onMsg = (e) => { const d = e.data || {}; if (d.type === "__activate_edit_mode") setEditActive(true); if (d.type === "__deactivate_edit_mode") setEditActive(false); }; window.addEventListener("message", onMsg); window.parent?.postMessage({ type: "__edit_mode_available" }, "*"); return () => window.removeEventListener("message", onMsg); }, []); return ( <>