root = Card([eventHeader, daysRemaining, agendaSection, speakersSection, ticketsSection, registrationSection], "card", "column", "l")
eventHeader = CardHeader("TechForward Conference 2024", "October 15-17, 2024 • San Francisco, CA • Moscone Center")
daysRemaining = Callout("info", "28 Days Remaining", "Early bird pricing ends in 7 days. Secure your spot now!")
agendaSection = Card([agendaHeading, agendaList], "sunk", "column", "m")
agendaHeading = Heading("Agenda", "h3")
agendaList = ListBlock([agendaDay1, agendaDay2, agendaDay3], "number")
agendaDay1 = ListItem("Day 1 — October 15", "09:00 Keynote: The Future of AI • 10:30 Breakout Sessions • 12:00 Lunch • 13:30 Workshops • 17:00 Networking Reception")
agendaDay2 = ListItem("Day 2 — October 16", "09:00 Panel: Scaling Startups • 10:30 Technical Deep Dives • 12:00 Lunch • 13:30 Lightning Talks • 16:00 Career Fair • 18:00 After Party")
agendaDay3 = ListItem("Day 3 — October 17", "09:00 Keynote: Ethics in Tech • 10:30 Case Studies • 12:00 Closing Lunch • 13:30 Hackathon Finals • 16:00 Awards & Closing Remarks")
speakersSection = Card([speakersHeading, speakersList], "sunk", "column", "m")
speakersHeading = Heading("Speakers", "h3")
speakersList = ListBlock([speaker1, speaker2, speaker3, speaker4, speaker5, speaker6], "image")
speaker1 = ListItem("Dr. Sarah Chen", "Chief AI Officer, Google DeepMind — Opening Keynote: The Future of AI", ["https://picsum.photos/seed/sarahchen/100/100"])
speaker2 = ListItem("Marcus Rodriguez", "VP Engineering, Stripe — Panel: Scaling Startups from 10 to 10,000 Engineers", ["https://picsum.photos/seed/marcusrodriguez/100/100"])
speaker3 = ListItem("Prof. Elena Kowalski", "MIT Media Lab — Keynote: Ethics in Technology & Responsible Innovation", ["https://picsum.photos/seed/elenakowalski/100/100"])
speaker4 = ListItem("James Park", "Founder & CEO, Vercel — Technical Deep Dive: Edge Computing & The Modern Web", ["https://picsum.photos/seed/jamespark/100/100"])
speaker5 = ListItem("Aisha Hassan", "Staff Engineer, Netflix — Case Study: Building Resilient Distributed Systems", ["https://picsum.photos/seed/aishahassan/100/100"])
speaker6 = ListItem("David Kim", "Partner, Sequoia Capital — Fireside Chat: Fundraising in 2024", ["https://picsum.photos/seed/davidkim/100/100"])
ticketsSection = Card([ticketsHeading, ticketsTable], "sunk", "column", "m")
ticketsHeading = Heading("Ticket Tiers", "h3")
ticketsTable = Table([tierCol, priceCol, featuresCol])
tierCol = Col("Tier", ["Early Bird", "Standard", "VIP", "Student"])
priceCol = Col("Price", ["$299", "$499", "$999", "$149"])
featuresCol = Col("Includes", ["Full 3-day access • All sessions • Lunch & coffee • Networking events", "Full 3-day access • All sessions • Lunch & coffee • Networking events • Recording access", "Everything in Standard • VIP lounge • Speaker dinner • Priority seating • Swag bag • 1-on-1 mentoring", "Full 3-day access • All sessions • Lunch & coffee • Student networking • Requires .edu email"])
registrationSection = Card([regHeading, regForm], "card", "column", "m")
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", "text", [], "")
emailField = FormControl("Work Email", emailInput, "We'll send your confirmation and updates here")
emailInput = Input("email", "jane@company.com", "email", [], "")
regButtons = Buttons([submitBtn], "column")
submitBtn = Button("Register for $299", null, "primary", "normal", "large")