Product Card
Limited runLinen boucle cushion
$48$64
Limited runCompact commerce tile with a warm gradient thumbnail, overlay tag, save heart, and a strikethrough original price.
Turn the props on the right; the snippet under them is what you would write to get what you see.
Limited runimport { Card10 } from "@/components/beste/component/card10";
<Card10
surface="card"
bordered
name="Linen boucle cushion"
tag="Limited run"
price="$48"
original="$64"
image="https://images.unsplash.com/photo-1584100936595-c0654b55a2e2?w=400&auto=format&fit=crop"
tone="amber"
/>The import and the props worth knowing about, in one place.
import { Card10 } from "@/components/beste/piece/card10";
<Card10
surface="card"
bordered={true}
inverted={false}
name="Linen boucle cushion"
tag="Limited run"
price="$48"
original="$64"
image="https://images.unsplash.com/photo-1584100936595-c0654b55a2e2?w=400&auto=format&fit=crop"
tone="amber"
/>Standard plan tile with a uppercase name, big price, tagline, four feature bullets, and an outline CTA.
Vibrant gradient voucher with a denomination, brand mark, mono redemption code chip, and expiry.
Our team went from pitching mockups to shipping prod features in the same sprint. The switch paid for itself in one quarter.
Compact testimonial with a leading quote glyph, body paragraph, and an avatar byline underneath.