// Leonard's Farm landing page composition
const LFSiteNav = SiteNav;
const LFSiteFooter = SiteFooter;

function App() {
  const [scrolled, setScrolled] = React.useState(false);

  React.useEffect(() => {
    const onScroll = () => setScrolled(window.scrollY > 60);
    onScroll();
    window.addEventListener('scroll', onScroll, { passive: true });
    return () => window.removeEventListener('scroll', onScroll);
  }, []);

  return (
    <div>
      <LFSiteNav solid={scrolled} />
      <main>
        <Hero />
        <Story />
        <Grow />
        <Learn />
        <Contact />
      </main>
      <LFSiteFooter />
    </div>
  );
}

window.App = App;