Live-streaming card with a rose live pill, viewer count, minutes-in marker, and a Join stream button.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Event9 } from "@/components/beste/piece/event9";
<Event9
title="Shipping in public · weekly"
host="Hosted by Beste Sözen"
viewers="2,148 watching"
minutesIn="14 min in"
liveLabel="Live"
action="Join the stream"
tone="neutral"
/>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.
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.
Notched gradient concert ticket with section, seat, and a vertical mono ticket code on the stub.
Dark foreground countdown with event title, start time, and a four-unit time tile grid below.