root = Card([header, bio, contact, messageForm])
header = CardHeader("Jordan Rivera", "Senior Product Designer")
bio = MarkDownRenderer("Jordan leads design for the checkout experience. For 8 years they have shaped how millions of people pay online — from the first wireframe to the final pixel. Outside work, Jordan mentors junior designers and sketches cityscapes on weekends.")
contact = Card([contactTitle, contactDetails], "sunk")
contactTitle = Heading("Contact", "h3")
contactDetails = ListBlock([emailItem, teamItem, locationItem])
emailItem = ListItem("jordan.rivera@company.com", "Email")
teamItem = ListItem("Design Systems", "Team")
locationItem = ListItem("New York, NY", "Location")
messageForm = Form("message-jordan", formButtons, [subjectField, messageField])
subjectField = FormControl("Subject", subjectInput)
subjectInput = Input("subject", "Quick question about the new flow")
messageField = FormControl("Message", messageArea, "We'll deliver this to Jordan's inbox")
messageArea = TextArea("message", "Hi Jordan, ...", 5)
formButtons = Buttons([sendBtn])
sendBtn = Button("Send message", null, "primary")