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

export const metadata: Metadata = {
  title: "Request access",
  description:
    "Request invitation-based access to The Agentic Cloud. Institutional email required. PPoE cannot be attested from Gmail.",
};

export default function RequestAccessPage() {
  return (
    <Section className="pt-16 md:pt-24" innerClassName="max-w-5xl">
      <div className="grid gap-12 lg:grid-cols-[1fr_1.1fr]">
        <div>
          <Eyebrow>Invitation-based</Eyebrow>
          <h1 className="mt-4 font-heading text-4xl leading-tight md:text-5xl">
            Request access.
          </h1>
          <p className="mt-4 text-sm leading-relaxed text-muted-foreground md:text-base">
            Fit is a mutual decision. Tell us the operating thesis, not the
            tool list. An outcomes partner will assess whether your lake,
            your mesh, and our attention-free runtime are prepared to
            compound.
          </p>
          <ul className="mt-8 space-y-3 text-sm text-muted-foreground">
            <li>Institutional email required.</li>
            <li>No product tour. A working session if there is fit.</li>
            <li>
              Consciousness-upload and neutrino planes are scoped after the
              first conversation.
            </li>
          </ul>
        </div>
        <div className="rounded-3xl border border-white/10 bg-white/5 p-6 backdrop-blur-xl md:p-8">
          <RequestForm />
        </div>
      </div>
    </Section>
  );
}