root = Card([profileIntro, quickFacts, bioLine, separator, messageForm])
profileIntro = Card([avatar, nameHeader], "clear", "row", "m")
avatar = Avatar("https://picsum.photos/seed/alexandra/200/200", "Portrait of Alexandra Chen", "AC")
nameHeader = CardHeader("Alexandra Chen", "Senior Product Designer")
quickFacts = TagBlock(["Design Systems", "San Francisco", "Since 2019"])
bioLine = TextContent("Alexandra has spent 8 years shipping design systems at scale. She leads the component library used across 40+ product teams, mentors junior designers, and is the keeper of the company's brand guidelines. Outside work she teaches typography workshops and runs a weekly Figma office hour.")
separator = Separator()
messageForm = Form("contact-form", formButtons, [messageField])
messageField = FormControl("Message", messageInput, "Delivered straight to their inbox")
messageInput = TextArea("message_body", "Write a short note...", 4)
formButtons = Buttons([sendBtn])
sendBtn = Button("Send message", null, "primary")