Shopping cartPro

• Quantity steppers
• Remove with undo
• Free-shipping progress
• Rolling subtotal

• Cart pages and drawers in stores.

• Single-product purchases: go straight to checkout.

Import it from @/components/blocks/shopping-cart after installing. It ships with sample data, so it renders straight away; swap in your own data when you're ready.

import { ShoppingCart } from "@/components/blocks/shopping-cart";

export default function Page() {
  return (
    <main className="mx-auto max-w-6xl p-6">
      <ShoppingCart />
    </main>
  );
}

• Steppers are labelled per product; the free-shipping bar is a progressbar.
• Item count and undo are announced.

• Quantities roll; removed rows slide out and others close the gap; the shipping bar fills.

• Remove shows as an icon on phones.

• Sample data is plain arrays at the top of the file. Replace them with your API data and keep the shapes.

• Undo keeps the item for 5 seconds; persist removals after that.