/* Startseite */

const HomePage = ({ onNavigate, tweaks = {} }) => (
  <div className="page-fade-in">
    <DualHero
      onJoin={() => window.requestContactRedirect && window.requestContactRedirect()}
      onLearnMothers={() => onNavigate('mothers')}
      onLearnProfs={() => onNavigate('professionals')}
      onMaterials={() => onNavigate('materials')}
      tweaks={tweaks}
    />
    <ShortIntro
      onJoin={() => window.requestContactRedirect && window.requestContactRedirect()}
      onLearn={() => onNavigate('science')}
    />
    <Eligibility />
    <ParticipationSteps onJoin={() => window.requestContactRedirect && window.requestContactRedirect()} />
    {tweaks.showQuote !== false && <QuoteBlock />}
    <SiteCards onNavigate={onNavigate} />
    <ResearcherCard onMore={() => onNavigate('about')} />

  </div>
);

Object.assign(window, { HomePage });