Product Highlights

Vertical attribute list with emerald check icons, label and value columns covering material, care, origin, and certification details.

Product details
  • Material100% organic cotton
  • CareMachine wash cold, hang dry
  • Made inPorto, Portugal
  • CertifiedOEKO-TEX Standard 100

New here? Read the installation guide.

Import & use
import { Commerce21 } from "@/components/beste/piece/commerce21";

<Commerce21
  title="Product details"
  highlights={[
    {
      "label": "Material",
      "value": "100% organic cotton"
    },
    {
      "label": "Care",
      "value": "Machine wash cold, hang dry"
    },
    {
      "label": "Made in",
      "value": "Porto, Portugal"
    },
    {
      "label": "Certified",
      "value": "OEKO-TEX Standard 100"
    }
  ]}
/>

More Commerce pieces

View all Commerce
Air Max 90
Air Max 90$129
Cloud Runner
Cloud Runner$159
Material
Canvas
Knit mesh
Weight
320 g
240 g
Waterproof
Rating
★ 4.7
★ 4.9

Compare Products

Two-column comparison with product photos, names, prices, an emerald Pick badge on the recommended one, and attribute rows with text or check/X cells.

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

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.

Tracking1Z999AA10123456784
  1. Order placedApr 20, 2:14pm
  2. PackedApr 21, 9:00am
  3. ShippedApr 21, 4:30pm
  4. DeliveredEstimated Apr 22

Order Tracking

Vertical shipment status with check, spinning, and pending dots connected by a tone-colored line, each row showing label and timestamp.

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.

Mia R.

Mia R. in Los Angeles just bought Air Max 90

3 min ago

Live Sale Toast

Social-proof popup with a gradient initials avatar and an emerald shopping-bag dot, a who-bought-what sentence, and a relative time stamp.

ColorTan

Variant Swatches

Color picker row with circular palette swatches, a ringed check on the selected color, and a diagonal line over sold-out options.

Markdown version