/* global React, Nav, Hero, Services, Process, Team, Contact, Footer, ContactModal */
const { useState: useStateApp } = React;

function App() {
  const [contactOpen, setContactOpen] = useStateApp(false);
  const open = () => setContactOpen(true);
  const close = () => setContactOpen(false);

  return (
    <>
      <Nav onOpenContact={open} />
      <main>
        <Hero onOpenContact={open} />
        <Services />
        <Process />
        <Team />
        <Contact onOpenContact={open} />
      </main>
      <Footer />
      <ContactModal open={contactOpen} onClose={close} />
    </>
  );
}

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