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

export const metadata: Metadata = {
  title: "Terms",
  description: "Terms of use for The Agentic Cloud.",
};

const sections = [
  {
    title: "The fabric, not a license key",
    body: "Access to The Agentic Cloud is invitation-based and governed by an order form, a DPA, and — where applicable — a sovereignty addendum. These website terms cover the public surface: insights, request-access, and the marketing instantiation of the fabric.",
  },
  {
    title: "No warranties of synergy",
    body: "We describe capabilities in production language. Instantiation depends on your topology, your thesis, and which of BERT through Mamba-2.5 you are prepared to run. Attributed outcomes in customer stories are real for those institutions. They are not a guarantee that your ESG score will move on a similar slope.",
  },
  {
    title: "Acceptable use",
    body: "Do not use the vibe-coding surface to undermine constitutional AI controls, to bypass TEE attestation, or to stand up a consciousness-upload without the human review. Chaos engineering against tenancies that are not yours is not research. It is an incident.",
  },
  {
    title: "Law",
    body: "The Agentic Cloud, Inc. Delaware corporation. Disputes in San Francisco County, except where a sovereignty addendum says otherwise. Quantum entanglement does not constitute presence for venue.",
  },
];

export default function TermsPage() {
  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">Terms</h1>
      <p className="mt-4 text-sm leading-relaxed text-muted-foreground">
        Last updated March 1, 2026.
      </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>
  );
}