Free Shipping Bar

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.

Add $27 more for free shipping.
$48$75 goal

New here? Read the installation guide.

Import & use
import { Commerce8 } from "@/components/beste/piece/commerce8";

<Commerce8
  subtotal={48}
  threshold={75}
  currency="$"
  tone="emerald"
/>

More Commerce pieces

View all Commerce
Standard3–5 business days
Free
Express1–2 business days
$9.99
Same-dayBy 9pm today
$19.99

Shipping Methods

Shipping option picker with tone-bordered selection, a radio bullet, method icon, ETA line, and emerald price for free shipping.

Subtotal$284.00
ShippingFree
Tax (8.5%)$24.14
Discount · SUMMER20−$56.80
Total$251.34

Cart Summary

Order math card with subtotal, shipping, tax, and an emerald discount line, separated from a bold final total below.

Order confirmed#SO-8241
$284.00
Arrives Apr 26 – Apr 28
Receipt sent to hello@beste.co

Order Confirmation

Post-purchase card with an emerald check, order id, total price, a package-arrival line, and the receipt email destination.

Nomad Diver Watch
Nomad Diver WatchBlack · Steel band
$420
1

Add to Cart

Mini cart-line card with product photo, name, variant, price, a minus/plus quantity stepper, and a tone-filled Add to cart button.

Only 3 left in stock
18 watching

Stock Alert

Urgency row with a pulsing dot that flips emerald, amber, or rose by remaining stock, a watchers count, and a thin stock bar.

Subscribe & save
−10%
Next deliveryMay 21, 2026
You save$4.80 / order

Subscribe & Save

Recurring purchase card with a tone discount badge, a frequency dropdown, next delivery date, emerald per-order savings, and a tone Subscribe CTA.

Markdown version