---
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 faqs from '@data/faqs.json';
import features from '@data/features.json';
import pricing from '@data/pricing.json';
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';
---

<MainLayout>
  <HeroSection
    title=`Evidence-first governance for <span class="text-yellow-500 dark:text-yellow-400">Microsoft tenants</span>`
    subTitle="Tenantial helps administrators review policy evidence, snapshots, drift, findings, exceptions, and restore plans before high-impact changes move forward."
    primaryBtn="Request walkthrough"
    primaryBtnURL="/contact"
    secondaryBtn="Explore platform"
    secondaryBtnURL="/platform"
    withReview={false}
    src={heroImage}
    alt="Static Tenantial governance dashboard preview"
  />

  <FeaturesGeneral
    title="Review tenant change before execution"
    subTitle="Tenantial focuses on evidence, reproducible snapshots, readable drift, and conservative restore planning. The public preview is static and does not connect to live tenant data."
    src={featureImage}
    alt="Static Tenantial review board preview"
    features={features}
  />

  <FeaturesNavs
    title=`A <span class="text-yellow-500 dark:text-yellow-400">stable website foundation</span> adapted for Tenantial review workflows.`
    tabs={[
      {
        heading: 'Evidence intake',
        content:
          'Normalize inventory and snapshot context so reviews start from one readable view of observed policy state.',
        svg: 'frame',
        src: reviewImage,
        alt: 'Static Tenantial evidence intake preview',
        first: true,
      },
      {
        heading: 'Decision review',
        content:
          'Surface drift, findings, exceptions, and audit context before administrators choose the next action.',
        svg: 'dashboard',
        src: evidenceImage,
        alt: 'Static Tenantial decision review preview',
        second: true,
      },
      {
        heading: 'Restore planning',
        content:
          'Treat restore as preview-first work with validation, conflict awareness, selective scope, and explicit confirmation.',
        svg: 'verified',
        src: governanceImage,
        alt: 'Static Tenantial restore planning preview',
      },
    ]}
  />

  <PricingSection pricing={pricing} />

  <FAQ title="Frequently<br />asked questions" faqs={faqs} />
</MainLayout>