Two-by-two reassurance tiles covering secure checkout, free returns, authenticity, and support, each with an icon and a short hint.
New here? Read the installation guide.
import { Commerce16 } from "@/components/beste/piece/commerce16";
<Commerce16
badges={[
{
"kind": "secure",
"label": "Secure checkout",
"hint": "256-bit SSL"
},
{
"kind": "returns",
"label": "Free returns",
"hint": "30 days"
},
{
"kind": "authentic",
"label": "Authentic",
"hint": "Brand-verified"
},
{
"kind": "support",
"label": "24/7 support",
"hint": "Chat or email"
}
]}
/>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.
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.
Wallet-pay button row with Apple Pay, Google Pay, and PayPal in their brand colors above an or-pay-with-card divider, with the order total in the header.
Amount selector for a gift card with a gift icon header, four preset value chips where the selected one fills with tone, and a custom amount row.