Attendees Strip
JR+123128 attendingBeste Sözen, Andrea Kim and 126 others are going
JR+123Stacked avatar row with a +N overflow chip, total attendee count, and a social-proof summary line.
The import and the props worth knowing about, in one place.
import { Event8 } from "@/components/beste/piece/event8";
<Event8
total={128}
avatars={[
{
"initials": "BS",
"image": "https://images.unsplash.com/photo-1630543092182-325fb1747e8a?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDF8fHxlbnwwfHx8fHw%3D"
},
{
"initials": "AK",
"image": "https://images.unsplash.com/photo-1637867164935-7bd2e94c690a?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDZ8fHxlbnwwfHx8fHw%3D"
},
{
"initials": "PS",
"image": "https://images.unsplash.com/photo-1646678669631-a88ba087bdac?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDJ8fHxlbnwwfHx8fHw%3D"
},
{
"initials": "KO",
"image": "https://images.unsplash.com/photo-1642635785885-f0883f842c38?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDE0fHx8ZW58MHx8fHx8"
},
{
"initials": "JR"
}
]}
label="Beste Sözen, Andrea Kim and 126 others are going"
/>
Two-by-two speaker grid with gradient avatars, name and company-role lines per tile.
Invitation card with three emerald/amber/rose response buttons and a footer tallying current responses.
Venue panel with a gridded mini-map tile, name, address, city, capacity, and an italic directions line.
Notched gradient concert ticket with section, seat, and a vertical mono ticket code on the stub.