import type { Metadata } from "next";
import { CtaBand } from "@/components/cta-band";
import { Eyebrow, Section } from "@/components/section";
import { SolutionsTabs } from "@/components/solutions-tabs";

export const metadata: Metadata = {
  title: "Solutions",
  description:
    "The Agentic Cloud by industry — financial services, health, industrial, public sector, and professional services, all on the same fabric.",
};

export default function SolutionsPage() {
  return (
    <>
      <Section className="pt-16 md:pt-24">
        <Eyebrow>Solutions</Eyebrow>
        <h1 className="mt-4 max-w-3xl font-heading text-4xl leading-tight md:text-6xl">
          One fabric. Five operating theses.
        </h1>
        <p className="mt-5 max-w-2xl text-base leading-relaxed text-muted-foreground md:text-lg">
          The primitives do not change. The intent does. Financial services
          wants ZK proofs. The plant wants PINNs. The agency wants FedRAMP
          High. Professional services wants the unofficial rules to survive
          staffing. Health wants the chart and the genome in the same store.
        </p>
        <div className="mt-14">
          <SolutionsTabs />
        </div>
      </Section>
      <CtaBand />
    </>
  );
}