root = Card([header, statusSection, etaSection, timelineSection, helpSection])
header = CardHeader("Track your delivery", "Order #48291 · FedEx")
statusSection = Card([statusTitle, currentStatus, statusBadge], "sunk")
statusTitle = Heading("Where is your package?", "h2")
currentStatus = TextContent("Your package arrived at the **Chicago sort facility** at 9:42 AM local time.", "default")
statusBadge = Tag("In transit", null, "md", "info")
etaSection = Card([etaTitle, etaDate, etaNote])
etaTitle = Heading("Estimated delivery", "h3")
etaDate = TextContent("**Friday, June 14** — by end of day", "large")
etaNote = TextContent("Delivers to your mailbox. Signature not required.", "small")
timelineSection = Card([timelineTitle, timelineList], "sunk")
timelineTitle = Heading("Shipment progress", "h3")
timelineList = ListBlock([step1, step2, step3, step4], "number")
step1 = ListItem("Label created", "May 30, 2:15 PM")
step2 = ListItem("Picked up", "May 31, 8:30 AM — Indianapolis, IN")
step3 = ListItem("Arrived at sort facility", "June 1, 9:42 AM — Chicago, IL")
step4 = ListItem("Out for delivery", "Expected June 14")
helpSection = Card([helpTitle, helpText, helpActions])
helpTitle = Heading("Report a problem", "h3")
helpText = TextContent("Something wrong with this delivery? Let us know and we'll look into it right away.", "default")
helpActions = Buttons([delayBtn, damageBtn, supportBtn])
delayBtn = Button("Report a delay", null, "primary")
damageBtn = Button("Report damage", null, "secondary")
supportBtn = Button("Contact support", null, "tertiary")