root = Card([header, priorityBadge, keyFacts, renewalWarning, recentActivityHeading, recentActivityBlock, contactsHeading, contactsTable, followupsHeading, followupsTable, actionsHeading, noteForm, callForm], "card", "column", "l")
header = CardHeader("Acme Corporation", "Owner: Sarah Chen · Enterprise plan · San Francisco, CA")
priorityBadge = Badge("Priority account · 30% expansion upside", "info")
keyFacts = Table([factName, factValue])
factName = Col("Metric", ["Total deal value", "Current deal stage", "Renewal date"])
factValue = Col("Value", ["$1,240,000", "Negotiation", "Jun 14, 2026"])
renewalWarning = Callout("warning", "Renewal is 21 days away", "Acme's annual contract renews on Jun 14, 2026. Start the renewal conversation now and confirm next year's seat count and pricing.")
recentActivityHeading = Heading("Recent activity", "h3")
recentActivityBlock = ListBlock([activity1, activity2, activity3, activity4], "number")
activity1 = ListItem("Call with Mike Torres", "Mar 2, 2026 · 25 min · Security review walkthrough")
activity2 = ListItem("Email sent to Priya Patel", "Mar 1, 2026 · Pricing proposal v3 with expansion discount")
activity3 = ListItem("Note added by Sarah Chen", "Feb 28, 2026 · Budget approved; procurement requests a security review")
activity4 = ListItem("Product demo", "Feb 27, 2026 · Attended by IT team and James Okafor")
contactsHeading = Heading("Contacts", "h3")
contactsTable = Table([contactNameCol, contactRoleCol, contactEmailCol])
contactNameCol = Col("Name", ["Mike Torres", "Priya Patel", "James Okafor"])
contactRoleCol = Col("Role", ["CTO · Decision maker", "CFO · Economic buyer", "IT Director · Champion"])
contactEmailCol = Col("Email", ["m.torres@acme.com", "p.patel@acme.com", "j.okafor@acme.com"])
followupsHeading = Heading("Open follow-ups", "h3")
followupsTable = Table([taskCol, dueDateCol, ownerCol])
taskCol = Col("Task", ["Send revised proposal", "Schedule security review", "Confirm billing contact", "Renewal kickoff call"])
dueDateCol = Col("Due date", ["Mar 8, 2026", "Mar 12, 2026", "Mar 15, 2026", "May 20, 2026"])
ownerCol = Col("Owner", ["Sarah Chen", "Sarah Chen", "Alex Rivera", "Sarah Chen"])
actionsHeading = Heading("Take action", "h3")
noteForm = Form("note-form", noteButtons, [noteField])
noteField = FormControl("Quick note", noteInput, "Visible to the whole account team")
noteInput = TextArea("note", "Jot a note…", 3)
noteButtons = Buttons([saveNoteBtn])
saveNoteBtn = Button("Save note", null, "primary")
callForm = Form("call-form", callButtons, [callContactField, callDateField, callNotesField])
callContactField = FormControl("Contact", callContactSelect)
callContactSelect = Select("call_contact", [callContact1, callContact2, callContact3], "Who did you speak with?")
callContact1 = SelectItem("mike", "Mike Torres")
callContact2 = SelectItem("priya", "Priya Patel")
callContact3 = SelectItem("james", "James Okafor")
callDateField = FormControl("Date", callDatePicker)
callDatePicker = DatePicker("call_date", "single")
callNotesField = FormControl("Call notes", callNotesInput)
callNotesInput = TextArea("call_notes", "Summary of the call…", 3)
callButtons = Buttons([logCallBtn])
logCallBtn = Button("Log call", null, "primary")