import type { Metadata } from "next";

import { CartView } from "@/components/cart/cart-view";

export const metadata: Metadata = {
  title: "Cart",
  description: "Review your Big Boyz Body programs and ebooks before checkout.",
};

export default function CartPage() {
  return (
    <div className="mx-auto max-w-7xl px-4 py-16 sm:px-6 lg:px-8">
      <h1 className="font-display text-5xl tracking-wide">CART</h1>
      <p className="mt-2 text-muted-foreground">
        Browse plans freely — sign in when you&apos;re ready to pay. Checkout uses Razorpay
        (Google sign-in supported).
      </p>
      <div className="mt-12">
        <CartView />
      </div>
    </div>
  );
}