import type { Metadata } from "next";
import { PurchaseForm } from "./PurchaseForm";
import { PageHeader } from "@/components/PageHeader";

export const metadata: Metadata = { title: "Buy a plan" };

export default function PurchasePage() {
    return (
        <div className="grid gap-6">
            <PageHeader
                back={{ href: "/", label: "Overview" }}
                title="Choose your plan"
                subtitle="Configure the instance, see exactly what you'll be charged, then pay. Nothing is billed until you confirm at checkout."
            />
            <PurchaseForm />
        </div>
    );
}
