Conference Agenda

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

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

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

Import & use

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"
    }
  ]}
/>