root = Card([header, daysRemaining, agendaSection, speakersSection, ticketsSection, registrationSection])
header = CardHeader("TechForward Conference 2024", "October 15-17, 2024 • San Francisco, CA")
daysRemaining = Callout("info", "Days Remaining", "42 days until the event starts")
agendaSection = Card([agendaHeading, agendaTable], "sunk")
agendaHeading = Heading("Agenda", "h3")
agendaTable = Table([timeCol, sessionCol, speakerCol])
timeCol = Col("Time", ["9:00 AM", "10:30 AM", "12:00 PM", "1:30 PM", "3:00 PM", "4:30 PM"])
sessionCol = Col("Session", ["Opening Keynote", "AI in Production", "Lunch Break", "Workshop: ML Ops", "Panel: Future of Tech", "Closing Remarks"])
speakerCol = Col("Speaker", ["Dr. Sarah Chen", "Marcus Johnson", "—", "Priya Patel", "Panel: 4 experts", "Dr. Sarah Chen"])
speakersSection = Card([speakersHeading, speakersList], "sunk")
speakersHeading = Heading("Speakers", "h3")
speakersList = ListBlock([speaker1, speaker2, speaker3, speaker4, speaker5], "image")
speaker1 = ListItem("Dr. Sarah Chen", "Chief AI Officer at Nexus Labs • Opening Keynote & Closing", ["https://picsum.photos/seed/sarahchen/100/100"])
speaker2 = ListItem("Marcus Johnson", "VP Engineering at DataFlow • AI in Production", ["https://picsum.photos/seed/marcusjohnson/100/100"])
speaker3 = ListItem("Priya Patel", "Staff ML Engineer at CloudScale • Workshop: ML Ops", ["https://picsum.photos/seed/priyapatel/100/100"])
speaker4 = ListItem("Alex Rivera", "CTO at InnovateX • Panel: Future of Tech", ["https://picsum.photos/seed/alexrivera/100/100"])
speaker5 = ListItem("Dr. James Wong", "Research Lead at QuantumAI • Panel: Future of Tech", ["https://picsum.photos/seed/jameswong/100/100"])
ticketsSection = Card([ticketsHeading, ticketsTable], "sunk")
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 access + swag", "Full access + swag + recording", "All access + VIP dinner + 1:1 mentoring", "Full access (ID required)"])
registrationSection = Card([regHeading, regForm], "sunk")
regHeading = Heading("Register Now", "h3")
regForm = Form("conference-registration", regButtons, [nameField, emailField])
nameField = FormControl("Full Name", nameInput, "As it should appear on your badge")
nameInput = Input("full_name", "Jane Smith")
emailField = FormControl("Email Address", emailInput, "We'll send your confirmation here")
emailInput = Input("email", "jane@company.com", "email")
regButtons = Buttons([submitBtn])
submitBtn = Button("Register for $299", null, "primary")