Conference day schedule with left-ruled session rows color-coded by keynote, talk, break, or workshop.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Event6 } from "@/components/beste/piece/event6";
<Event6
day="Day 1 · Fri, May 8"
sessions={[
{
"time": "09:00",
"title": "Opening keynote",
"track": "Main stage",
"tone": "opening"
},
{
"time": "10:00",
"title": "Designing with intent",
"track": "Track A",
"tone": "talk"
},
{
"time": "11:00",
"title": "Coffee & networking",
"tone": "break"
},
{
"time": "11:30",
"title": "Component systems workshop",
"track": "Workshop room",
"tone": "workshop"
}
]}
/>Dark foreground countdown with event title, start time, and a four-unit time tile grid below.
Two-by-two speaker grid with gradient avatars, name and company-role lines per tile.
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.