// App — composes all sections into a single homepage prototype
const { useState: useStateApp, useEffect: useEffectApp, useRef: useRefApp } = React;

const App = () => {
  const bookingRef = useRefApp(null);

  const scrollToBooking = () => {
    const el = document.getElementById("contacto");
    if (!el) return;
    const y = el.getBoundingClientRect().top + window.scrollY - 80;
    window.scrollTo({ top: y, behavior: "smooth" });
  };

  return (
    <React.Fragment>
      <Header onBookClick={scrollToBooking} />
      <main>
        <Hero onBookClick={scrollToBooking} />
        <Services />
        <Philosophy />
        <Telemedicina onBookClick={scrollToBooking} />
        <Testimonios />
        <Booking />
      </main>
      <Footer />
    </React.Fragment>
  );
};

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