---
import IntegrationBadge from '@/components/content/IntegrationBadge.astro';
import PageShell from '@/components/layout/PageShell.astro';
import Container from '@/components/primitives/Container.astro';
import Grid from '@/components/primitives/Grid.astro';
import Section from '@/components/primitives/Section.astro';
import SectionHeader from '@/components/primitives/SectionHeader.astro';
import CTASection from '@/components/sections/CTASection.astro';
import FeatureGrid from '@/components/sections/FeatureGrid.astro';
import PageHero from '@/components/sections/PageHero.astro';
import {
    integrationEntries,
    integrationRules,
    integrationsHero,
    integrationsSeo,
} from '@/content/pages/integrations';
---

<PageShell currentPath="/integrations" title={integrationsSeo.title} description={integrationsSeo.description}>
    <PageHero
        hero={integrationsHero}
        calloutTitle="Real direction beats a longer wishlist."
        calloutDescription="The integrations page should reinforce where the product actually fits today and why those boundaries improve trust rather than limit it."
    />

    <Section>
        <Container wide>
            <div class="space-y-8">
                <SectionHeader
                    eyebrow="Current direction"
                    title="Show the systems that shape the product workflow today."
                    description="This page should stay focused on the contracts and ecosystems that matter to Microsoft tenant governance work now."
                />
                <Grid cols="2">
                    {integrationEntries.map((item) => <IntegrationBadge item={item} />)}
                </Grid>
            </div>
        </Container>
    </Section>

    <FeatureGrid
        eyebrow="Page rules"
        title="Use the integrations page to clarify scope, not to perform ambition."
        description="The public site becomes more credible when it names the real ecosystem fit and avoids presenting speculative adjacencies as if they were launch truth."
        items={integrationRules}
    />

    <CTASection
        eyebrow="Next step"
        title="Turn ecosystem fit into a practical evaluation conversation."
        description="Once a buyer sees the Microsoft-centric fit, the next useful step is a working session about their current environment, governance needs, and rollout questions."
        primary={{ href: '/contact', label: 'Plan the working session' }}
        secondary={{ href: '/product', label: 'Revisit the product model', variant: 'secondary' }}
    />
</PageShell>