<Card title="Headcount Overview">
<Stat label="Current headcount" value="124" change="▲" note="as of today" tone="neutral" />
<Stat label="Avg time to hire" value="32 days" change="↓ 2 days" note="compared to last month" tone="info" />
</Card>

<Card title="Open Roles">
Software Engineer – Engineering<br>
Product Manager – Product<br>
Marketing Specialist – Marketing<br>
HR Coordinator – HR
</Card>

<Card title="Pipeline Candidates">
<Steps>
<Step title="Sourcing" status="todo">45 candidates</Step>
<Step title="Screening" status="todo">30 candidates</Step>
<Step title="Interview" status="current">12 candidates</Step>
<Step title="Offer" status="todo">5 candidates</Step>
<Step title="Hired" status="todo">3 candidates</Step>
</Steps>
</Card>

<Card title="Headcount by Department">
<Chart type="pie" title="Headcount by Department" x="Department" y="Headcount">
| Department | Headcount |
|---|---|
| Engineering | 55 |
| Product | 30 |
| Marketing | 20 |
| HR | 12 |
| Sales | 7 |
</Chart>
</Card>

<Card title="Interviews Scheduled This Week">
<Stat label="Interviews this week" value="8" change="—" note="scheduled" tone="info" />
</Card>

<Card title="Attrition (last 6 months)">
<Chart type="line" title="Attrition Rate" x="Month" y="Attrition">
| Month | Attrition |
|---|---|
| Jan | 2 |
| Feb | 1 |
| Mar | 3 |
| Apr | 2 |
| May | 1 |
| Jun | 2 |
</Chart>
</Card>

<Card title="Add New Role">
<Button variant="primary" href="#">Add New Role</Button>
</Card>