root = Card([header, kpiBlock, revenueChartSection, topProductsSection, downloadBtn])
header = CardHeader("Monthly Sales Check", "June 2026 · Founder Dashboard")
kpiBlock = SnippetCardBlock([revCard, convCard], "grid", true)
revCard = SnippetCardItem("revenue-mtd", revLhs, revRhs)
revLhs = IconText(revIcon, "neutral", "m", "Revenue This Month", "Month to date", false, "horizontal")
revIcon = Icon("circle-dollar-sign", "finance")
revRhs = BoldText("number", "$127,450", "+12.4%", "metric")
convCard = SnippetCardItem("conversion-rate", convLhs, convRhs)
convLhs = IconText(convIcon, "neutral", "m", "Conversion Rate", "Visitors → Customers", false, "horizontal")
convIcon = Icon("trending-up", "charts")
convRhs = BoldText("number", "3.8%", "+0.6%", "metric")
revenueChartSection = SectionBlock([revChartSec], false)
revChartSec = SectionItem("revenue-trend", "Revenue — Last 6 Months", [revChart])
revChart = LineChart(months, [revSeries], "natural", "Month", "Revenue ($k)")
months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun"]
revSeries = Series("Revenue", [98.2, 105.4, 112.1, 118.7, 121.3, 127.5])
topProductsSection = SectionBlock([productsSec], false)
productsSec = SectionItem("top-products", "Top 3 Best-Selling Products", [productsTable])
productsTable = Table([colProduct, colUnits, colRevenue])
colProduct = Col("Product", ["Pro Plan", "Team Plan", "Starter Plan"], "string")
colUnits = Col("Units Sold", [1240, 890, 2100], "number")
colRevenue = Col("Revenue", ["$62,000", "$44,500", "$21,000"], "string")
downloadBtn = Buttons([btnDownload], "row")
btnDownload = Button("Download CSV", { type: "continue_conversation", context: "Download the monthly sales data as CSV" }, "secondary")