import type { Metadata } from "next";

import { PageHero } from "@/components/marketing/page-hero";
import { PlaceholderNotice } from "@/components/marketing/placeholder-notice";

export const metadata: Metadata = {
  title: "Subprocessors",
  description:
    "krypco subprocessors list — placeholder until the formal list is published.",
};

export default function SubprocessorsPage() {
  return (
    <>
      <PageHero
        eyebrow="Legal"
        title="Subprocessors"
        description="Third parties that may process data on behalf of krypco services."
      />
      <section className="section-pad">
        <div className="mx-auto max-w-2xl space-y-6 px-5 lg:px-8">
          <PlaceholderNotice>
            The formal subprocessor list will be published here. This page is a
            structural placeholder only.
          </PlaceholderNotice>
          <p className="text-sm leading-relaxed text-muted-foreground">
            When live, expect names, roles, and regions for each subprocessor —
            updated as vendors change.
          </p>
        </div>
      </section>
    </>
  );
}