# Daily Summary

<Card title="Today's activity" subtitle="Updated just now">
<Columns>
  <div>
    <Stat label="Steps" value="8,432" change="vs 10,000 goal" icon="footprints" />
  </div>
  <div>
    <Stat label="Calories burned" value="612 kcal" change="Active: 412 kcal" icon="fire" />
  </div>
</Columns>

<Progress value="8432" max="10000" label="Daily step goal" tone="info" />

<Callout tone="success" title="Halfway there">You're 84% of the way to your step goal — a brisk 15-minute walk would finish it.</Callout>
</Card>

<Card title="Workout performance" subtitle="Last 7 days">
<Chart type="bar" x="Day" y="Minutes">
| Day | Minutes | Intensity |
|---|---|---|
| Mon | 30 | 4 |
| Tue | 45 | 5 |
| Wed | 20 | 3 |
| Thu | 60 | 6 |
| Fri | 0 | 0 |
| Sat | 50 | 5 |
| Sun | 35 | 4 |
</Chart>

<Columns>
  <div>
    <Stat label="Workouts" value="6" change="4 this week" icon="barbell" />
  </div>
  <div>
    <Stat label="Total time" value="240 min" change="Avg 40 min/session" icon="clock" />
  </div>
  <div>
    <Stat label="Best day" value="Thu" change="60 min, high intensity" icon="trophy" />
  </div>
</Columns>
</Card>

<Card title="Log a workout">
<Form name="log-workout">
<Input label="Workout name" placeholder="e.g., Morning run" />
<Select label="Type" options="Running | Cycling | Strength | Yoga | Swimming | Other" placeholder="Choose type" />
<Input label="Duration (minutes)" type="number" placeholder="30" min="1" />
<Slider label="Intensity" min="1" max="10" value="5" name="intensity" />
<Radio label="Feeling after workout" options="Great | Good | Okay | Tired" />
<Button>Save workout</Button>
<Button variant="secondary">Cancel</Button>
</Form>
</Card>

<FollowUps>
- What's my step trend over the past month?
- Suggest a workout for tomorrow based on this week.
- How many calories did I burn per workout type?
</FollowUps>