---
import MainLayout from '@/layouts/MainLayout.astro';
import MainSection from '@components/ui/blocks/MainSection.astro';
import LeftSection from '@components/ui/blocks/LeftSection.astro';
import RightSection from '@components/ui/blocks/RightSection.astro';
import FeaturesStats from '@components/sections/features/FeaturesStats.astro';
import dashboard from '@images/tenantial-dashboard.avif';
import evidenceImage from '@images/tenantial-evidence-panel.avif';
import reviewImage from '@images/tenantial-drift-workflow.avif';
import restoreImage from '@images/tenantial-rollout-plan.avif';
import { SITE } from '@data/constants';
import { siteCopy } from '@data/site-copy';
import {
  localeHtmlLang,
  localizeHref,
  localizedPath,
  type Locale,
} from '@/i18n';

const { locale } = Astro.props;

interface Props {
  locale: Locale;
}

const copy = siteCopy[locale].platform;
const siteDescription = siteCopy[locale].site.description;
const canonicalPath = localizedPath('/platform', locale);
---

<MainLayout
  lang={locale}
  title={copy.pageTitle}
  customDescription={copy.metaDescription}
  customOgTitle={copy.pageTitle}
  structuredData={{
    '@context': 'https://schema.org',
    '@type': 'WebPage',
    '@id': `${SITE.url}${canonicalPath}`,
    url: `${SITE.url}${canonicalPath}`,
    name: copy.pageTitle,
    description: copy.metaDescription,
    isPartOf: {
      '@type': 'WebSite',
      url: SITE.url,
      name: SITE.title,
      description: siteDescription,
    },
    inLanguage: localeHtmlLang[locale],
  }}
>
  <MainSection
    title={copy.heading}
    subTitle={copy.subtitle}
    btnExists={true}
    btnTitle={siteCopy[locale].auth.walkthrough}
    btnURL={localizeHref('/contact', locale)}
  />

  <RightSection
    title={copy.backupTitle}
    subTitle={copy.backupSubtitle}
    single={false}
    imgOne={dashboard}
    imgOneAlt={copy.dashboardAlt}
    imgTwo={evidenceImage}
    imgTwoAlt={copy.evidenceAlt}
  />

  <LeftSection
    title={copy.driftTitle}
    subTitle={copy.driftSubtitle}
    img={reviewImage}
    imgAlt={copy.driftAlt}
    btnExists={true}
    btnTitle={copy.trustCta}
    btnURL={localizeHref('/trust', locale)}
  />

  <RightSection
    title={copy.restoreTitle}
    subTitle={copy.restoreSubtitle}
    single={true}
    imgOne={restoreImage}
    imgOneAlt={copy.restoreAlt}
    btnExists={true}
    btnTitle={copy.rolloutCta}
    btnURL={localizeHref('/contact', locale)}
  />

  <FeaturesStats
    title={copy.boundaryTitle}
    subTitle={copy.boundarySubtitle}
    mainStatTitle={copy.mainStatTitle}
    mainStatSubTitle={copy.mainStatSubTitle}
    stats={copy.stats}
  />
</MainLayout>