root = Card([pageHeader, statsCard, renewAlert, activityCard, contactsCard, followupsCard, formsRow])
pageHeader = CardHeader("Acme Corporation", "Owner: Sarah Chen · San Francisco, CA")
statsCard = Card([valueText, stageTag], "sunk", "row", "2xl")
valueText = TextContent("**$250,000** total deal value", "large-heavy")
stageTag = Tag("Negotiation", null, "md", "info")
renewAlert = Callout("warning", "Renewal approaching", "Renewal date is March 15, 2026 — only 30 days away. Start the renewal conversation early.")
activityCard = Card([activityHeader, activityList], "sunk")
activityHeader = Heading("Recent activity", "h3")
activityList = ListBlock([actCall, actEmail, actMeeting], "number")
actCall = ListItem("Call with Jane Doe", "Oct 14 · 10:30 AM")
actEmail = ListItem("Sent pricing proposal", "Oct 13 · 4:05 PM")
actMeeting = ListItem("Discovery meeting", "Oct 11 · 2:00 PM")
contactsCard = Card([contactsHeader, contactsTable], "sunk")
contactsHeader = Heading("Contacts", "h3")
contactsTable = Table([nameCol, roleCol, emailCol])
nameCol = Col("Name", ["Jane Doe", "John Smith", "Emily Zhang"])
roleCol = Col("Role", ["VP Procurement", "IT Director", "Finance Lead"])
emailCol = Col("Email", ["jane@acme.com", "john@acme.com", "emily@acme.com"])
followupsCard = Card([followupsHeader, followupsTable], "sunk")
followupsHeader = Heading("Open follow-ups", "h3")
followupsTable = Table([taskCol, dueCol])
taskCol = Col("Task", ["Send revised contract", "Schedule security review", "Confirm onboarding date"])
dueCol = Col("Due date", ["Oct 21", "Oct 25", "Nov 1"])
formsRow = Card([noteForm, callForm], "card", "row", "l")
noteForm = Form("note", noteButtons, [noteField])
noteButtons = Buttons([saveNoteBtn])
saveNoteBtn = Button("Save note")
noteField = FormControl("Note", noteInput, "Add context for the team")
noteInput = TextArea("note", "Type a note...", 3)
callForm = Form("call", callButtons, [callContactField, callDateField, callNotesField])
callButtons = Buttons([logCallBtn])
logCallBtn = Button("Log call")
callContactField = FormControl("Contact", callContactSelect)
callContactSelect = Select("call_contact", [contactJane, contactJohn], "Choose contact")
contactJane = SelectItem("jane", "Jane Doe")
contactJohn = SelectItem("john", "John Smith")
callDateField = FormControl("Date", callDatePicker)
callDatePicker = DatePicker("call_date", "single")
callNotesField = FormControl("Notes", callNotesInput, "Outline of the conversation")
callNotesInput = TextArea("call_notes", "Summary...", 2)