root = Card([header, description, qualifications, compensation, applySection, shareSection])
header = CardHeader("Senior Product Designer", "Design Systems Team")
description = TextContent("We are looking for a Senior Product Designer to craft intuitive, accessible experiences across our core product. You will partner with engineers and researchers to ship high-quality work that impacts millions of users.")
qualifications = Card([qualHeading, qualList], "sunk")
qualHeading = Heading("Key qualifications", "h3")
qualList = ListBlock([qual1, qual2, qual3, qual4])
qual1 = ListItem("5+ years of product design experience")
qual2 = ListItem("Strong portfolio showing shipped web or mobile products")
qual3 = ListItem("Expertise with Figma and design systems")
qual4 = ListItem("Excellent communication and collaboration skills")
compensation = Card([compHeading, compTable], "sunk")
compHeading = Heading("Compensation", "h3")
compTable = Table([compRole, compRange])
compRole = Col("Role", ["Senior Product Designer"])
compRange = Col("Salary range", ["$140,000 – $180,000"])
applySection = Card([applyHeading, applyForm])
applyHeading = Heading("Apply now", "h3")
applyForm = Form("apply", applyButtons, [nameField, emailField, resumeField])
nameField = FormControl("Name", nameInput)
nameInput = Input("name", "Jane Smith")
emailField = FormControl("Email", emailInput, "We will only use this to contact you")
emailInput = Input("email", "jane@company.com", "email")
resumeField = FormControl("Resume link", resumeInput, "Paste a link to your resume or portfolio")
resumeInput = Input("resume", "https://", "url")
applyButtons = Buttons([submitBtn])
submitBtn = Button("Submit application", null, "primary")
shareSection = Card([shareHeading, shareButtons])
shareHeading = Heading("Share this posting", "h3")
shareButtons = Buttons([copyLinkBtn, shareLinkedInBtn])
copyLinkBtn = Button("Copy link", null, "secondary")
shareLinkedInBtn = Button("Share on LinkedIn", null, "secondary")