<Card title="Today's Activity">
<Columns>
<Stat label="Steps" value="8,500" change="2,500" note="Goal 10,000" tone="info" />
<Stat label="Calories" value="2,300" change="200" note="Goal 2,500" tone="info" />
</Columns>
<Progress value="85" max="100" label="Steps to goal" tone="info" />
</Card>

<Card title="Workouts this week">
<Steps>
<Step title! status="done">30 min run</Step>
<Step title! status="done">Strength training</Step>
<Step title! status="current">Yoga session</Step>
<Step title! status="done">HIIT</Step>
<Step title! status="todo">Rest</Step>
<Step title! status="done">Cycling</Step>
<Step title! status="done">Swim</Step>
</Steps>
</Card>

<Card title="Log a new workout">
<Form name="workout-log">
<Input label="Workout type" placeholder="e.g., Running" />
<Input label="Duration (minutes)" type="number" placeholder="30" required="false" />
<Input label="Calories burned" type="number" placeholder="300" required="false" />
<Button variant="primary" href="#">Save</Button>
<Button variant="secondary" href="#">Cancel</Button>
</Form>
</Card>