root = Card([profileRow, bio, messageSection])
profileRow = Card([avatar, header], "clear", "row", "m", "center")
avatar = Avatar("https://picsum.photos/seed/alex/200/200", "Portrait of Alex Rivera", "AR")
header = CardHeader("Alex Rivera", "Senior Product Designer")
bio = TextContent("Alex is a product designer with 8 years of experience across fintech and consumer apps. They care deeply about inclusive design, clear systems, and shipping work that feels effortless. Outside of work, Alex mentors junior designers and keeps a tiny indoor garden.")
messageSection = Card([messageHeading, messageForm], "sunk")
messageHeading = Heading("Send a message", "h3")
messageForm = Form("contact-message", formActions, [topicField, messageField])
topicField = FormControl("Topic", topicSelect)
topicSelect = Select("topic", [topicProject, topicFeedback, topicOther], "Choose a topic")
topicProject = SelectItem("project", "Project collaboration")
topicFeedback = SelectItem("feedback", "Feedback on work")
topicOther = SelectItem("other", "Something else")
messageField = FormControl("Message", messageTextarea, "A short note goes directly to Alex's inbox")
messageTextarea = TextArea("message", "Write your message...", 4)
formActions = Buttons([sendBtn])
sendBtn = Button("Send message", null, "primary")