# Hiring Overview

<Columns>
<Stat label="Current Headcount" value="247" change="+12 this quarter" tone="success" icon="users" />
<Stat label="Avg Time to Hire" value="38 days" change="-3 days vs last quarter" tone="info" icon="calendar" />
<Stat label="Open Roles" value="18" change="5 added this week" tone="warning" icon="briefcase" />
<Stat label="Attrition (6mo)" value="8.2%" change="0.4% increase" tone="danger" icon="chart-line" />
</Columns>

<Card title="Open Roles by Department">
| Role | Department | Status | Posted |
|---|---|---|---|
| Senior Frontend Engineer | Engineering | Active | 2024-01-15 |
| Product Designer | Design | Active | 2024-01-18 |
| Sales Development Rep | Sales | Active | 2024-01-20 |
| DevOps Engineer | Engineering | Active | 2024-01-22 |
| Customer Success Manager | Customer Success | Pending approval | 2024-01-25 |
| Marketing Analyst | Marketing | Active | 2024-01-26 |
| Backend Engineer | Engineering | Active | 2024-01-28 |
| HR Business Partner | People | Draft | — |
</Card>

<Columns>
<Card title="Pipeline Candidates by Stage">
<Chart type="horizontal" x="Count" y="Stage">
| Stage | Count |
|---|---|
| Applied | 342 |
| Screen | 87 |
| Technical | 34 |
| Onsite | 19 |
| Offer | 8 |
| Hired | 12 |
</Chart>
</Card>

<Card title="Headcount by Department">
<Chart type="donut" x="Department" y="Count">
| Department | Count |
|---|---|
| Engineering | 89 |
| Sales | 42 |
| Marketing | 28 |
| Customer Success | 24 |
| Design | 18 |
| Product | 16 |
| People | 12 |
| Finance | 10 |
| Operations | 8 |
</Chart>
</Card>
</Columns>

<Card title="Interviews Scheduled This Week">
| Date | Time | Candidate | Role | Interviewers | Stage |
|---|---|---|---|---|---|
| Mon Jan 29 | 10:00 AM | Alex Chen | Senior Frontend | Sarah K., Mike R. | Technical |
| Mon Jan 29 | 2:00 PM | Jordan Lee | Product Designer | Priya M., Tom H. | Onsite |
| Tue Jan 30 | 11:00 AM | Taylor Kim | DevOps Engineer | David L., Emma W. | Screen |
| Wed Jan 31 | 9:30 AM | Morgan Park | Sales Dev Rep | Lisa T., Chris P. | Technical |
| Thu Feb 1 | 1:00 PM | Casey Wong | Backend Engineer | Ryan S., Nina V. | Onsite |
| Fri Feb 2 | 10:30 AM | Riley Brooks | Marketing Analyst | Amanda K., Josh M. | Screen |
</Card>

<Card title="Attrition Trend (Last 6 Months)">
<Chart type="line" x="Month" y="Attrition %">
| Month | Attrition % |
|---|---|
| Aug 2023 | 6.8% |
| Sep 2023 | 7.1% |
| Oct 2023 | 7.5% |
| Nov 2023 | 7.8% |
| Dec 2023 | 8.0% |
| Jan 2024 | 8.2% |
</Chart>
</Card>

<Card title="Open New Role">
<Form name="new-role-request">
<Columns>
<Input label="Role Title" name="title" placeholder="e.g., Senior Backend Engineer" required="true" />
<Select label="Department" name="department" placeholder="Select department" options="Engineering | Design | Sales | Marketing | Customer Success | Product | People | Finance | Operations" required="true" />
</Columns>
<Columns>
<Input label="Hiring Manager" name="hiringManager" placeholder="e.g., Sarah Kim" required="true" />
<Select label="Employment Type" name="employmentType" placeholder="Select type" options="Full-time | Part-time | Contract | Intern" value="Full-time" />
</Columns>
<Columns>
<Input label="Target Start Date" name="targetStart" type="date" required="true" />
<Select label="Priority" name="priority" placeholder="Select priority" options="High | Medium | Low" value="Medium" />
</Columns>
<TextArea label="Job Description" name="description" placeholder="Key responsibilities, requirements, nice-to-haves..." rows="5" hint="This will be used for the job posting" required="true" />
<Columns>
<Input label="Salary Range (Min)" name="salaryMin" type="number" placeholder="e.g., 120000" step="5000" />
<Input label="Salary Range (Max)" name="salaryMax" type="number" placeholder="e.g., 180000" step="5000" />
</Columns>
<Button>Submit for Approval</Button>
<Button variant="tertiary">Save as Draft</Button>
</Form>
</Card>