/* Page compositions. Each receives { t, lang, setLang, theme, setTheme }. */
function HomePage({ t }) {
  return (
    <React.Fragment>
      <Hero t={t} />
      <Problem t={t} />
      <Cases t={t} teaser={true} featured={['acuma-health','policymedical']} />
      <HowItWorks t={t} bg="alt" />
      <WhyBrazil t={t} />
      <Markets t={t} />
      <GlobeSection t={t} />
      <Services t={t} />
      <Testimonials t={t} />
      <Trust t={t} />
      <Quote t={t} />
      <Contact t={t} />
    </React.Fragment>
  );
}

function HowPage({ t }) {
  return (
    <React.Fragment>
      <PageHero data={t.ph.how} />
      <Problem t={t} />
      <HowItWorks t={t} />
    </React.Fragment>
  );
}

function WhyPage({ t }) {
  return (
    <React.Fragment>
      <PageHero data={t.ph.why} />
      <WhyBrazil t={t} />
      <Markets t={t} />
    </React.Fragment>
  );
}

function CasesPage({ t }) {
  return (
    <React.Fragment>
      <PageHero data={t.ph.cases} />
      <Cases t={t} />
      <Trust t={t} />
    </React.Fragment>
  );
}

function ServicesPage({ t }) {
  return (
    <React.Fragment>
      <PageHero data={t.ph.services} />
      <Services t={t} />
      <Quote t={t} />
    </React.Fragment>
  );
}

function AboutPage({ t }) {
  return (
    <React.Fragment>
      <PageHero data={t.ph.about} />
      <Founder t={t} />
      <TeamGrid t={t} />
      <Testimonials t={t} />
      <Trust t={t} />
    </React.Fragment>
  );
}

function ContactPage({ t }) {
  return <Contact t={t} pageTop={true} />;
}

Object.assign(window, { HomePage, HowPage, WhyPage, CasesPage, ServicesPage, AboutPage, ContactPage });