// Security & Deployment page
function SecurityPage() {
  return (
    <Site>
      <PageHero
        breadcrumb={[{ label: "Security & Deployment" }]}
        eyebrow="Security & Deployment"
        title={<>Trading-grade security, <span className="gradient-text">flexibly deployed</span>.</>}
        sub="SOC 2 Type II, ISO 27001, GDPR-aligned, with cloud, hybrid and on-prem deployment options. Built for regulators and CISOs."
        ctaPrimary={{ label: "Book a demo" }}
        ctaSecondary={{ label: "Download whitepaper", href: "#" }}
        visual={<SecurityShieldVisual/>}
      />
      <StatRow items={[
        { v: "SOC 2 Type II", l: "Annual audit, no exceptions" },
        { v: "ISO 27001", l: "Certified" },
        { v: "GDPR / CCPA", l: "Built-in data subject tooling" },
        { v: "99.99%", l: "Uptime SLA" },
      ]}/>
      <FeatureGrid
        eyebrow="Capabilities"
        title="Defense in depth, top to bottom."
        features={[
          { t: "Encryption", d: "TLS 1.3 in flight, AES-256 at rest. KMS for key management. Customer-managed keys on Enterprise." },
          { t: "Access control", d: "SSO via SAML/OIDC, MFA enforced, role and field-level permissions, audit log on every access." },
          { t: "Network", d: "Private VPCs, IP allow-lists, mTLS for integrations, DDoS protection at edge." },
          { t: "Data residency", d: "EU, UK, US, APAC, MENA regions available. Pinned per customer." },
          { t: "Audit & logs", d: "Immutable, exportable audit logs. Forensic-grade retention." },
          { t: "Backups & DR", d: "Continuous backup, multi-region replication, < 15 min RPO, < 1 hr RTO." },
          { t: "Pen testing", d: "Annual third-party pen tests. Customer access to executive summary on request." },
          { t: "Bug bounty", d: "Active responsible-disclosure program with major researchers." },
          { t: "Incident response", d: "24/7 on-call security team, customer notification within 24 hours." },
        ]}
      />
      <SplitFeature
        eyebrow="Deployment options"
        title="Cloud, hybrid, or on-prem — your call."
        sub="Most customers run on our managed cloud. Regulated entities sometimes need hybrid (database on-prem, app in cloud) or fully on-prem. We support all three."
        points={[
          "Managed cloud — fastest to launch, multi-region",
          "Hybrid — your DB, our app, your VPC",
          "On-prem — fully isolated for sensitive deployments",
          "Air-gapped option for the strictest jurisdictions",
        ]}
        visual={<BIDashboardVisual/>}
      />
      <CTASection title="Get a security review with our team." primary={{ label: "Book a demo" }}/>
    </Site>
  );
}
ReactDOM.createRoot(document.getElementById("root")).render(<SecurityPage/>);