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