---
import AudienceRow from '@/components/content/AudienceRow.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 {
    solutionsAudiences,
    solutionsHero,
    solutionsSeo,
    solutionsSignals,
} from '@/content/pages/solutions';
---

<PageShell currentPath="/solutions" title={solutionsSeo.title} description={solutionsSeo.description}>
    <PageHero
        hero={solutionsHero}
        calloutTitle="Audience detail can stay available without owning the first visit."
        calloutDescription="This supporting route stays published for deeper buyers without displacing Product, Trust, Changelog, or Contact from the core journey."
    />

    <Section tone="muted" density="base" layer="2">
        <Container width="wide">
            <div class="space-y-8">
                <SectionHeader
                    eyebrow="Operating models"
                    title="Keep audience fit visible without promoting this page into the core route set."
                    description="Visitors should be able to recognize themselves here quickly without needing this page to understand the initial product story."
                />
                <Grid cols="2">
                    {solutionsAudiences.map((item) => <AudienceRow item={item} />)}
                </Grid>
            </div>
        </Container>
    </Section>

    <FeatureGrid
        eyebrow="Buying signal"
        title="Give the buyer a concrete reason to keep evaluating."
        description="The goal is not to decorate the page with vertical tags. The goal is to show why the product belongs in the operating model for that audience."
        items={solutionsSignals}
    />

    <CTASection
        eyebrow="Continue"
        title="Route deeper readers back into the core product and trust path."
        description="Once a visitor sees the audience fit, the next useful moves are to revisit the product model, inspect trust, or start a working session."
        primary={{ href: '/contact', label: 'Start the working session' }}
        secondary={{ href: '/trust', label: 'Review the trust posture', variant: 'secondary' }}
    />
</PageShell>
