/* App composition */

function App() {
  const [bookOpen, setBookOpen] = React.useState(false);
  useReveal();

  const openBook = () => setBookOpen(true);
  const closeBook = () => setBookOpen(false);

  return (
    <React.Fragment>
      <Nav onBook={openBook} />
      <main>
        <Hero onBook={openBook} />
        <Problem />
        <Services />
        <Process />
        <About />
        <Audience />
<FAQ />
        <Contact onBook={openBook} />
      </main>
      <Footer />
      <BookingModal open={bookOpen} onClose={closeBook} />
    </React.Fragment>
  );
}

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