/* Evie's Alterations — homepage app shell */

function App() {
  const [booking, setBooking] = React.useState(false);
  const open = () => setBooking(true);
  const close = () => setBooking(false);
  React.useEffect(() => {
    document.body.style.overflow = booking ? 'hidden' : '';
  }, [booking]);
  return (
    <React.Fragment>
      <Header onBook={open} />
      <main>
        <Hero onBook={open} />
        <Services />
        <About />
        <Process />
        <Gallery />
        <Testimonial />
        <CTABand onBook={open} />
      </main>
      <Footer onBook={open} />
      <BookingModal open={booking} onClose={close} />
    </React.Fragment>
  );
}

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