Speaker Lineup

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

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

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

Import & use
import { Event3 } from "@/components/beste/piece/event3";

<Event3
  heading="Opening-day speakers"
  speakers={[
    {
      "name": "Priya Shah",
      "role": "Design · Linear",
      "initials": "PS",
      "image": "https://images.unsplash.com/photo-1528892952291-009c663ce843?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NDB8fHBvcnRyYWl0fGVufDB8fDB8fHww"
    },
    {
      "name": "Kian Okafor",
      "role": "Engineering · Beste",
      "initials": "KO",
      "image": "https://images.unsplash.com/photo-1557053910-d9eadeed1c58?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MzV8fHBvcnRyYWl0fGVufDB8fDB8fHww"
    }
  ]}
/>

More Event pieces

View all Event
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.

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.

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.

Shipmas 2026Dec 1 · 09:00 UTC
42days
08hrs
21min
11sec

Event Countdown

event4

Dark foreground countdown with event title, start time, and a four-unit time tile grid below.

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.

May12

Consultation · Rowan Blake

09:00 – 09:45 · Room 2

Join

Appointment Card

event11

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