Appointment Card

A single appointment row with a date block, a title and time-and-room line, and an accent join action.

May12

Consultation · Rowan Blake

09:00 – 09:45 · Room 2

Join

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Event11 } from "@/components/beste/piece/event11";

<Event11
  month="May"
  day="12"
  title="Consultation · Rowan Blake"
  meta="09:00 – 09:45 · Room 2"
  action="Join"
/>

More Event pieces

View all Event
Zorlu PSM · Grand HallLevent · BeşiktaşIstanbul, Türkiye
2,400 capacityMetro M6 · Zincirlikuyu exit

Venue Card

event5

Venue panel with a gridded mini-map tile, name, address, city, capacity, and an italic directions line.

Team offsite · BodrumMay 12 – 15
28 going4 maybe

RSVP Row

event2

Invitation card with three emerald/amber/rose response buttons and a footer tallying current responses.

Day 1 · Fri, May 8
09:00
Opening keynoteMain stage
10:00
Designing with intentTrack A
11:00
Coffee & networking
11:30
Component systems workshopWorkshop room

Conference Agenda

event6

Conference day schedule with left-ruled session rows color-coded by keynote, talk, break, or workshop.

Admit oneDMX-4K91-N8
Beste SözenDesign Matters · Day 1
SeatFloor A
GateGate 2 · 09:00

Entry QR

event10

Scannable entry card with a fake QR grid on the left and attendee, code, seat, and gate info on the right.

BSAKPSKOJR+123
128 attendingBeste Sözen, Andrea Kim and 126 others are going

Attendees Strip

event8

Stacked avatar row with a +N overflow chip, total attendee count, and a social-proof summary line.

Opening-day speakers
Priya Shah
Priya ShahDesign · Linear
Kian Okafor
Kian OkaforEngineering · Beste

Speaker Lineup

event3

Two-by-two speaker grid with gradient avatars, name and company-role lines per tile.