/* global React, ReactDOM */
/* global Header, Hero, SituationSelector, Process, VirtualLawyer, Principles, Team, FAQ, CtaFooter, FloatingAssistant */

function App() {
  const [assistantOpen, setAssistantOpen] = React.useState(false);
  const openAssistant = () => setAssistantOpen(true);

  return (
    <>
      <Header onTalkClick={openAssistant} />
      <main>
        <Hero onTalkClick={openAssistant} />
        <SituationSelector onTalkClick={openAssistant} />
        <Process onTalkClick={openAssistant} />
        <VirtualLawyer onTalkClick={openAssistant} />
        <Principles />
        <Team />
        <FAQ />
        <CtaFooter onTalkClick={openAssistant} />
      </main>
      <FloatingAssistant open={assistantOpen} setOpen={setAssistantOpen} />
    </>
  );
}

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