---
import MainLayout from '@/layouts/MainLayout.astro';
import MainSection from '@components/ui/blocks/MainSection.astro';
import FeaturesStats from '@components/sections/features/FeaturesStats.astro';
import { siteCopy } from '@data/site-copy';
import { localizeHref, type Locale } from '@/i18n';

const { locale } = Astro.props;

interface Props {
  locale: Locale;
}

const copy = siteCopy[locale].trust;
---

<MainLayout
  lang={locale}
  title={copy.pageTitle}
  customDescription={copy.metaDescription}
  customOgTitle={copy.pageTitle}
>
  <MainSection
    title={copy.heading}
    subTitle={copy.subtitle}
    btnExists={true}
    btnTitle={copy.cta}
    btnURL={localizeHref('/contact', locale)}
  />
  <FeaturesStats
    title={copy.statsTitle}
    subTitle={copy.statsSubtitle}
    mainStatTitle={copy.mainStatTitle}
    mainStatSubTitle={copy.mainStatSubTitle}
    stats={copy.stats}
  />
</MainLayout>