About this piece
Ticket Tiers
Pass-level list where a highlighted tier picks up a primary ring and sold-out rows dim with a note.
Usage
The import and the props worth knowing about, in one place.
import { Event7 } from "@/components/beste/piece/event7";
<Event7
heading="Conference passes"
tiers={[
{
"name": "Student",
"price": "$89",
"remaining": 42
},
{
"name": "Early bird",
"price": "$249",
"highlighted": true,
"remaining": 18
},
{
"name": "Standard",
"price": "$399",
"remaining": 124
},
{
"name": "VIP",
"price": "$1,200",
"soldOut": true
}
]}
/>More Event pieces
View all EventMidnight Tape · LiveSat, Jun 14 · 21:00Zorlu PSM · Istanbul
SectionGA Floor
SeatA · 042
MT-7Z91-X2Q
Event Ticket
Notched gradient concert ticket with section, seat, and a vertical mono ticket code on the stub.
JR+123128 attendingBeste Sözen, Andrea Kim and 126 others are going
Attendees Strip
Stacked avatar row with a +N overflow chip, total attendee count, and a social-proof summary 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
Conference day schedule with left-ruled session rows color-coded by keynote, talk, break, or workshop.
Opening-day speakers
Priya ShahDesign · Linear
Kian OkaforEngineering · Beste
Speaker Lineup
Two-by-two speaker grid with gradient avatars, name and company-role lines per tile.