<Card title="Bengaluru Morning Brief">
  <Columns>
    <Stat label="Current Temp" value="26°C" icon="thermometer" />
    <Stat label="Conditions" value="Partly Cloudy" icon="cloud" />
  </Columns>
</Card>

<Card title="3-Day Outlook">
  <Chart type="line" x="Day" y="°C">
| Day | High | Low |
|---|---|---|
| Today | 30 | 21 |
| Tomorrow | 29 | 20 |
| Day 3 | 31 | 22 |
  </Chart>
  <Columns>
    <Stat label="Today" value="30°C / 21°C" note="Partly Cloudy" />
    <Stat label="Tomorrow" value="29°C / 20°C" note="Sunny" />
    <Stat label="Day 3" value="31°C / 22°C" note="Isolated Showers" />
  </Columns>
  <Button ask="Show more detail for tomorrow's weather">More on tomorrow</Button>
</Card>

<Card title="Sunrise & Sunset">
  <Columns>
    <Stat label="Sunrise" value="6:12 AM" icon="sunrise" />
    <Stat label="Sunset" value="6:28 PM" icon="sunset" />
  </Columns>
</Card>

<Button ask="Give me the full weekly forecast for Bengaluru">Full weekly forecast</Button>
<Button variant="secondary" ask="What should I wear today in Bengaluru?">What to wear today</Button>