/* App composition */
const App = () => {
  const scrollToBook = () => {
    const el = document.getElementById("book");
    if (el) {
      const top = el.getBoundingClientRect().top + window.scrollY - 20;
      window.scrollTo({ top, behavior: "smooth" });
    }
  };
  return (
    <div data-screen-label="00 Marketing Site">
      <Announce />
      <Header onBook={scrollToBook} />
      <Hero />
      <TrustStrip />
      <Empathy />
      <Conditions />
      <VideoTestimonials />
      <Daht />
      <Compare />
      <Founder />
      <Awards />
      <Stories />
      <Pillars />
      <FAQ />
      <Book />
      <Footer />
      <StickyCTA />
    </div>
  );
};

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