# Fitness Summary

<Card title="Today's Activity" subtitle="Monday, June 10">
<Columns>
<div>
<Stat label="Steps" value="8,542" change="vs 10,000 goal" icon="footprints" tone="info" />
<Progress value="8542" max="10000" label="85% of daily goal" tone="info" />
</div>
<div>
<Stat label="Calories burned" value="612 kcal" change="active calories" icon="fire" tone="success" />
</div>
</Columns>
</Card>

<Card title="Workout Performance — Last 7 Days" subtitle="Minutes and intensity">
<Chart type="line" x="Day" y="Minutes">
| Day | Workout minutes | Resting minutes |
|---|---|---|
| Mon | 45 | 120 |
| Tue | 30 | 90 |
| Wed | 60 | 75 |
| Thu | 0 | 140 |
| Fri | 50 | 100 |
| Sat | 75 | 60 |
| Sun | 40 | 110 |
</Chart>
<Columns>
<Stat label="Total workouts" value="6" change="1 rest day" icon="barbell" />
<Stat label="Avg. duration" value="50 min" change="+8% vs last week" icon="clock" tone="success" />
<Stat label="Best day" value="Saturday" change="75 min" icon="trophy" tone="warning" />
</Columns>
</Card>

<Card title="Log a New Workout" subtitle="Add today's session">
<Form name="log-workout">
<Select label="Workout type" placeholder="Choose type" options="Running | Cycling | Strength | Yoga | Swimming | HIIT | Walking" />
<Input label="Duration (minutes)" type="number" placeholder="30" min="1" />
<Input label="Calories burned (optional)" type="number" placeholder="250" min="0" />
<Radio label="Intensity" options="Low | Moderate | High" />
<Checkboxes label="Feeling after workout" options="Energized | Tired | Sore | Great" />
<TextArea label="Notes (optional)" placeholder="How did it go?" rows="3" />
<Button>Save Workout</Button>
<Button variant="secondary">Cancel</Button>
</Form>
</Card>

<Callout tone="success" title="Nice progress">
You're 15% ahead of your weekly step average. Keep it up!
</Callout>

<FollowUps>
- Show my weekly step trend
- Compare calories burned by workout type
- Set a new daily step goal
</FollowUps>