root = Card([header, countdown, agendaHeader, agendaTabs, speakersHeader, speakerList, ticketsHeader, ticketTable, registerHeader, registerForm, footer])
header = CardHeader("DevSummit 2025", "June 12-14, 2025 · Moscone Center, San Francisco")
countdown = Callout("info", "Days until the event", "47 days remaining until DevSummit 2025")
agendaHeader = Heading("Agenda", "h2")
agendaTabs = Tabs([day1, day2, day3])
day1 = TabItem("day1", "Day 1", [d1s1, d1s2, d1s3])
d1s1 = ListBlock([t1a, t1b, t1c], "number")
t1a = ListItem("9:00 AM", "Keynote: The Future of AI")
t1b = ListItem("11:00 AM", "Workshop: Building with LLMs")
t1c = ListItem("2:00 PM", "Panel: Scaling Infrastructure")
d1s2 = TextContent("")
d1s3 = TextContent("")
day2 = TabItem("day2", "Day 2", [d2s1, d2s2, d2s3])
d2s1 = ListBlock([t2a, t2b, t2c], "number")
t2a = ListItem("9:30 AM", "Talk: Frontend Performance")
t2b = ListItem("1:00 PM", "Workshop: Design Systems")
t2c = ListItem("3:30 PM", "Lightning Talks")
d2s2 = TextContent("")
d2s3 = TextContent("")
day3 = TabItem("day3", "Day 3", [d3s1, d3s2, d3s3])
d3s1 = ListBlock([t3a, t3b, t3c], "number")
t3a = ListItem("10:00 AM", "Talk: Cloud Native Patterns")
t3b = ListItem("12:30 PM", "Panel: Security in 2025")
t3c = ListItem("4:00 PM", "Closing Keynote")
d3s2 = TextContent("")
d3s3 = TextContent("")
speakersHeader = Heading("Speakers", "h2")
speakerList = ListBlock([sp1, sp2, sp3, sp4], "image")
sp1 = ListItem("Ada Lovelace", "CTO, Quantum Labs · AI Keynote", ["https://picsum.photos/seed/ada/100/100"])
sp2 = ListItem("Grace Hopper", "VP Engineering, CloudWorks · Frontend Performance", ["https://picsum.photos/seed/grace/100/100"])
sp3 = ListItem("Alan Turing", "Founder, SecureStack · Security Panel", ["https://picsum.photos/seed/alan/100/100"])
sp4 = ListItem("Margaret Hamilton", "Principal Architect, Apollo Systems · Closing Keynote", ["https://picsum.photos/seed/margaret/100/100"])
ticketsHeader = Heading("Tickets", "h2")
ticketTable = Table([tierCol, priceCol, perksCol])
tierCol = Col("Tier", ["Early Bird", "Standard", "VIP"])
priceCol = Col("Price", ["$299", "$499", "$899"])
perksCol = Col("Perks", ["All sessions", "All sessions + workshops", "All sessions + workshops + networking"])
registerHeader = Heading("Register", "h2")
registerForm = Form("registration", regButtons, [nameField, emailField])
nameField = FormControl("Full name", nameInput)
nameInput = Input("name", "Jane Doe")
emailField = FormControl("Email", emailInput, "We'll send your ticket to this address")
emailInput = Input("email", "jane@example.com", "email")
regButtons = Buttons([submitBtn])
submitBtn = Button("Register now", null, "primary")
footer = FollowUpBlock([fu1, fu2])
fu1 = FollowUpItem("Tell me more about the speakers")
fu2 = FollowUpItem("Show me the full agenda")