root = Card([header, monthKpi, trendChart, topProducts, conversionCard, downloadActions])
header = CardHeader("Monthly Sales Check", "Founder's overview")
monthKpi = Card([kpiLabel, kpiValue, kpiDelta], "sunk")
kpiLabel = TextContent("Revenue this month", "small-heavy")
kpiValue = TextContent("$128,400", "large-heavy")
kpiDelta = Tag("+18% vs last month", null, null, "success")
trendChart = Card([trendHeading, trendLine], "sunk")
trendHeading = Heading("Revenue trend — last 6 months", "h3")
trendLine = LineChart(["Aug", "Sep", "Oct", "Nov", "Dec", "Jan"], [revSeries], "natural", "Month", "USD")
revSeries = Series("Revenue", [74200, 81300, 90500, 102800, 108900, 128400])
topProducts = Card([productsHeading, productsTable], "sunk")
productsHeading = Heading("Best-selling products", "h3")
productsTable = Table([productCol, unitsCol])
productCol = Col("Product", ["Aurora Desk", "Nimbus Chair", "Halo Lamp"])
unitsCol = Col("Units sold", [412, 358, 291])
conversionCard = Card([conversionHeading, conversionValue, conversionProgress], "sunk")
conversionHeading = Heading("Conversion rate", "h3")
conversionValue = TextContent("3.6%", "large-heavy")
conversionProgress = Progress(3.6, "Visitors to paid")
downloadActions = Buttons([downloadBtn, emailBtn])
downloadBtn = Button("Download CSV")
emailBtn = Button("Email report", null, "secondary")