Member status card with a tone-filled crown tile, current tier and point balance, and a tone progress bar counting down to the next tier.
The import and the props worth knowing about, in one place.
import { Commerce17 } from "@/components/beste/piece/commerce17";
<Commerce17
tier="Gold"
nextTier="Platinum"
points={2140}
nextThreshold={2750}
tone="primary"
/>Recurring purchase card with a tone discount badge, a frequency dropdown, next delivery date, emerald per-order savings, and a tone Subscribe CTA.
Order math card with subtotal, shipping, tax, and an emerald discount line, separated from a bold final total below.
Shipping threshold card with a truck icon, an amount-to-go message that flips emerald on qualifying, and a tone progress fill toward the goal.
Product card whose stock bar shrinks a few units at a time as the Only N left badge warms from neutral to amber to rose, sells out, then restocks.