Price Stack

Pricing card with the sale price in rose, the original price struck through, a percent-off badge, and a countdown to sale end.

Cashmere Crewneck
$189$260−27%
Sale ends in 2d 4h

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Commerce5 } from "@/components/beste/piece/commerce5";

<Commerce5
  name="Cashmere Crewneck"
  sale="$189"
  original="$260"
  offPercent={27}
  endsIn="Sale ends in 2d 4h"
/>