/* Services — one featured entry (Recruitment, the actual conversion path)
plus three secondary cards, broken up with editorial numerals instead of
a uniform 2x2 icon-tile grid. */
const SERVICES = [
{
title: "Recruitment",
desc: "Permanent staffing and contract hiring, managed end-to-end — role scoping, sourcing, screening, and onboarding the right person, not just a fast one.",
icon: "recruitment",
links: [
{ label: "Submit your resume", href: "candidate" },
{ label: "Looking to hire?", href: "recruiter" },
],
featured: true,
},
{
title: "Career Guidance",
desc: "One-on-one guidance for professionals at a crossroads — resume, interview preparation, and honest clarity on the right next step.",
icon: "career",
},
{
title: "Sales Consulting",
desc: "Sales effectiveness done practically — process, pipeline discipline, and team coaching for businesses that need to sell better, not just harder.",
icon: "sales",
},
{
title: "HR Advisory",
desc: "Policy, process, and people-strategy support for founders and HR teams building their function from the ground up.",
icon: "hr",
},
];
const Services = () => {
return (
What I help with.}
subtitle="Four areas, one practice — each grounded in the same experience with people and organisations."
/>
{SERVICES.map((s, i) => (
))}
);
};
const Numeral = ({ n, size = 30 }) => (
{String(n).padStart(2, "0")}
);
const ServiceCard = ({ service, index }) => {
if (service.featured) {
return (