{"id":10,"date":"2025-09-23T14:36:24","date_gmt":"2025-09-23T14:36:24","guid":{"rendered":"https:\/\/tmuthambiholdings.co.za\/?p=10"},"modified":"2025-09-23T14:36:24","modified_gmt":"2025-09-23T14:36:24","slug":"10","status":"publish","type":"post","link":"https:\/\/tmuthambiholdings.co.za\/index.php\/2025\/09\/23\/10\/","title":{"rendered":""},"content":{"rendered":"<p><!DOCTYPE html><br \/>\n<html lang=\"en\"><br \/>\n<head><br \/>\n  <meta charset=\"UTF-8\" \/><br \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/><br \/>\n  <title>T Muthambi Holdings \u2014 Recruitment &#038; Staffing Solutions<\/title><\/p>\n<p>  <!-- Tailwind CSS --><br \/>\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><br \/>\n  <!-- Font -->\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n<style>\n    :root{\n      --bg:#0b1020;        \/* deep navy *\/\n      --surface:#10162b;   \/* card surface *\/\n      --brand:#7c3aed;     \/* violet *\/\n      --brand2:#06b6d4;    \/* cyan *\/\n      --muted:#9fb4ff;     \/* soft accent *\/\n    }\n    body{ font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; }\n    .bg-aurora{\n      background:\n       radial-gradient(900px 600px at -10% -20%, rgba(124,58,237,.25), transparent 60%),\n       radial-gradient(900px 600px at 110% 0%, rgba(6,182,212,.25), transparent 60%),\n       radial-gradient(700px 500px at 50% 120%, rgba(56,189,248,.16), transparent 60%),\n       var(--bg);\n      animation: moveBg 18s ease-in-out infinite alternate;\n    }\n    @keyframes moveBg{\n      0%{ background-position: 0 0, 0 0, 0 0, 0 0; }\n      100%{ background-position: -40px -20px, 30px 10px, 0 40px, 0 0; }\n    }\n    .frost{ background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03)); border: 1px solid rgba(255,255,255,.08); backdrop-filter: blur(8px); }\n    .glow{ box-shadow: 0 0 0 1px rgba(255,255,255,.05), 0 10px 30px rgba(124,58,237,.25); }\n    .grad-text{ background: linear-gradient(90deg, var(--brand), var(--brand2)); -webkit-background-clip:text; background-clip:text; color:transparent; }\n    .ring-focus:focus-visible{ outline:3px solid rgba(6,182,212,.7); outline-offset:2px; border-radius:.75rem; }\n    section{ scroll-margin-top: 100px; }\n  <\/style>\n<p><\/head><br \/>\n<body class=\"bg-aurora text-slate-200 selection:bg-fuchsia-400\/30 selection:text-white\"><br \/>\n  <!-- Header --><\/p>\n<header class=\"fixed top-0 inset-x-0 z-50\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n<div class=\"mt-4 mb-3 flex items-center justify-between rounded-2xl frost glow px-4 py-3\">\n        <a href=\"#top\" class=\"flex items-center gap-3 group ring-focus\"><\/p>\n<div class=\"h-10 w-10 rounded-xl bg-gradient-to-br from-fuchsia-500 to-cyan-400 grid place-items-center text-white font-extrabold shadow-lg\">\n            TM\n          <\/div>\n<div>\n<div class=\"text-xs uppercase tracking-widest text-slate-400\">T Muthambi Holdings<\/div>\n<div class=\"text-white font-semibold -mt-0.5 leading-4\">Recruitment &#038; Staffing<\/div>\n<\/p><\/div>\n<p>        <\/a><\/p>\n<nav class=\"hidden md:flex items-center gap-1\">\n          <a href=\"#summary\" class=\"px-3 py-2 rounded-lg text-slate-300 hover:text-white hover:bg-white\/5 transition ring-focus\">Summary<\/a><br \/>\n          <a href=\"#company\" class=\"px-3 py-2 rounded-lg text-slate-300 hover:text-white hover:bg-white\/5 transition ring-focus\">Company<\/a><br \/>\n          <a href=\"#services\" class=\"px-3 py-2 rounded-lg text-slate-300 hover:text-white hover:bg-white\/5 transition ring-focus\">Services<\/a><br \/>\n          <a href=\"#market\" class=\"px-3 py-2 rounded-lg text-slate-300 hover:text-white hover:bg-white\/5 transition ring-focus\">Market<\/a><br \/>\n          <a href=\"#operations\" class=\"px-3 py-2 rounded-lg text-slate-300 hover:text-white hover:bg-white\/5 transition ring-focus\">Operations<\/a><br \/>\n          <a href=\"#financials\" class=\"px-3 py-2 rounded-lg text-slate-300 hover:text-white hover:bg-white\/5 transition ring-focus\">Financials<\/a><br \/>\n          <a href=\"#contact\" class=\"px-3 py-2 rounded-lg text-slate-300 hover:text-white hover:bg-white\/5 transition ring-focus\">Contact<\/a><br \/>\n        <\/nav>\n<div class=\"flex items-center gap-2\">\n          <a href=\"#contact\" class=\"hidden sm:inline-flex items-center gap-2 px-3 sm:px-4 py-2 rounded-xl bg-gradient-to-r from-fuchsia-500 to-cyan-400 text-white font-semibold shadow-lg hover:opacity-95 transition ring-focus\"><br \/>\n            Hire Talent<br \/>\n          <\/a><br \/>\n          <button id=\"menuBtn\" class=\"md:hidden px-3 py-2 rounded-lg bg-white\/5 text-white hover:bg-white\/10 transition ring-focus\" aria-label=\"Open menu\"><br \/>\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z\"\/><\/svg><br \/>\n          <\/button>\n        <\/div>\n<\/p><\/div>\n<p>      <!-- Mobile menu --><\/p>\n<div id=\"mobileMenu\" class=\"md:hidden hidden frost rounded-xl glow overflow-hidden\">\n        <a href=\"#summary\" class=\"block px-4 py-3 hover:bg-white\/5\">Summary<\/a><br \/>\n        <a href=\"#company\" class=\"block px-4 py-3 hover:bg-white\/5\">Company<\/a><br \/>\n        <a href=\"#services\" class=\"block px-4 py-3 hover:bg-white\/5\">Services<\/a><br \/>\n        <a href=\"#market\" class=\"block px-4 py-3 hover:bg-white\/5\">Market<\/a><br \/>\n        <a href=\"#operations\" class=\"block px-4 py-3 hover:bg-white\/5\">Operations<\/a><br \/>\n        <a href=\"#financials\" class=\"block px-4 py-3 hover:bg-white\/5\">Financials<\/a><br \/>\n        <a href=\"#contact\" class=\"block px-4 py-3 hover:bg-white\/5\">Contact<\/a>\n      <\/div>\n<\/p><\/div>\n<\/header>\n<p>  <main id=\"top\" class=\"pt-40\"><br \/>\n    <!-- Hero --><\/p>\n<section class=\"relative\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n<div class=\"grid md:grid-cols-2 gap-10 items-center\">\n<div class=\"space-y-6\">\n            <span class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-white\/5 text-slate-300 text-sm ring-1 ring-white\/10\"><br \/>\n              \ud83e\udd1d Recruitment &#038; Staffing Solutions \u2022 South Africa<br \/>\n            <\/span><\/p>\n<h1 class=\"text-4xl sm:text-5xl lg:text-6xl font-extrabold leading-tight\">\n              T Muthambi Holdings <span class=\"grad-text\">connects top talent<\/span> with growing organisations<br \/>\n            <\/h1>\n<p class=\"text-slate-300\/90 text-lg leading-relaxed max-w-xl\">\n              Ethical, efficient, and tailored recruitment services across permanent, temporary, and executive placements \u2014 built on integrity, innovation, and service excellence.\n            <\/p>\n<div class=\"flex flex-wrap items-center gap-3\">\n              <a href=\"#services\" class=\"px-5 py-3 rounded-xl bg-gradient-to-r from-fuchsia-500 to-cyan-400 text-white font-semibold shadow-lg hover:opacity-95 transition ring-focus\"><br \/>\n                Explore Services<br \/>\n              <\/a><br \/>\n              <button id=\"openProposal\" class=\"px-5 py-3 rounded-xl bg-white\/10 hover:bg-white\/15 text-white font-semibold transition ring-focus\"><br \/>\n                Request Proposal<br \/>\n              <\/button>\n            <\/div>\n<div class=\"flex items-center gap-5 pt-2 text-slate-400\">\n<div class=\"flex items-center gap-2\">\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7m0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z\"\/><\/svg><br \/>\n                <span>South Africa<\/span>\n              <\/div>\n<div class=\"flex items-center gap-2\">\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 12.713L.015 6.09A1 1 0 0 1 0 5.926C0 5.414.414 5 0.926 5h22.148C23.586 5 24 5.414 24 5.926a1 1 0 0 1-.015.164L12 12.713Zm0 2.574l12-6.622V18.5A1.5 1.5 0 0 1 22.5 20h-21A1.5 1.5 0 0 1 0 18.5V8.665l12 6.622Z\"\/><\/svg><br \/>\n                <span>info@tmuthambiholdings.co.za<\/span>\n              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>          <!-- Hero visual --><\/p>\n<div class=\"relative\">\n<div class=\"rounded-3xl frost glow p-6 sm:p-8\">\n<div class=\"aspect-[4\/3] rounded-2xl bg-gradient-to-br from-fuchsia-500\/20 to-cyan-400\/20 grid place-items-center border border-white\/10\">\n                <svg viewBox=\"0 0 320 240\" class=\"w-full h-full\">\n                  <defs>\n                    <linearGradient id=\"g1\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n                      <stop offset=\"0\" stop-color=\"#7c3aed\"\/>\n                      <stop offset=\"1\" stop-color=\"#06b6d4\"\/>\n                    <\/linearGradient>\n                  <\/defs>\n                  <rect x=\"35\" y=\"35\" width=\"250\" height=\"70\" rx=\"14\" fill=\"url(#g1)\" opacity=\"0.9\"\/>\n                  <rect x=\"35\" y=\"120\" width=\"250\" height=\"20\" rx=\"10\" fill=\"url(#g1)\" opacity=\"0.5\"\/>\n                  <rect x=\"35\" y=\"150\" width=\"220\" height=\"20\" rx=\"10\" fill=\"url(#g1)\" opacity=\"0.35\"\/>\n                  <g transform=\"translate(60 190)\">\n                    <circle cx=\"0\" cy=\"0\" r=\"14\" fill=\"url(#g1)\"\/>\n                    <rect x=\"24\" y=\"-8\" width=\"90\" height=\"16\" rx=\"8\" fill=\"url(#g1)\" opacity=\"0.7\"\/>\n                  <\/g>\n                <\/svg>\n              <\/div>\n<div class=\"mt-4 text-slate-300 text-sm\">Modern HR visual \u2022 Replace with your brand elements anytime<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- 1. Executive Summary --><\/p>\n<section id=\"summary\" class=\"mt-24\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n<div class=\"rounded-3xl frost glow p-6 sm:p-8\">\n<h2 class=\"text-2xl sm:text-3xl font-extrabold\">Executive <span class=\"grad-text\">Summary<\/span><\/h2>\n<p class=\"text-slate-300 mt-4 leading-relaxed\">\n            T Muthambi Holdings is a Black woman-owned recruitment agency based in South Africa, dedicated to connecting top-tier talent with businesses across various industries. Our mission is to provide ethical, efficient, and tailored recruitment services that address the workforce needs of both employers and job seekers. We aim to become a trusted partner in workforce solutions through innovation, integrity, and service excellence.\n          <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- 2. Company Description --><\/p>\n<section id=\"company\" class=\"mt-24\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n<div class=\"grid lg:grid-cols-3 gap-6\">\n<div class=\"lg:col-span-1\">\n<h2 class=\"text-2xl sm:text-3xl font-extrabold\">Company<\/h2>\n<p class=\"text-slate-400 mt-2\">At-a-glance details.<\/p>\n<\/p><\/div>\n<div class=\"lg:col-span-2 grid sm:grid-cols-2 gap-4\">\n<div class=\"rounded-2xl frost p-5\">\n<div class=\"text-slate-400 text-sm\">Name<\/div>\n<div class=\"font-semibold mt-1\">T Muthambi Holdings (Pty) Ltd<\/div>\n<\/p><\/div>\n<div class=\"rounded-2xl frost p-5\">\n<div class=\"text-slate-400 text-sm\">Registration Number<\/div>\n<div class=\"font-semibold mt-1\">[Insert once registered]<\/div>\n<\/p><\/div>\n<div class=\"rounded-2xl frost p-5\">\n<div class=\"text-slate-400 text-sm\">Location<\/div>\n<div class=\"font-semibold mt-1\">[Insert address]<\/div>\n<\/p><\/div>\n<div class=\"rounded-2xl frost p-5\">\n<div class=\"text-slate-400 text-sm\">Ownership<\/div>\n<div class=\"font-semibold mt-1\">100% Black woman-owned<\/div>\n<\/p><\/div>\n<div class=\"rounded-2xl frost p-5\">\n<div class=\"text-slate-400 text-sm\">Legal Structure<\/div>\n<div class=\"font-semibold mt-1\">Private Company (Pty) Ltd<\/div>\n<\/p><\/div>\n<div class=\"rounded-2xl frost p-5\">\n<div class=\"text-slate-400 text-sm\">Sector<\/div>\n<div class=\"font-semibold mt-1\">Recruitment, HR Consulting, Staffing Solutions<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- 3. Vision & Mission --><\/p>\n<section id=\"vision\" class=\"mt-24\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n<div class=\"grid md:grid-cols-2 gap-6\">\n<div class=\"rounded-2xl frost glow p-6\">\n<h3 class=\"text-xl font-bold\">Vision<\/h3>\n<p class=\"text-slate-300 mt-2\">\n              To be South Africa\u2019s leading recruitment agency known for integrity, inclusivity, and performance-driven hiring.\n            <\/p>\n<\/p><\/div>\n<div class=\"rounded-2xl frost glow p-6\">\n<h3 class=\"text-xl font-bold\">Mission<\/h3>\n<p class=\"text-slate-300 mt-2\">\n              To deliver innovative and personalised staffing solutions that empower businesses and individuals alike.\n            <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- 4. Services --><\/p>\n<section id=\"services\" class=\"mt-24\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n<div class=\"flex items-end justify-between\">\n<div>\n<h2 class=\"text-2xl sm:text-3xl font-extrabold\">Services<\/h2>\n<p class=\"text-slate-400 mt-2\">Tailored hiring support end-to-end.<\/p>\n<\/p><\/div>\n<p>          <a href=\"#contact\" class=\"hidden sm:inline-flex px-4 py-2 rounded-xl bg-white\/10 hover:bg-white\/15 transition ring-focus\">Start a brief<\/a>\n        <\/div>\n<div class=\"grid md:grid-cols-3 gap-6 mt-8\">\n          <!-- Cards --><\/p>\n<div class=\"rounded-2xl frost glow p-6 flex flex-col\">\n<div class=\"h-10 w-10 rounded-lg bg-gradient-to-br from-fuchsia-500 to-cyan-400 grid place-items-center text-white shadow-lg\">\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 12a5 5 0 1 0-5-5a5 5 0 0 0 5 5M3 20a9 9 0 0 1 18 0z\"\/><\/svg>\n            <\/div>\n<h3 class=\"font-bold text-lg mt-4\">Permanent Placements<\/h3>\n<p class=\"text-slate-300 mt-2\">Quality long-term hires matched to culture and goals.<\/p>\n<p>            <button data-service=\"Permanent Placements\" class=\"mt-4 px-4 py-2 rounded-lg bg-white\/10 hover:bg-white\/15 transition enquire-btn\">Enquire<\/button>\n          <\/div>\n<div class=\"rounded-2xl frost glow p-6 flex flex-col\">\n<div class=\"h-10 w-10 rounded-lg bg-gradient-to-br from-fuchsia-500 to-cyan-400 grid place-items-center text-white shadow-lg\">\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M4 4h16v6H4zm0 8h10v8H4z\"\/><\/svg>\n            <\/div>\n<h3 class=\"font-bold text-lg mt-4\">Temporary &#038; Contract Staffing<\/h3>\n<p class=\"text-slate-300 mt-2\">Scalable project and seasonal coverage with speed.<\/p>\n<p>            <button data-service=\"Temporary &#038; Contract Staffing\" class=\"mt-4 px-4 py-2 rounded-lg bg-white\/10 hover:bg-white\/15 transition enquire-btn\">Enquire<\/button>\n          <\/div>\n<div class=\"rounded-2xl frost glow p-6 flex flex-col\">\n<div class=\"h-10 w-10 rounded-lg bg-gradient-to-br from-fuchsia-500 to-cyan-400 grid place-items-center text-white shadow-lg\">\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"m12 2l3 7l7 .5l-5.3 4.6l1.7 7L12 17l-6.4 4.1l1.7-7L2 9.5L9 9z\"\/><\/svg>\n            <\/div>\n<h3 class=\"font-bold text-lg mt-4\">Executive Search &#038; Head-Hunting<\/h3>\n<p class=\"text-slate-300 mt-2\">Discreet leadership hiring with proven networks.<\/p>\n<p>            <button data-service=\"Executive Search &#038; Head-Hunting\" class=\"mt-4 px-4 py-2 rounded-lg bg-white\/10 hover:bg-white\/15 transition enquire-btn\">Enquire<\/button>\n          <\/div>\n<div class=\"rounded-2xl frost glow p-6 flex flex-col\">\n<div class=\"h-10 w-10 rounded-lg bg-gradient-to-br from-fuchsia-500 to-cyan-400 grid place-items-center text-white shadow-lg\">\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 3l9 6l-9 6l-9-6zM3 16h18v2H3z\"\/><\/svg>\n            <\/div>\n<h3 class=\"font-bold text-lg mt-4\">Learnership &#038; Internship Placements<\/h3>\n<p class=\"text-slate-300 mt-2\">Structured youth pathways aligned with B\u2011BBEE.<\/p>\n<p>            <button data-service=\"Learnership &#038; Internship Placements\" class=\"mt-4 px-4 py-2 rounded-lg bg-white\/10 hover:bg-white\/15 transition enquire-btn\">Enquire<\/button>\n          <\/div>\n<div class=\"rounded-2xl frost glow p-6 flex flex-col\">\n<div class=\"h-10 w-10 rounded-lg bg-gradient-to-br from-fuchsia-500 to-cyan-400 grid place-items-center text-white shadow-lg\">\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M3 4h18v2H3zm3 4h12v2H6zM4 12h16v2H4zm2 4h12v2H6z\"\/><\/svg>\n            <\/div>\n<h3 class=\"font-bold text-lg mt-4\">HR Consulting &#038; Compliance<\/h3>\n<p class=\"text-slate-300 mt-2\">Policies, audits, and advisory to stay compliant.<\/p>\n<p>            <button data-service=\"HR Consulting &#038; Compliance\" class=\"mt-4 px-4 py-2 rounded-lg bg-white\/10 hover:bg-white\/15 transition enquire-btn\">Enquire<\/button>\n          <\/div>\n<div class=\"rounded-2xl frost glow p-6 flex flex-col\">\n<div class=\"h-10 w-10 rounded-lg bg-gradient-to-br from-fuchsia-500 to-cyan-400 grid place-items-center text-white shadow-lg\">\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M10 2h4v2h-4zM4 6h16v2H4zm2 4h12v2H6zM4 14h16v2H4zm6 4h4v2h-4z\"\/><\/svg>\n            <\/div>\n<h3 class=\"font-bold text-lg mt-4\">Candidate Screening &#038; Background Checks<\/h3>\n<p class=\"text-slate-300 mt-2\">Vetting, references, and checks for safe hires.<\/p>\n<p>            <button data-service=\"Candidate Screening &#038; Background Checks\" class=\"mt-4 px-4 py-2 rounded-lg bg-white\/10 hover:bg-white\/15 transition enquire-btn\">Enquire<\/button>\n          <\/div>\n<div class=\"rounded-2xl frost glow p-6 flex flex-col md:col-span-3\">\n<div class=\"flex items-center gap-3\">\n<div class=\"h-10 w-10 rounded-lg bg-gradient-to-br from-fuchsia-500 to-cyan-400 grid place-items-center text-white shadow-lg\">\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 3a9 9 0 1 0 9 9a9.01 9.01 0 0 0-9-9m1 13h-2v-2h2zm0-4h-2V7h2z\"\/><\/svg>\n              <\/div>\n<div>\n<h3 class=\"font-bold text-lg\">Employee Wellness Referrals<\/h3>\n<p class=\"text-slate-300 mt-1\">Trusted partners for mental health, financial coaching, and support.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"mt-4\">\n              <button data-service=\"Employee Wellness Referrals\" class=\"px-4 py-2 rounded-lg bg-white\/10 hover:bg-white\/15 transition enquire-btn\">Enquire<\/button>\n            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- 5\u20137. Target Market & Market Analysis & Marketing\/Sales --><\/p>\n<section id=\"market\" class=\"mt-24\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n<div class=\"grid lg:grid-cols-3 gap-8\">\n          <!-- Target Market --><\/p>\n<div class=\"lg:col-span-1\">\n<h2 class=\"text-2xl sm:text-3xl font-extrabold\">Target Market<\/h2>\n<p class=\"text-slate-400 mt-2\">Who we serve.<\/p>\n<div class=\"mt-4 flex flex-wrap gap-2\">\n              <span class=\"px-3 py-1 rounded-full bg-white\/10\">Corporate: SMEs\u2013Enterprises<\/span><br \/>\n              <span class=\"px-3 py-1 rounded-full bg-white\/10\">Government &#038; Parastatals<\/span><br \/>\n              <span class=\"px-3 py-1 rounded-full bg-white\/10\">NGOs &#038; NPOs<\/span><br \/>\n              <span class=\"px-3 py-1 rounded-full bg-white\/10\">Retail<\/span><br \/>\n              <span class=\"px-3 py-1 rounded-full bg-white\/10\">Logistics<\/span><br \/>\n              <span class=\"px-3 py-1 rounded-full bg-white\/10\">Admin<\/span><br \/>\n              <span class=\"px-3 py-1 rounded-full bg-white\/10\">Education<\/span><br \/>\n              <span class=\"px-3 py-1 rounded-full bg-white\/10\">Finance<\/span><br \/>\n              <span class=\"px-3 py-1 rounded-full bg-white\/10\">Health<\/span><br \/>\n              <span class=\"px-3 py-1 rounded-full bg-white\/10\">Security<\/span><br \/>\n              <span class=\"px-3 py-1 rounded-full bg-white\/10\">Job Seekers (All levels)<\/span>\n            <\/div>\n<\/p><\/div>\n<p>          <!-- Market Analysis --><\/p>\n<div class=\"lg:col-span-2\">\n<div class=\"rounded-2xl frost glow p-6\">\n<h3 class=\"text-xl font-bold\">Market Analysis<\/h3>\n<p class=\"text-slate-300 mt-2\">\n                South Africa has a growing demand for skilled labour, especially among youth and professionals. Many employers are outsourcing recruitment to streamline operations. Our agency meets this need through a compliant, responsive, and tech\u2011savvy approach.\n              <\/p>\n<div class=\"grid sm:grid-cols-3 gap-4 mt-4\">\n<div class=\"rounded-xl bg-emerald-500\/10 border border-emerald-400\/30 p-4\">\n<div class=\"text-emerald-300 text-sm\">Key Stat<\/div>\n<div class=\"text-2xl font-extrabold mt-1\">35%+<\/div>\n<div class=\"text-slate-300 text-sm\">Youth unemployment (StatsSA)<\/div>\n<\/p><\/div>\n<div class=\"rounded-xl bg-cyan-500\/10 border border-cyan-400\/30 p-4\">\n<div class=\"text-cyan-300 text-sm\">High Demand<\/div>\n<div class=\"text-sm mt-1\">Health \u2022 IT \u2022 Finance \u2022 Security \u2022 Admin<\/div>\n<\/p><\/div>\n<div class=\"rounded-xl bg-fuchsia-500\/10 border border-fuchsia-400\/30 p-4\">\n<div class=\"text-fuchsia-300 text-sm\">Trend<\/div>\n<div class=\"text-sm mt-1\">Outsourcing recruitment to specialists<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>              <!-- Simple bar chart --><\/p>\n<div class=\"mt-6 rounded-xl bg-white\/5 p-4\">\n<div class=\"text-slate-400 text-sm mb-2\">Illustrative demand by function<\/div>\n<div class=\"grid gap-2\">\n<div class=\"flex items-center gap-3\">\n                    <span class=\"w-24 text-sm text-slate-300\">Healthcare<\/span><\/p>\n<div class=\"flex-1 h-3 rounded-full bg-white\/10 overflow-hidden\">\n<div class=\"h-3 w-4\/5 bg-gradient-to-r from-fuchsia-500 to-cyan-400\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"flex items-center gap-3\">\n                    <span class=\"w-24 text-sm text-slate-300\">IT<\/span><\/p>\n<div class=\"flex-1 h-3 rounded-full bg-white\/10 overflow-hidden\">\n<div class=\"h-3 w-3\/4 bg-gradient-to-r from-fuchsia-500 to-cyan-400\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"flex items-center gap-3\">\n                    <span class=\"w-24 text-sm text-slate-300\">Finance<\/span><\/p>\n<div class=\"flex-1 h-3 rounded-full bg-white\/10 overflow-hidden\">\n<div class=\"h-3 w-2\/3 bg-gradient-to-r from-fuchsia-500 to-cyan-400\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"flex items-center gap-3\">\n                    <span class=\"w-24 text-sm text-slate-300\">Security<\/span><\/p>\n<div class=\"flex-1 h-3 rounded-full bg-white\/10 overflow-hidden\">\n<div class=\"h-3 w-3\/5 bg-gradient-to-r from-fuchsia-500 to-cyan-400\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"flex items-center gap-3\">\n                    <span class=\"w-24 text-sm text-slate-300\">Admin<\/span><\/p>\n<div class=\"flex-1 h-3 rounded-full bg-white\/10 overflow-hidden\">\n<div class=\"h-3 w-1\/2 bg-gradient-to-r from-fuchsia-500 to-cyan-400\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Marketing & Sales Strategy --><\/p>\n<div class=\"mt-6 rounded-2xl frost glow p-6\">\n<h3 class=\"text-xl font-bold\">Marketing &#038; Sales Strategy<\/h3>\n<ul class=\"mt-3 space-y-2 text-slate-300\">\n<li class=\"flex items-start gap-2\"><span class=\"mt-1 h-2 w-2 rounded-full bg-emerald-400\"><\/span> Online presence (website, LinkedIn, Facebook)<\/li>\n<li class=\"flex items-start gap-2\"><span class=\"mt-1 h-2 w-2 rounded-full bg-emerald-400\"><\/span> Job portals (PNet, Indeed, Careers24)<\/li>\n<li class=\"flex items-start gap-2\"><span class=\"mt-1 h-2 w-2 rounded-full bg-emerald-400\"><\/span> Direct email marketing &#038; cold calling<\/li>\n<li class=\"flex items-start gap-2\"><span class=\"mt-1 h-2 w-2 rounded-full bg-emerald-400\"><\/span> Networking with HR managers<\/li>\n<li class=\"flex items-start gap-2\"><span class=\"mt-1 h-2 w-2 rounded-full bg-emerald-400\"><\/span> Recruitment fairs &#038; expos<\/li>\n<li class=\"flex items-start gap-2\"><span class=\"mt-1 h-2 w-2 rounded-full bg-emerald-400\"><\/span> B\u2011BBEE partnerships &#038; supplier databases<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- 8. Operations Plan --><\/p>\n<section id=\"operations\" class=\"mt-24\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n<div class=\"rounded-3xl frost glow p-6 sm:p-8\">\n<div class=\"flex items-end justify-between\">\n<div>\n<h2 class=\"text-2xl sm:text-3xl font-extrabold\">Operations Plan<\/h2>\n<p class=\"text-slate-400 mt-2\">Tools, team, and workflow.<\/p>\n<\/p><\/div>\n<div class=\"hidden sm:flex gap-2\">\n              <span class=\"px-3 py-1 rounded-full bg-white\/10 text-sm\">ATS<\/span><br \/>\n              <span class=\"px-3 py-1 rounded-full bg-white\/10 text-sm\">CRM<\/span><br \/>\n              <span class=\"px-3 py-1 rounded-full bg-white\/10 text-sm\">Microsoft 365<\/span>\n            <\/div>\n<\/p><\/div>\n<div class=\"grid md:grid-cols-3 gap-6 mt-6\">\n<div class=\"rounded-2xl frost p-5\">\n<h3 class=\"font-bold\">Office Setup<\/h3>\n<p class=\"text-slate-300 mt-1\">Leased office space with interview rooms.<\/p>\n<\/p><\/div>\n<div class=\"rounded-2xl frost p-5\">\n<h3 class=\"font-bold\">Technology<\/h3>\n<p class=\"text-slate-300 mt-1\">Applicant Tracking System, CRM, Microsoft 365.<\/p>\n<\/p><\/div>\n<div class=\"rounded-2xl frost p-5\">\n<h3 class=\"font-bold\">Staffing<\/h3>\n<p class=\"text-slate-300 mt-1\">Recruitment consultants, admin officer, marketing assistant.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>          <!-- Workflow timeline --><\/p>\n<div class=\"mt-6\">\n<div class=\"text-slate-400 text-sm mb-2\">Workflow<\/div>\n<div class=\"grid md:grid-cols-7 gap-3\">\n<div class=\"rounded-xl bg-white\/5 p-3 text-center\">Client Briefing<\/div>\n<div class=\"rounded-xl bg-white\/5 p-3 text-center\">Job Spec<\/div>\n<div class=\"rounded-xl bg-white\/5 p-3 text-center\">Sourcing<\/div>\n<div class=\"rounded-xl bg-white\/5 p-3 text-center\">Screen &#038; Shortlist<\/div>\n<div class=\"rounded-xl bg-white\/5 p-3 text-center\">Interview<\/div>\n<div class=\"rounded-xl bg-white\/5 p-3 text-center\">Placement<\/div>\n<div class=\"rounded-xl bg-white\/5 p-3 text-center\">Follow-up<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- 9. Management Team --><\/p>\n<section id=\"team\" class=\"mt-24\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n<div class=\"grid lg:grid-cols-3 gap-8\">\n<div>\n<h2 class=\"text-2xl sm:text-3xl font-extrabold\">Management Team<\/h2>\n<p class=\"text-slate-400 mt-2\">Leadership with proven HR expertise.<\/p>\n<\/p><\/div>\n<div class=\"lg:col-span-2\">\n<div class=\"rounded-2xl frost glow p-6 flex flex-col sm:flex-row gap-5\">\n<div class=\"h-14 w-14 rounded-full bg-gradient-to-br from-fuchsia-500 to-cyan-400 grid place-items-center text-white font-bold text-lg\">TM<\/div>\n<div>\n<div class=\"font-semibold text-lg\">Thelma Muthambi<\/div>\n<div class=\"text-slate-400 text-sm\">Director &#038; Principal Consultant<\/div>\n<p class=\"text-slate-300 mt-3\">\n                  10+ years\u2019 experience in HR, compliance and workforce development.\n                <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- 10. Financial Plan --><\/p>\n<section id=\"financials\" class=\"mt-24\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n<div class=\"rounded-3xl frost glow p-6 sm:p-8\">\n<div class=\"flex items-end justify-between\">\n<div>\n<h2 class=\"text-2xl sm:text-3xl font-extrabold\">Financial Plan<\/h2>\n<p class=\"text-slate-400 mt-2\">Estimates for year one.<\/p>\n<\/p><\/div>\n<p>            <button id=\"toggleFin\" class=\"px-4 py-2 rounded-xl bg-white\/10 hover:bg-white\/15 transition ring-focus\">Show details<\/button>\n          <\/div>\n<div class=\"grid sm:grid-cols-3 gap-4 mt-6\">\n<div class=\"rounded-xl bg-fuchsia-500\/10 border border-fuchsia-400\/30 p-5\">\n<div class=\"text-fuchsia-300 text-sm\">Startup Costs<\/div>\n<div class=\"text-2xl font-extrabold mt-1\">\u00b1 R145,000<\/div>\n<div class=\"text-slate-300 text-sm mt-1\">Setup, licensing, branding, tech, salaries<\/div>\n<\/p><\/div>\n<div class=\"rounded-xl bg-cyan-500\/10 border border-cyan-400\/30 p-5\">\n<div class=\"text-cyan-300 text-sm\">Projected Revenue<\/div>\n<div class=\"text-2xl font-extrabold mt-1\">R900,000<\/div>\n<div class=\"text-slate-300 text-sm mt-1\">Placements + Temp &#038; Consulting<\/div>\n<\/p><\/div>\n<div class=\"rounded-xl bg-emerald-500\/10 border border-emerald-400\/30 p-5\">\n<div class=\"text-emerald-300 text-sm\">Placement Volume<\/div>\n<div class=\"text-2xl font-extrabold mt-1\">10 \/ month<\/div>\n<div class=\"text-slate-300 text-sm mt-1\">Avg fee ~ R5,000<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div id=\"finDetails\" class=\"hidden mt-6 grid md:grid-cols-2 gap-6\">\n<div class=\"rounded-2xl frost p-5\">\n<h3 class=\"font-bold\">Startup Costs<\/h3>\n<ul class=\"mt-2 space-y-1 text-slate-300\">\n<li>Office setup: R40,000<\/li>\n<li>Licensing &#038; legal: R10,000<\/li>\n<li>Marketing &#038; branding: R15,000<\/li>\n<li>Tech &#038; systems: R20,000<\/li>\n<li>Salaries (3 months): R60,000<\/li>\n<\/ul><\/div>\n<div class=\"rounded-2xl frost p-5\">\n<h3 class=\"font-bold\">Revenue Projections (Year 1)<\/h3>\n<ul class=\"mt-2 space-y-1 text-slate-300\">\n<li>10 placements\/month @ R5,000 avg fee = R600,000<\/li>\n<li>Temporary contracts &#038; consulting: R300,000<\/li>\n<li>Total projected revenue: R900,000<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- 11. Legal & Compliance --><\/p>\n<section id=\"legal\" class=\"mt-24\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n<div class=\"rounded-3xl frost glow p-6 sm:p-8\">\n<h2 class=\"text-2xl sm:text-3xl font-extrabold\">Legal &#038; Compliance<\/h2>\n<div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-4 mt-6\">\n<div class=\"rounded-xl frost p-4\">\n<div class=\"font-semibold\">CIPC, SARS, UIF, COIDA<\/div>\n<div class=\"text-slate-400 text-sm\">Registered<\/div>\n<\/p><\/div>\n<div class=\"rounded-xl frost p-4\">\n<div class=\"font-semibold\">PEA License<\/div>\n<div class=\"text-slate-400 text-sm\">Applying (Department of Labour)<\/div>\n<\/p><\/div>\n<div class=\"rounded-xl frost p-4\">\n<div class=\"font-semibold\">POPIA<\/div>\n<div class=\"text-slate-400 text-sm\">Compliant practices<\/div>\n<\/p><\/div>\n<div class=\"rounded-xl frost p-4\">\n<div class=\"font-semibold\">B\u2011BBEE<\/div>\n<div class=\"text-slate-400 text-sm\">Level 1 affidavit<\/div>\n<\/p><\/div>\n<div class=\"rounded-xl frost p-4\">\n<div class=\"font-semibold\">Documentation<\/div>\n<div class=\"text-slate-400 text-sm\">Standard contracts, SLAs &#038; consent forms<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- 12. Risk & Mitigation --><\/p>\n<section id=\"risk\" class=\"mt-24\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n<div class=\"grid lg:grid-cols-3 gap-8\">\n<div>\n<h2 class=\"text-2xl sm:text-3xl font-extrabold\">Risk &#038; Mitigation<\/h2>\n<p class=\"text-slate-400 mt-2\">Built-in safeguards.<\/p>\n<\/p><\/div>\n<div class=\"lg:col-span-2 space-y-3\">\n            <!-- Accordions --><\/p>\n<details class=\"rounded-2xl frost glow p-4 group\">\n<summary class=\"cursor-pointer font-semibold flex items-center justify-between\">\n                Cash flow challenges<br \/>\n                <span class=\"text-slate-400 text-sm group-open:rotate-180 transition\">\u2304<\/span><br \/>\n              <\/summary>\n<p class=\"text-slate-300 mt-2\">Mitigation: Reserve fund &#038; staggered payments.<\/p>\n<\/details>\n<details class=\"rounded-2xl frost glow p-4 group\">\n<summary class=\"cursor-pointer font-semibold flex items-center justify-between\">\n                Compliance failure<br \/>\n                <span class=\"text-slate-400 text-sm group-open:rotate-180 transition\">\u2304<\/span><br \/>\n              <\/summary>\n<p class=\"text-slate-300 mt-2\">Mitigation: Ongoing legal &#038; labour law updates.<\/p>\n<\/details>\n<details class=\"rounded-2xl frost glow p-4 group\">\n<summary class=\"cursor-pointer font-semibold flex items-center justify-between\">\n                Client non-payment<br \/>\n                <span class=\"text-slate-400 text-sm group-open:rotate-180 transition\">\u2304<\/span><br \/>\n              <\/summary>\n<p class=\"text-slate-300 mt-2\">Mitigation: Signed SLAs and upfront deposits.<\/p>\n<\/details>\n<details class=\"rounded-2xl frost glow p-4 group\">\n<summary class=\"cursor-pointer font-semibold flex items-center justify-between\">\n                Candidate dropout<br \/>\n                <span class=\"text-slate-400 text-sm group-open:rotate-180 transition\">\u2304<\/span><br \/>\n              <\/summary>\n<p class=\"text-slate-300 mt-2\">Mitigation: 3\u2011month replacement guarantee.<\/p>\n<\/details><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- 13. Appendices --><\/p>\n<section id=\"appendices\" class=\"mt-24\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n<div class=\"rounded-3xl frost glow p-6 sm:p-8\">\n<h2 class=\"text-2xl sm:text-3xl font-extrabold\">Appendices<\/h2>\n<p class=\"text-slate-400 mt-2\">Available on request.<\/p>\n<div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-4 mt-6\">\n            <button data-doc=\"Company registration documents\" class=\"rounded-xl frost p-4 text-left hover:bg-white\/10 transition doc-btn\">Company registration documents<\/button><br \/>\n            <button data-doc=\"Director\u2019s CV\" class=\"rounded-xl frost p-4 text-left hover:bg-white\/10 transition doc-btn\">Director\u2019s CV<\/button><br \/>\n            <button data-doc=\"BEE Affidavit\" class=\"rounded-xl frost p-4 text-left hover:bg-white\/10 transition doc-btn\">BEE Affidavit<\/button><br \/>\n            <button data-doc=\"Example client Service Level Agreement\" class=\"rounded-xl frost p-4 text-left hover:bg-white\/10 transition doc-btn\">Example client SLA<\/button><br \/>\n            <button data-doc=\"Marketing plan (on request)\" class=\"rounded-xl frost p-4 text-left hover:bg-white\/10 transition doc-btn\">Marketing plan<\/button>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- Contact (Demo) --><\/p>\n<section id=\"contact\" class=\"mt-24\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n<div class=\"grid lg:grid-cols-3 gap-8\">\n<div>\n<h2 class=\"text-2xl sm:text-3xl font-extrabold\">Let\u2019s work together<\/h2>\n<p class=\"text-slate-400 mt-2\">\n              Share your needs and we\u2019ll respond within 1\u20132 business days. This form is a demo and shows a success message only.\n            <\/p>\n<div class=\"mt-6 rounded-2xl frost p-5 text-sm text-slate-300\">\n              Note: As a demo, this doesn\u2019t send email. After you click send, you\u2019ll see a confirmation on the page.\n            <\/div>\n<\/p><\/div>\n<form id=\"contactForm\" class=\"lg:col-span-2 rounded-2xl frost glow p-6 grid sm:grid-cols-2 gap-4\" onsubmit=\"return false;\">\n<div class=\"sm:col-span-1\">\n              <label class=\"block text-sm text-slate-400 mb-1\">Your Name<\/label><br \/>\n              <input required id=\"name\" type=\"text\" placeholder=\"Jane Doe\" class=\"w-full px-4 py-3 rounded-xl bg-white\/5 border border-white\/10 text-white placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-cyan-400\/60\">\n            <\/div>\n<div class=\"sm:col-span-1\">\n              <label class=\"block text-sm text-slate-400 mb-1\">Email<\/label><br \/>\n              <input required id=\"email\" type=\"email\" placeholder=\"you@example.com\" class=\"w-full px-4 py-3 rounded-xl bg-white\/5 border border-white\/10 text-white placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-cyan-400\/60\">\n            <\/div>\n<div class=\"sm:col-span-2\">\n              <label class=\"block text-sm text-slate-400 mb-1\">How can we help?<\/label><br \/>\n              <textarea required id=\"message\" rows=\"5\" placeholder=\"Tell us about your roles, timelines, and requirements...\" class=\"w-full px-4 py-3 rounded-xl bg-white\/5 border border-white\/10 text-white placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-cyan-400\/60\"><\/textarea>\n            <\/div>\n<div class=\"sm:col-span-2 flex flex-wrap items-center gap-3 justify-between\">\n<div class=\"flex items-center gap-2 text-slate-400 text-sm\">\n                <input id=\"consent\" type=\"checkbox\" class=\"h-4 w-4 rounded border-white\/20 bg-white\/5\"><br \/>\n                <label for=\"consent\">I\u2019m okay being contacted about this inquiry.<\/label>\n              <\/div>\n<div class=\"flex gap-2\">\n                <button type=\"button\" id=\"btnHire\" class=\"px-5 py-3 rounded-xl bg-white\/10 hover:bg-white\/15 text-white transition\">Hire Talent<\/button><br \/>\n                <button type=\"button\" id=\"btnSubmitCV\" class=\"px-5 py-3 rounded-xl bg-white\/10 hover:bg-white\/15 text-white transition\">Submit CV<\/button><br \/>\n                <button id=\"sendBtn\" class=\"px-5 py-3 rounded-xl bg-gradient-to-r from-fuchsia-500 to-cyan-400 text-white font-semibold shadow-lg hover:opacity-95 transition\"><br \/>\n                  Send Message<br \/>\n                <\/button>\n              <\/div>\n<\/p><\/div>\n<div id=\"formNotice\" class=\"hidden sm:col-span-2 mt-2 rounded-xl bg-emerald-500\/10 border border-emerald-400\/30 text-emerald-300 px-4 py-3\">\n              Thanks! Your message was recorded locally (demo only).\n            <\/div>\n<\/p><\/form>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- CTA --><\/p>\n<section class=\"mt-24\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n<div class=\"rounded-3xl glow p-6 sm:p-10 bg-gradient-to-r from-fuchsia-600\/30 to-cyan-400\/30 border border-white\/10\">\n<div class=\"flex flex-col md:flex-row md:items-center md:justify-between gap-6\">\n<div>\n<h3 class=\"text-2xl font-extrabold\">Ready to fill your next role?<\/h3>\n<p class=\"text-slate-200\/80 mt-1\">Share your brief and get a tailored proposal within 48 hours.<\/p>\n<\/p><\/div>\n<p>            <a href=\"#contact\" class=\"px-5 py-3 rounded-xl bg-white\/15 hover:bg-white\/20 text-white font-semibold transition\"><br \/>\n              Start a Brief<br \/>\n            <\/a>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <\/main><\/p>\n<p>  <!-- Footer --><\/p>\n<footer class=\"mt-24 pb-14\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n<div class=\"rounded-2xl frost p-6 flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4\">\n<div>\n<div class=\"text-sm uppercase tracking-widest text-slate-400\">T Muthambi Holdings<\/div>\n<div class=\"text-white font-semibold\">Recruitment &#038; Staffing Solutions<\/div>\n<div class=\"text-slate-400 text-sm mt-1\">\u00a9 <span id=\"year\"><\/span> All rights reserved<\/div>\n<\/p><\/div>\n<div class=\"flex items-center gap-3\">\n          <a href=\"#top\" class=\"px-4 py-2 rounded-xl bg-white\/10 hover:bg-white\/15 transition\">Back to top<\/a>\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/footer>\n<p>  <!-- Proposal Modal --><\/p>\n<div id=\"proposalModal\" class=\"fixed inset-0 z-[60] hidden\">\n<div class=\"absolute inset-0 bg-black\/60\"><\/div>\n<div class=\"relative max-w-xl mx-auto mt-28 px-4\">\n<div class=\"rounded-2xl frost glow p-6 relative\">\n        <button id=\"proposalClose\" class=\"absolute top-3 right-3 p-2 rounded-lg bg-white\/5 hover:bg-white\/10 transition\" aria-label=\"Close\"><br \/>\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"m12 10.586l4.95-4.95l1.414 1.414L13.414 12l4.95 4.95l-1.414 1.414L12 13.414l-4.95 4.95l-1.414-1.414L10.586 12l-4.95-4.95l1.414-1.414L12 10.586z\"\/><\/svg><br \/>\n        <\/button><\/p>\n<h3 class=\"text-xl font-bold\">Request a Proposal<\/h3>\n<p class=\"text-slate-300 mt-2\">\n          Tell us the roles you need and timelines, and we\u2019ll follow up with a tailored plan. This is a demo preview.\n        <\/p>\n<div class=\"mt-4\">\n          <button class=\"px-4 py-2 rounded-xl bg-gradient-to-r from-fuchsia-500 to-cyan-400 text-white font-semibold shadow-lg hover:opacity-95 transition\" onclick=\"document.getElementById('proposalModal').classList.add('hidden'); document.querySelector('#contact').scrollIntoView({behavior:'smooth'})\"><br \/>\n            Go to Contact<br \/>\n          <\/button>\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>  <!-- Document Modal --><\/p>\n<div id=\"docModal\" class=\"fixed inset-0 z-[60] hidden\">\n<div class=\"absolute inset-0 bg-black\/60\"><\/div>\n<div class=\"relative max-w-xl mx-auto mt-28 px-4\">\n<div class=\"rounded-2xl frost glow p-6 relative\">\n        <button id=\"docClose\" class=\"absolute top-3 right-3 p-2 rounded-lg bg-white\/5 hover:bg-white\/10 transition\" aria-label=\"Close\"><br \/>\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"m12 10.586l4.95-4.95l1.414 1.414L13.414 12l4.95 4.95l-1.414 1.414L12 13.414l-4.95 4.95l-1.414-1.414L10.586 12l-4.95-4.95l1.414-1.414L12 10.586z\"\/><\/svg><br \/>\n        <\/button><\/p>\n<h3 id=\"docTitle\" class=\"text-xl font-bold\">Document<\/h3>\n<p class=\"text-slate-300 mt-2\">\n          This item is available on request. Please reach out via the contact form and we\u2019ll share it securely.\n        <\/p>\n<div class=\"mt-4\">\n          <button class=\"px-4 py-2 rounded-xl bg-white\/10 hover:bg-white\/15 text-white transition\" onclick=\"document.getElementById('docModal').classList.add('hidden')\">Close<\/button><br \/>\n          <button class=\"px-4 py-2 rounded-xl bg-gradient-to-r from-fuchsia-500 to-cyan-400 text-white font-semibold shadow-lg hover:opacity-95 transition\" onclick=\"document.getElementById('docModal').classList.add('hidden'); document.querySelector('#contact').scrollIntoView({behavior:'smooth'})\"><br \/>\n            Ask for it<br \/>\n          <\/button>\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>  <!-- Toast --><\/p>\n<div id=\"toast\" class=\"fixed bottom-6 right-6 z-[70] hidden\">\n<div class=\"rounded-xl bg-emerald-500 text-white px-4 py-3 shadow-lg\">\n      Added to your message!\n    <\/div>\n<\/p><\/div>\n<p>  <script>\n    \/\/ Footer year\n    document.getElementById('year').textContent = new Date().getFullYear();<\/p>\n<p>    \/\/ Mobile Menu\n    const menuBtn = document.getElementById('menuBtn');\n    const mobileMenu = document.getElementById('mobileMenu');\n    menuBtn?.addEventListener('click', () => mobileMenu.classList.toggle('hidden'));\n    mobileMenu?.querySelectorAll('a').forEach(a => a.addEventListener('click', () => mobileMenu.classList.add('hidden')));<\/p>\n<p>    \/\/ Proposal modal\n    const openProposal = document.getElementById('openProposal');\n    const proposalModal = document.getElementById('proposalModal');\n    const proposalClose = document.getElementById('proposalClose');\n    openProposal?.addEventListener('click', () => {\n      proposalModal.classList.remove('hidden');\n      document.body.style.overflow = 'hidden';\n    });\n    proposalClose?.addEventListener('click', () => {\n      proposalModal.classList.add('hidden');\n      document.body.style.overflow = '';\n    });\n    proposalModal.addEventListener('click', (e) => {\n      if (e.target === proposalModal || e.target.classList.contains('bg-black\/60')) {\n        proposalModal.classList.add('hidden');\n        document.body.style.overflow = '';\n      }\n    });<\/p>\n<p>    \/\/ Appendices modal\n    const docModal = document.getElementById('docModal');\n    const docClose = document.getElementById('docClose');\n    const docTitle = document.getElementById('docTitle');\n    document.querySelectorAll('.doc-btn').forEach(btn => {\n      btn.addEventListener('click', () => {\n        docTitle.textContent = btn.getAttribute('data-doc') || 'Document';\n        docModal.classList.remove('hidden');\n        document.body.style.overflow = 'hidden';\n      });\n    });\n    docClose?.addEventListener('click', () => {\n      docModal.classList.add('hidden');\n      document.body.style.overflow = '';\n    });\n    docModal.addEventListener('click', (e) => {\n      if (e.target === docModal || e.target.classList.contains('bg-black\/60')) {\n        docModal.classList.add('hidden');\n        document.body.style.overflow = '';\n      }\n    });<\/p>\n<p>    \/\/ Enquire buttons -> prefill message and scroll\n    const toast = document.getElementById('toast');\n    function addToMessage(text){\n      const msg = document.getElementById('message');\n      if (msg) {\n        if (!msg.value.includes(text)) {\n          msg.value = (msg.value ? msg.value + '\\n' : '') + `Interested in: ${text}`;\n        }\n        msg.focus();\n      }\n      toast.classList.remove('hidden');\n      setTimeout(() => toast.classList.add('hidden'), 1400);\n      document.querySelector('#contact')?.scrollIntoView({ behavior: 'smooth' });\n    }\n    document.querySelectorAll('.enquire-btn').forEach(btn => {\n      btn.addEventListener('click', () => addToMessage(btn.getAttribute('data-service')));\n    });<\/p>\n<p>    \/\/ Contact form quick-fill buttons\n    document.getElementById('btnHire')?.addEventListener('click', () => addToMessage('Hiring multiple roles'));\n    document.getElementById('btnSubmitCV')?.addEventListener('click', () => addToMessage('Submitting CV for consideration'));<\/p>\n<p>    \/\/ Contact form (Demo behavior)\n    const form = document.getElementById('contactForm');\n    const notice = document.getElementById('formNotice');\n    form?.addEventListener('submit', () => {\n      const data = {\n        name: document.getElementById('name').value.trim(),\n        email: document.getElementById('email').value.trim(),\n        message: document.getElementById('message').value.trim(),\n        consent: document.getElementById('consent').checked,\n        time: new Date().toISOString()\n      };\n      try {\n        const all = JSON.parse(localStorage.getItem('tmh_demo_messages') || '[]');\n        all.push(data);\n        localStorage.setItem('tmh_demo_messages', JSON.stringify(all));\n      } catch(e){}\n      notice.classList.remove('hidden');\n      form.reset();\n    });\n  <\/script><br \/>\n<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'980149b8809a253d',t:'MTc1ODAzNTM5OC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>T Muthambi Holdings \u2014 Recruitment &#038; Staffing Solutions TM T Muthambi Holdings Recruitment &#038; Staffing Summary Company Services Market Operations Financials Contact Hire Talent Summary Company Services Market Operations Financials Contact \ud83e\udd1d Recruitment &#038; Staffing Solutions \u2022 South Africa T Muthambi Holdings connects top talent with growing organisations Ethical, efficient, and tailored recruitment services across [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-10","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/tmuthambiholdings.co.za\/index.php\/wp-json\/wp\/v2\/posts\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tmuthambiholdings.co.za\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tmuthambiholdings.co.za\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tmuthambiholdings.co.za\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tmuthambiholdings.co.za\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":1,"href":"https:\/\/tmuthambiholdings.co.za\/index.php\/wp-json\/wp\/v2\/posts\/10\/revisions"}],"predecessor-version":[{"id":11,"href":"https:\/\/tmuthambiholdings.co.za\/index.php\/wp-json\/wp\/v2\/posts\/10\/revisions\/11"}],"wp:attachment":[{"href":"https:\/\/tmuthambiholdings.co.za\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tmuthambiholdings.co.za\/index.php\/wp-json\/wp\/v2\/categories?post=10"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tmuthambiholdings.co.za\/index.php\/wp-json\/wp\/v2\/tags?post=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}