Two-by-two speaker grid with gradient avatars, name and company-role lines per tile.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
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"
}
]}
/>