<Card title="Shop dashboard" subtitle="Mid-morning check-in · 10:42 AM">
<Columns>
<Stat label="Revenue today" value="$1,284" change="+18.2% vs yesterday" tone="success" icon="trend-up" />
<Stat label="Orders today" value="23" change="+4 vs yesterday" tone="info" icon="receipt" />
<Stat label="Avg. order value" value="$55.82" change="+3.1% vs yesterday" tone="neutral" icon="chart-line" />
</Columns>
</Card>

<Card title="Revenue today vs. same time yesterday">
<Chart type="bar" x="Hour" y="Revenue ($)">
| Hour | Today | Yesterday |
|---|---|---|
| 7 AM | 0 | 0 |
| 8 AM | 145 | 120 |
| 9 AM | 320 | 275 |
| 10 AM | 485 | 410 |
| 10:42 AM | 334 | 281 |
</Chart>
<Callout tone="success" title="Running ahead">Today is tracking 18% above yesterday at the same point. If the trend holds, you could finish the day near $3,150.</Callout>
</Card>

<Card title="How does this compare?">
<Columns>
<Stat label="Yesterday at this time" value="$1,086" tone="neutral" />
<Stat label="Difference" value="+$198" change="+18.2%" tone="success" />
</Columns>
<Details title="See hourly breakdown">
| Hour | Today | Yesterday | Difference |
|---|---|---|---|
| 7–8 AM | $145 | $120 | +$25 |
| 8–9 AM | $175 | $155 | +$20 |
| 9–10 AM | $165 | $135 | +$30 |
| 10–10:42 AM | $334 | $281 | +$53 |
</Details>
</Card>

<Card title="What's driving the increase?">
<Columns>
<Stat label="Bestseller" value="Latte" note="12 sold today" icon="coffee" />
<Stat label="New item" value="Cold brew" note="8 sold today" icon="cup" />
</Columns>
<Button variant="secondary">See full product report</Button>
</Card>

<Card title="Quick actions">
<Columns>
<Button variant="primary">Open cash register</Button>
<Button variant="secondary">View today's orders</Button>
<Button variant="tertiary">Check inventory</Button>
</Columns>
</Card>

<FollowUps>
- How does today compare with the same day last week?
- Which products are selling best this morning?
- Show me a forecast for the rest of the day.
- What was my busiest hour so far?
</FollowUps>