---
import Callout from '@/components/content/Callout.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 PageHero from '@/components/sections/PageHero.astro';
import TrustGrid from '@/components/sections/TrustGrid.astro';
import {
    securityPrinciples,
    securityTrustHero,
    securityTrustNotes,
    securityTrustSeo,
} from '@/content/pages/security-trust';
---

<PageShell
    currentPath="/security-trust"
    title={securityTrustSeo.title}
    description={securityTrustSeo.description}
>
    <PageHero
        hero={securityTrustHero}
        calloutTitle="Trust-first, not trust-theater."
        calloutDescription="The page should help technical buyers see the operator safeguards and the intentional limits of the launch story before they hear a sales pitch."
    />

    <TrustGrid
        eyebrow="Product posture"
        title="Operational trust starts with the way the product handles risky decisions."
        description="The trust page should explain the guardrails that matter to a serious buyer: previewability, attributable change history, evidence linkage, and restrained public claims."
        items={securityPrinciples}
    />

    <Section>
        <Container wide>
            <div class="space-y-8">
                <SectionHeader
                    eyebrow="Public messaging"
                    title="Substantiated public posture"
                    description="Keep the public trust story within the set of claims the team can support at launch."
                />
                <Grid cols="3">
                    {securityTrustNotes.map((note) => <Callout content={note} />)}
                </Grid>
            </div>
        </Container>
    </Section>

    <CTASection
        eyebrow="Next step"
        title="Legal clarity and conversation path should stay reachable from the trust page."
        description="A buyer evaluating trust should be able to move directly to public legal information or a working discussion without friction."
        primary={{ href: '/legal', label: 'Read the legal surface' }}
        secondary={{ href: '/contact', label: 'Discuss trust requirements', variant: 'secondary' }}
    />
</PageShell>