function App() {
  const [tweaksOn, setTweaksOn] = useState(false);

  useEffect(() => {
    applyTweaks(TWEAK_DEFAULTS);
    const onMsg = (e) => {
      if (!e.data) return;
      if (e.data.type === "__activate_edit_mode") setTweaksOn(true);
      if (e.data.type === "__deactivate_edit_mode") setTweaksOn(false);
    };
    window.addEventListener("message", onMsg);
    window.parent.postMessage({ type: "__edit_mode_available" }, "*");
    return () => window.removeEventListener("message", onMsg);
  }, []);

  return (
    <>
      <Nav />
      <main>
        <Hero />
        <Ayudarte />
        <Guia />
        <Sistemas />
        <Plan />
        <Casos />
        <Exito />
        <FAQ />
        <FinalCta />
      </main>
      <Footer />
      <Tweaks enabled={tweaksOn} />
    </>);

}

ReactDOM.createRoot(document.getElementById("root")).render(<App />);