root = Card([meetingHeader, meetingDetails, attendeesSection, joinSection], "card", "column", "m")
meetingHeader = CardHeader("Next Meeting", "Starting in 15 minutes")
meetingDetails = Card([meetingTitle, meetingTime], "clear", "column", "s")
meetingTitle = TextContent("**Q3 Product Planning Sync**", "large-heavy")
meetingTime = TextContent("📅 Today at 2:00 PM • 45 minutes • Google Meet", "default")
attendeesSection = Card([attendeesHeading, attendeesList], "sunk", "column", "s")
attendeesHeading = Heading("Attendees (6)", "h4")
attendeesList = ListBlock([attendee1, attendee2, attendee3, attendee4, attendee5, attendee6], "image")
attendee1 = ListItem("Sarah Chen", "Product Lead", "https://picsum.photos/seed/sarah/64/64")
attendee2 = ListItem("Marcus Johnson", "Engineering Manager", "https://picsum.photos/seed/marcus/64/64")
attendee3 = ListItem("Priya Patel", "Designer", "https://picsum.photos/seed/priya/64/64")
attendee4 = ListItem("Alex Rivera", "Data Analyst", "https://picsum.photos/seed/alex/64/64")
attendee5 = ListItem("Jordan Kim", "Marketing", "https://picsum.photos/seed/jordan/64/64")
attendee6 = ListItem("You", "Product Manager", "https://picsum.photos/seed/you/64/64")
joinSection = Card([joinButton], "clear", "column", "m")
joinButton = Buttons([joinCallBtn], "row")
joinCallBtn = Button("Join Video Call", null, "primary", "normal", "large")