Invitation card with three emerald/amber/rose response buttons and a footer tallying current responses.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Event2 } from "@/components/beste/piece/event2";
<Event2
event="Team offsite · Bodrum"
when="May 12 – 15"
response="going"
going={28}
maybe={4}
goingLabel="Going"
maybeLabel="Maybe"
noLabel="No"
goingSuffix="going"
maybeSuffix="maybe"
/>Consultation · Rowan Blake
09:00 – 09:45 · Room 2
A single appointment row with a date block, a title and time-and-room line, and an accent join action.
Stacked avatar row with a +N overflow chip, total attendee count, and a social-proof summary line.
Venue panel with a gridded mini-map tile, name, address, city, capacity, and an italic directions line.
Scannable entry card with a fake QR grid on the left and attendee, code, seat, and gate info on the right.
Live-streaming card with a rose live pill, viewer count, minutes-in marker, and a Join stream button.
Two-by-two speaker grid with gradient avatars, name and company-role lines per tile.