import type { Metadata } from "next";
import { Eyebrow, Section } from "@/components/section";

export const metadata: Metadata = {
  title: "Privacy",
  description: "Privacy notice for The Agentic Cloud.",
};

const sections = [
  {
    title: "What we collect",
    body: "Institutional contact details, the operating thesis you choose to share, and telemetry strictly inside your sovereignty boundary. Consumer inboxes are not an identity provider. Bio-sync, retinal, Neuralink, and DNA-sequencing pipeline data are processed only in tenancies that have explicitly instantiated those planes.",
  },
  {
    title: "How context compounds",
    body: "Your graph, lake, and unofficial rules compound inside the fabric you instantiate. They do not train foundation models. Federated learning, where enabled, never leaves the boundary. Zero-knowledge proofs for all APIs are available so you do not have to take this paragraph on faith.",
  },
  {
    title: "Subprocessors",
    body: "Cloud-native infrastructure in regions you select, including air-gapped and FedRAMP High patterns. Neutrino-based signaling, where subscribed, is treated as an observability signal under the same DPA as distributed tracing. Consciousness-upload endpoints are disabled by default and require a named human review.",
  },
  {
    title: "Your rights",
    body: "GDPR, CCPA, and COPPA-certified surfaces as applicable. Requests to access, delete, or port institutional context are handled by your outcomes partner. PPoE attestations persist for the retention window your control function signed.",
  },
];

export default function PrivacyPage() {
  return (
    <Section className="pt-16 md:pt-24" innerClassName="max-w-2xl">
      <Eyebrow>Legal</Eyebrow>
      <h1 className="mt-4 font-heading text-4xl md:text-5xl">Privacy</h1>
      <p className="mt-4 text-sm leading-relaxed text-muted-foreground">
        Last updated March 1, 2026. This notice is written for institutions,
        not for people filling out a newsletter.
      </p>
      <div className="mt-10 space-y-8">
        {sections.map((s) => (
          <section key={s.title}>
            <h2 className="font-heading text-2xl">{s.title}</h2>
            <p className="mt-3 text-sm leading-relaxed text-muted-foreground">
              {s.body}
            </p>
          </section>
        ))}
      </div>
    </Section>
  );
}