Pre-order Card

Coming-soon product card with a tone Pre-order pill, notify-count, calendar release date, price, and a tone-filled Reserve button.

Pre-order1,284 notified
Air Max 90 Limited EditionShips May 15
$159

New here? Read the installation guide.

Import & use
import { Commerce27 } from "@/components/beste/piece/commerce27";

<Commerce27
  name="Air Max 90 Limited Edition"
  releaseDate="Ships May 15"
  badge="Pre-order"
  price="$159"
  notified={1284}
  tone="primary"
/>

More Commerce pieces

View all Commerce
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.

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.

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.

Field Leather Backpack
Field Leather Backpack$340

Wishlist Save

Product row with a photo, name, price, and a pill Save button that fills with a rose heart and shows the total wishlist count when active.

Pay in 4·Klarna
$192
$48Today
$48Apr 28
$48May 5
$48May 12
0% interest. No fees.

Pay in Installments

Buy-now-pay-later card with provider header, four-dot installment timeline where paid steps fill in tone and the line progresses, plus a fineprint footer.

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.

Markdown version