Conference day schedule with left-ruled session rows color-coded by keynote, talk, break, or workshop.
The import and the props worth knowing about, in one place.
import { Event6 } from "@/components/beste/piece/event6";
<Event6
day="Day 1 · Fri, May 8"
sessions={[
{
"time": "09:00",
"title": "Opening keynote",
"tone": "opening"
},
{
"time": "10:00",
"title": "Designing with intent",
"tone": "talk"
},
{
"time": "11:00",
"title": "Coffee & networking",
"tone": "break"
},
{
"time": "11:30",
"title": "Component systems workshop",
"tone": "workshop"
}
]}
bordered={false}
/>