---
import MainLayout from '@/layouts/MainLayout.astro';
import HeroSection from '@components/sections/landing/HeroSection.astro';
import FeaturesGeneral from '@components/sections/features/FeaturesGeneral.astro';
import FeaturesNavs from '@components/sections/features/FeaturesNavs.astro';
import PricingSection from '@components/sections/pricing/PricingSection.astro';
import FAQ from '@components/sections/misc/FAQ.astro';
import heroImage from '@images/tenantial-dashboard.avif';
import featureImage from '@images/tenantial-review-board.avif';
import reviewImage from '@images/tenantial-evidence-intake.avif';
import evidenceImage from '@images/tenantial-decision-review.avif';
import governanceImage from '@images/tenantial-restore-plan.avif';
import {
  faqsByLocale,
  featuresByLocale,
  pricingByLocale,
  siteCopy,
} from '@data/site-copy';
import { localizeHref, type Locale } from '@/i18n';

const { locale } = Astro.props;

interface Props {
  locale: Locale;
}

const copy = siteCopy[locale].home;
const tabs = copy.tabs.map((tab: any, index: number) => ({
  ...tab,
  src: [reviewImage, evidenceImage, governanceImage][index],
}));
---

<MainLayout
  lang={locale}
  title={copy.pageTitle}
  customDescription={copy.metaDescription}
  customOgTitle={copy.pageTitle}
>
  <HeroSection
    title={copy.heroTitle}
    subTitle={copy.heroSubtitle}
    primaryBtn={copy.primaryCta}
    primaryBtnURL={localizeHref('/contact', locale)}
    secondaryBtn={copy.secondaryCta}
    secondaryBtnURL={localizeHref('/platform', locale)}
    withReview={false}
    src={heroImage}
    alt={copy.heroAlt}
  />

  <FeaturesGeneral
    title={copy.featureTitle}
    subTitle={copy.featureSubtitle}
    src={featureImage}
    alt={copy.featureAlt}
    features={featuresByLocale[locale]}
  />

  <FeaturesNavs title={copy.workflowTitle} tabs={tabs} />

  <PricingSection pricing={pricingByLocale[locale]} locale={locale} />

  <FAQ title={copy.faqTitle} faqs={faqsByLocale[locale]} />
</MainLayout>