# Hiring overview

<Callout tone="info" title="Dashboard snapshot">Hiring is on track — time to hire is down 4 days and attrition has fallen for three straight months.</Callout>

<Button variant="primary" ask="Help me open a new role">Open role</Button>

<Columns>
<Card>
<Stat label="Current headcount" value="248" change="+6 this quarter" note="242 last quarter" tone="success" icon="users" />
</Card>
<Card>
<Stat label="Avg. time to hire" value="32 days" change="−4 vs last quarter" tone="success" icon="timer" />
</Card>
<Card>
<Stat label="Interviews this week" value="8" change="5 onsite · 3 remote" icon="calendar" />
</Card>
<Card>
<Stat label="Attrition · 6 months" value="8.2%" change="−1.1 pts" tone="success" icon="user-minus" />
</Card>
</Columns>

<Card title="Open roles">
| Role | Department | Applicants | Days open |
|---|---|---|---|
| Frontend Engineer | Engineering | 42 | 14 |
| Backend Engineer | Engineering | 31 | 14 |
| Senior Product Designer | Design | 18 | 21 |
| Growth Marketing Manager | Marketing | 12 | 28 |
| Sales Development Rep | Sales | 9 | 35 |
| HR Business Partner | People | 7 | 10 |
</Card>

<Card title="Candidates by pipeline stage">
<Chart type="horizontal" x="Stage" y="Candidates">
| Stage | Candidates |
|---|---|
| Applied | 486 |
| Screening | 142 |
| Interview | 58 |
| Offer | 9 |
| Hired | 3 |
</Chart>
</Card>

<Columns>
<Card title="Interviews this week">
| Day & time | Candidate | Role | Interviewer |
|---|---|---|---|
| Mon 9:00 | Maya Chen | Frontend Engineer | A. Rodriguez |
| Mon 11:30 | Tom Okafor | Senior Product Designer | L. Peters |
| Tue 10:00 | Priya Sharma | Growth Marketing Manager | D. Kim |
| Tue 14:00 | Lucas Meyer | Backend Engineer | J. Torres |
| Wed 9:30 | Sofia Rossi | Sales Development Rep | M. Nguyen |
| Wed 15:00 | Ethan Brooks | HR Business Partner | S. Osei |
| Thu 11:00 | Aisha Bello | Frontend Engineer | A. Rodriguez |
| Fri 10:30 | Daniel Novak | Senior Product Designer | L. Peters |
</Card>
<Card title="Headcount by department">
<Chart type="donut" x="Department" y="Headcount">
| Department | Headcount |
|---|---|
| Engineering | 96 |
| Sales | 52 |
| Marketing | 38 |
| Design | 24 |
| People | 16 |
| Finance | 12 |
| Operations | 10 |
</Chart>
</Card>
</Columns>

<Columns>
<Card title="Attrition — last 6 months">
<Chart type="area" x="Month" y="Leavers">
| Month | Leavers |
|---|---|
| Jul | 6 |
| Aug | 5 |
| Sep | 7 |
| Oct | 4 |
| Nov | 3 |
| Dec | 2 |
</Chart>
</Card>
<Card title="Open a new role">
<Form name="open-role">
<Input label="Role title" placeholder="e.g. Product Designer" required="true" />
<Select label="Department" placeholder="Choose a department" options="Engineering | Sales | Marketing | Design | People | Finance | Operations" required="true" />
<Select label="Hiring manager" placeholder="Choose a manager" options="A. Rodriguez | L. Peters | D. Kim | J. Torres | M. Nguyen | S. Osei" required="true" />
<Input label="Target start date" type="date" />
<TextArea label="Role summary" placeholder="Key responsibilities, level, and requirements" rows="3" />
<Button>Open role</Button>
</Form>
</Card>
</Columns>