Bell icon with a rose count badge and an optional label. Counts over 99 clamp to 99+.
Turn the props on the right; the snippet under them is what you would write to get what you see.
import { Card6 } from "@/components/beste/component/card6";
<Card6
count={12}
label="unread"
/>Every one of these is in the component already. They are listed because a props table cannot mention a gesture, so nothing else on this page can tell you they exist.
| Hover | The card lifts and the image scales inside its frame; `motion-reduce` turns the movement off. |
|---|
The import and the props worth knowing about, in one place.
import { Card6 } from "@/components/beste/piece/card6";
<Card6
count={12}
label="unread"
/>Package icon paired with an order ID, item count, a colored status dot, and an optional ETA.
Highlighted plan with a gradient border, Most popular badge on top, and a filled gradient CTA button.
Limited-offer card with a rose discount tag, ticking countdown, strikethrough original, and bold sale price.