root = Card([profileCard])
profileCard = Card([headerRow, bio, contactInfo, divider, messageSection], "clear", "column", "l")
headerRow = Card([avatar, header], "clear", "row", "m", "center")
avatar = Avatar(null, "Alex Rivera", "AR")
header = CardHeader("Alex Rivera", "Senior Product Designer")
bio = TextContent("Alex is a Senior Product Designer with 8 years of experience across fintech and consumer apps. He leads design for the Growth squad, champions the company design system, and is currently exploring how AI can accelerate research synthesis.")
contactInfo = ListBlock([deptItem, locItem, emailItem])
deptItem = ListItem("Department", "Design")
locItem = ListItem("Office", "New York, NY")
emailItem = ListItem("Email", "alex.rivera@example.com")
divider = Separator("horizontal")
messageSection = Card([messageHeading, messageForm], "clear", "column", "m")
messageHeading = Heading("Send a message", "h4")
messageForm = Form("send-message", sendButtons, [subjectField, messageField])
subjectField = FormControl("Subject", subjectInput)
subjectInput = Input("subject", "What's this about?")
messageField = FormControl("Message", messageInput, "This goes straight to Alex's inbox.")
messageInput = TextArea("message", "Hi Alex, ...", 5)
sendButtons = Buttons([sendBtn, cancelBtn])
sendBtn = Button("Send message", null, "primary")
cancelBtn = Button("Cancel", null, "tertiary")