Blog
export default function PRFMDHRHubMockup() {
const steps = [
{ title: “Offer Accepted”, owner: “HR”, status: “Done” },
{ title: “Packet Sent”, owner: “HR”, status: “In Progress” },
{ title: “Forms Verified”, owner: “HR”, status: “Pending” },
{ title: “Chief Approval”, owner: “Fire Chief”, status: “Pending” },
{ title: “Payroll Activated”, owner: “Finance”, status: “Pending” },
{ title: “Gear + IT Setup”, owner: “Ops”, status: “Pending” },
];
const cards = [
{
title: “Start New Hire”,
desc: “Launch a guided onboarding workflow for firefighters, admin staff, and volunteers.”,
cta: “Create onboarding record”,
},
{
title: “Pending Approvals”,
desc: “Review packets, missing forms, and chief sign-off tasks in one queue.”,
cta: “Open approval queue”,
},
{
title: “Employee Files”,
desc: “Secure personnel folders with forms, certifications, acknowledgements, and payroll docs.”,
cta: “Browse personnel library”,
},
];
const quickLinks = [
“New Hire Packet”,
“I-9 and E-Verify”,
“IRS W-4”,
“Arizona A-4”,
“Direct Deposit”,
“SOG / Policy Acknowledgements”,
“Uniform + PPE Request”,
“IT / Email Setup”,
];
const checklist = [
“Offer letter signed”,
“Internal packet complete”,
“Official tax forms attached”,
“Certifications uploaded”,
“Badge / ID photo scheduled”,
“ESO / payroll / email account setup”,
“Orientation date confirmed”,
];
const statusClass = (status) => {
if (status === “Done”) return “bg-emerald-100 text-emerald-700”;
if (status === “In Progress”) return “bg-amber-100 text-amber-700”;
return “bg-slate-100 text-slate-700”;
};
return (
HR Hub
A centralized onboarding workspace for hiring, approvals, employee records, and new-hire readiness.
{card.title}
{card.desc}
))}
New Hire Workflow
Suggested Power Automate flow tied to a SharePoint onboarding list.
))}
Quick Links
))}
Day-One Readiness
))}
[“HR”, “Packet sent, verified, filed”],
[“Fire Chief”, “Approves hire and orientation readiness”],
[“Finance”, “Activates payroll and direct deposit”],
[“Operations / IT”, “Issues gear, ID, email, and systems access”],
].map(([role, desc]) => (
{desc}
))}
);
}