Pricing card with the sale price in rose, the original price struck through, a percent-off badge, and a countdown to sale end.
New here? Read the installation guide.
import { Commerce5 } from "@/components/beste/piece/commerce5";
<Commerce5
name="Cashmere Crewneck"
sale="$189"
original="$260"
offPercent={27}
endsIn="Sale ends in 2d 4h"
/>Coupon entry with a tag-prefixed code field, an Apply button, and an emerald confirmation row showing the discount and amount saved.
Order math card with subtotal, shipping, tax, and an emerald discount line, separated from a bold final total below.
Post-purchase card with an emerald check, order id, total price, a package-arrival line, and the receipt email destination.
Dashed-border receipt with the store name and order id, three monospaced quantity-name-price rows, a subtotal, and a bold final total with payment method.