// App. composes the full long-scroll site.

function App() {
  const openCalendly = () => window.open('https://calendly.com/thecosmichealer/30min', '_blank', 'noopener,noreferrer');
  const openInstagram = () => window.open('https://www.instagram.com/the_cosmic_healer_', '_blank', 'noopener,noreferrer');
  const onBook = openCalendly;
  const onJoin = openCalendly;
  const onEnquire = openInstagram;
  const onConnect = openInstagram;

  return (
    <>
      <Nav onBook={onBook}/>
      <Hero onBook={onBook}/>
      <div className="dot-strip" aria-hidden="true"/>
      <Manifesto/>
      <div className="dot-strip" aria-hidden="true"/>
      <Services onBook={onBook}/>
      <div className="dot-strip" aria-hidden="true"/>
      <About/>
      <Books/>
      <SoulPath onJoin={onJoin}/>
      <Yidaki onEnquire={onEnquire}/>
      <Shop/>
      <Contact onConnect={onConnect}/>
      <Footer/>
    </>
  );
}

window.App = App;