---
import Base from '../layouts/Base.astro';
import Hero from '../components/verifier/Hero.astro';
import Intro from '../components/verifier/Intro.astro';
import HowItWorks from '../components/verifier/HowItWorks.astro';
import Cards from '../components/verifier/Cards.astro';
import Facts from '../components/verifier/Facts.astro';
import Outro from '../components/verifier/Outro.astro';
import SoonHero from '../components/verifier/SoonHero.astro';
import ComingSoon from '../components/verifier/ComingSoon.astro';
import { verifierComingSoon } from '../data/flags';
import { t, type Lang } from '../i18n/ui';

interface Props { lang: Lang }
const { lang } = Astro.props;
const ui = t(lang);
---
<Base lang={lang} title={ui.meta.verifier.title} description={ui.meta.verifier.description} tone="night">
  {verifierComingSoon ? (
    <>
      <SoonHero lang={lang} />
      <ComingSoon lang={lang} />
    </>
  ) : (
    <>
      <Hero lang={lang} />
      <Intro lang={lang} />
      <HowItWorks lang={lang} />
      <Cards lang={lang} />
      <Facts lang={lang} />
      <Outro lang={lang} />
    </>
  )}
</Base>