root = Card([header, revenueKpi, trendSection, productsSection, conversionKpi, downloadActions])
header = CardHeader("Monthly Sales Check", "June overview")
revenueKpi = Tag("$128,400 this month", null, "lg", "success")
trendSection = Card([trendHeading, trendChart], "sunk")
trendHeading = Heading("Revenue trend — last 6 months", "h3")
trendChart = LineChart(["Jan", "Feb", "Mar", "Apr", "May", "Jun"], [revenueSeries], "natural", "Month", "USD")
revenueSeries = Series("Revenue", [82000, 91000, 76000, 104000, 117000, 128400])
productsSection = Card([productsHeading, productsTable], "sunk")
productsHeading = Heading("Best-selling products", "h3")
productsTable = Table([productCol, unitsCol])
productCol = Col("Product", ["Aura Desk Lamp", "Bloom Ceramic Vase", "Drift Notebook Set"])
unitsCol = Col("Units sold", [1240, 986, 742])
conversionKpi = Card([conversionLabel, conversionValue, conversionHint], "sunk")
conversionLabel = TextContent("Conversion rate", "small-heavy")
conversionValue = TextContent("4.8%", "large-heavy")
conversionHint = TextContent("Visitors to paying customers this month", "small")
downloadActions = Buttons([downloadCsv, downloadPdf])
downloadCsv = Button("Download CSV")
downloadPdf = Button("Download PDF", null, "secondary")