/* global React, ReactDOM */

function App() {
  const initial = (window.__TWEAKS__ && window.__TWEAKS__.heroVariant) || "photo";
  const [variant, setVariant] = React.useState(initial);

  return (
    <>
      <window.Nav />
      <window.Hero variant={variant} />
      <window.Problem />
      <window.About />
      <window.Essence />
      <window.Curriculum />
      <window.Results />
      <window.Benefits />
      <window.Audience />
      <window.Overview />
      <window.Instructor />
      <window.FAQ />
      <window.Contact />
      <window.Footer />
      <window.Tweaks variant={variant} setVariant={setVariant} />
    </>
  );
}

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