/* Dentist site — app root */
function App() {
  const [modalOpen, setModalOpen] = React.useState(false);
  React.useEffect(() => {
    document.body.style.overflow = modalOpen ? "hidden" : "";
    return () => { document.body.style.overflow = ""; };
  }, [modalOpen]);
  const open = () => setModalOpen(true);
  const close = () => setModalOpen(false);
  return (
    <>
      <Header onOpenModal={open} />
      <Hero onOpenModal={open} />
      <Science />
      <TheKit />
      <Pillars />
      <TheApp onOpenModal={open} />
      <Commercial onOpenModal={open} />
      <Onboarding />
      <SocialProof />
      <FAQ />
      <FinalCTA onOpenModal={open} />
      <Footer onOpenModal={open} />
      <SampleModal open={modalOpen} onClose={close} />
    </>
  );
}
ReactDOM.createRoot(document.getElementById("root")).render(<App />);