/* global React, HomeHero, ImpactBand, Pillars, IDIAFeature, BuilderProof, AfricaBuildersFeature, DELFeature, CommunityFeature, EcosystemParticipation, EventsCarousel, PartnersMarquee, Testimonials, NewsletterCTA, useReveal */

function Home({ lang, navigate, tweaks }) {
  const ref = useReveal();
  return (
    <main ref={ref} data-screen-label="Home">
      <HomeHero lang={lang} navigate={navigate} heroVariant={tweaks.heroVariant}/>
      <ImpactBand lang={lang}/>
      <Pillars lang={lang} navigate={navigate}/>
      <AfricaBuildersFeature lang={lang} navigate={navigate}/>
      <CommunityFeature lang={lang} navigate={navigate}/>
      <BuilderProof lang={lang} navigate={navigate}/>
      <IDIAFeature lang={lang} navigate={navigate}/>
      <DELFeature lang={lang}/>
      <EcosystemParticipation lang={lang}/>
      <EventsCarousel lang={lang} navigate={navigate}/>
      <PartnersMarquee lang={lang}/>
      <Testimonials lang={lang}/>
      <NewsletterCTA lang={lang} navigate={navigate}/>
    </main>
  );
}

Object.assign(window, { Home });