root = Card([meetingHeader, meetingDetails, attendeesSection, joinButton])
meetingHeader = CardHeader("Weekly Team Sync", "Today · 10:00 AM – 11:00 AM")
meetingDetails = EntityList([detail1, detail2, detail3], "default", { left: "Meeting", right: "Details" })
detail1 = { left: "Duration", right: "60 minutes", rightVariant: "text" }
detail2 = { left: "Location", right: "Video Call (Google Meet)", rightVariant: "text" }
detail3 = { left: "Description", right: "Weekly standup: priorities, blockers, and ship targets.", rightVariant: "text" }
attendeesSection = InlineHeader("Attendees", "8 people confirmed")
attendeesList = EntityList([a1, a2, a3, a4, a5, a6, a7, a8], "small")
a1 = { left: "Alex Chen", right: "Organizer", rightVariant: "text" }
a2 = { left: "Sam Rivera", right: "Engineering Lead", rightVariant: "text" }
a3 = { left: "Jordan Kim", right: "Product Manager", rightVariant: "text" }
a4 = { left: "Taylor Brooks", right: "Designer", rightVariant: "text" }
a5 = { left: "Morgan Lee", right: "Backend Engineer", rightVariant: "text" }
a6 = { left: "Casey Park", right: "Frontend Engineer", rightVariant: "text" }
a7 = { left: "Riley Adams", right: "QA Lead", rightVariant: "text" }
a8 = { left: "Dana Foster", right: "DevOps", rightVariant: "text" }
joinButton = Buttons([joinBtn], "row")
joinBtn = Button("Join Video Call", Action([@OpenUrl("https://meet.google.com/abc-defg-hij")]), "primary", "normal", "large")