/* app.jsx — root component, mounting */

const { useState: useStateApp } = React;

function App() {
  const [drawer, setDrawer] = useStateApp(false);
  const [modalService, setModalService] = useStateApp(null);

  return (
    <React.Fragment>
      <window.Nav onOpenDrawer={() => setDrawer(true)}/>
      <window.Drawer open={drawer} onClose={() => setDrawer(false)}/>
      <window.Hero/>
      <window.About/>
      <window.Services onOpenService={setModalService}/>
      <window.Materials/>
      <window.Projects/>
      <window.Reviews/>
      <window.Contact/>
      <window.FAQ/>
      <window.Footer/>
      <window.ServiceModal service={modalService} onClose={() => setModalService(null)}/>
      <window.WhatsAppFloat/>
      <window.CtaBar/>
      <window.CookieNotice/>
    </React.Fragment>
  );
}

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