<Card title="Current Headcount">
<Badge tone="success">On track</Badge>
<Stat label="Headcount" value="245" change="+" tone="success" />
</Card>

<Card title="Open Roles">
Open positions by department:
- Software Engineer – Engineering
- Product Manager – Product
- Marketing Specialist – Marketing
- HR Generalist – HR
</Card>

<Card title="Candidates by Pipeline Stage">
<Steps>
<Step title="Application" status="todo">12 candidates</Step>
<Step title="Screening" status="todo">8 candidates</Step>
<Step title="Interview" status="current">5 candidates</Step>
<Step title="Offer" status="todo">3 candidates</Step>
<Step title="Hired" status="todo">2 candidates</Step>
</Steps>
</Card>

<Card title="Average Time to Hire">
<Stat label="Avg. Time to Hire" value="22 days" change="-2" tone="info" />
</Card>

<Card title="Headcount by Department">
<Chart type="pie" title="Headcount by Department" x="Department" y="Headcount">
| Department | Headcount |
|---|---|
| Engineering | 100 |
| Product | 60 |
| Marketing | 40 |
| HR | 30 |
| Sales | 15 |
</Chart>
</Card>

<Card title="Interviews Scheduled This Week">
<Stat label="Interviews" value="12" change="+" tone="success" />
<Callout tone="info" title="Scheduled">12 interviews planned for the week</Callout>
</Card>

<Card title="Attrition Past Six Months">
<Stat label="Total Attrition" value="24" change="+" tone="warning" />
<Chart type="line" title="Attrition Past Six Months" x="Month" y="Attrition">
| Month | Attrition |
|---|---|
| Jan | 5 |
| Feb | 3 |
| Mar | 4 |
| Apr | 6 |
| May | 2 |
| Jun | 4 |
</Chart>
</Card>

<Card title="Add New Role">
<Form name="new-role">
<Input label="Role title" name="role_title" type="text" placeholder="e.g., Data Analyst" required="true" />
<Select label="Department" name="department" options="Engineering | Marketing | Sales | HR" placeholder="Choose department" required="true" />
<TextArea label="Description" name="description" placeholder="Brief role description" rows="2" required="false" />
<Button variant="primary" href="#" size="medium">Create Role</Button>
</Form>
</Card>