root = Card([header, daysRemaining, agendaSection, speakersSection, ticketsSection, registerSection], "card", "column", "l")
header = CardHeader("TechForward 2025", "June 15-17, 2025 • Moscone Center, San Francisco")
daysRemaining = Callout("info", "42 days remaining", "Early bird pricing ends May 1st")
agendaSection = Card([agendaHeading, agendaTable], "sunk", "column", "m")
agendaHeading = Heading("Agenda", "h3")
agendaTable = Table([timeCol, sessionCol, speakerCol, locationCol])
timeCol = Col("Time", ["09:00-10:00", "10:15-11:15", "11:30-12:30", "13:30-14:30", "14:45-15:45", "16:00-17:00"])
sessionCol = Col("Session", ["Opening Keynote: The Future of AI", "Building Scalable Systems", "DevOps Best Practices", "Lunch & Networking", "Security in Modern Apps", "Closing Panel: Tech Trends 2026"])
speakerCol = Col("Speaker", ["Dr. Sarah Chen", "Marcus Johnson", "Priya Patel", "—", "Alex Rivera", "All Speakers"])
locationCol = Col("Room", ["Main Hall", "Room A", "Room B", "Grand Ballroom", "Room A", "Main Hall"])
speakersSection = Card([speakersHeading, speakersList], "sunk", "column", "m")
speakersHeading = Heading("Speakers", "h3")
speakersList = ListBlock([speaker1, speaker2, speaker3, speaker4, speaker5], "image")
speaker1 = ListItem("Dr. Sarah Chen", "AI Research Lead at Google DeepMind • Keynote: The Future of AI", ["https://picsum.photos/seed/sarahchen/100/100"])
speaker2 = ListItem("Marcus Johnson", "VP Engineering at Stripe • Building Scalable Systems", ["https://picsum.photos/seed/marcusjohnson/100/100"])
speaker3 = ListItem("Priya Patel", "Staff Engineer at Netflix • DevOps Best Practices", ["https://picsum.photos/seed/priyapatel/100/100"])
speaker4 = ListItem("Alex Rivera", "Security Architect at Cloudflare • Security in Modern Apps", ["https://picsum.photos/seed/alexrivera/100/100"])
speaker5 = ListItem("Dr. James Liu", "CTO at Vercel • Closing Panel Moderator", ["https://picsum.photos/seed/jamesliu/100/100"])
ticketsSection = Card([ticketsHeading, ticketsTable], "sunk", "column", "m")
ticketsHeading = Heading("Ticket Tiers", "h3")
ticketsTable = Table([tierCol, priceCol, includesCol])
tierCol = Col("Tier", ["Early Bird", "Standard", "VIP", "Student"])
priceCol = Col("Price", ["$299", "$449", "$899", "$149"])
includesCol = Col("Includes", ["Full 3-day access, lunch, swag bag", "Full 3-day access, lunch, swag bag, recording access", "All Standard + VIP dinner, speaker meet & greet, premium seating", "Full 3-day access, lunch (student ID required)"])
registerSection = Card([registerHeading, registerForm], "sunk", "column", "m")
registerHeading = Heading("Register Now", "h3")
registerForm = Form("conference-registration", registerButtons, [nameField, emailField])
nameField = FormControl("Full Name", nameInput, "As it should appear on your badge")
nameInput = Input("full_name", "Jane Smith", "text", [], "")
emailField = FormControl("Email Address", emailInput, "We'll send your confirmation and updates here")
emailInput = Input("email", "jane@company.com", "email", [], "")
registerButtons = Buttons([submitBtn], "column")
submitBtn = Button("Register for TechForward 2025", null, "primary", "normal", "large")