{"id":9,"date":"2025-07-08T13:05:25","date_gmt":"2025-07-08T13:05:25","guid":{"rendered":"http:\/\/peopledirectors.co.uk\/?page_id=9"},"modified":"2025-07-11T09:11:21","modified_gmt":"2025-07-11T09:11:21","slug":"home","status":"publish","type":"page","link":"https:\/\/peopledirectors.co.uk\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d0a23d e-con-full e-flex e-con e-parent\" data-id=\"2d0a23d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea6d65d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"ea6d65d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"custom-hero-section\">\r\n  <style>\r\n    .custom-hero-section {\r\n      position: relative;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      min-height: 80vh;\r\n      padding: 60px 20px;\r\n      overflow: hidden;\r\n      z-index: 0;\r\n      background: \r\n        linear-gradient(to bottom, rgba(255, 244, 244, 0.6), rgba(0, 0, 0, 0.3)),\r\n        url('http:\/\/peopledirectors.co.uk\/wp-content\/uploads\/2025\/07\/4050305c-71c0-4459-b0e9-1911f06c0125.jpg') no-repeat center center \/ cover;\r\n    }\r\n\r\n    .custom-hero-container {\r\n      text-align: center;\r\n      max-width: 1200px;\r\n      z-index: 2;\r\n      position: relative;\r\n    }\r\n\r\n    .custom-hero-title {\r\n      font-family: 'Poppins', sans-serif;\r\n      font-size: clamp(3rem, 8vw, 6rem);\r\n      font-weight: 800;\r\n      color: #ffffff;\r\n      margin-bottom: 20px;\r\n      line-height: 1.2;\r\n      text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    .custom-hero-title span {\r\n      color: #ED0004;\r\n      position: relative;\r\n      animation: pulse 3s ease-in-out infinite;\r\n      display: inline-block;\r\n    }\r\n\r\n    .custom-hero-title span::after {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: -8px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      width: 110%;\r\n      height: 5px;\r\n      background: #ED0004;\r\n      border-radius: 3px;\r\n      opacity: 0.5;\r\n    }\r\n\r\n    .custom-hero-slogan {\r\n      font-family: 'Poppins', sans-serif;\r\n      font-size: 1.35rem;\r\n      font-weight: 700;\r\n      color: #ffffff;\r\n      margin-bottom: 15px;\r\n      text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);\r\n    }\r\n\r\n    .custom-hero-subtitle {\r\n      font-family: 'Poppins', sans-serif;\r\n      font-size: 1.25rem;\r\n      max-width: 700px;\r\n      margin: 0 auto 40px;\r\n      color: #f8f8f8;\r\n      line-height: 1.7;\r\n      text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.7);\r\n    }\r\n\r\n    .custom-hero-buttons {\r\n      display: flex;\r\n      justify-content: center;\r\n      gap: 20px;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .custom-btn-primary {\r\n      background: #ED0004;\r\n      color: white;\r\n      padding: 16px 40px;\r\n      border-radius: 50px;\r\n      font-weight: 600;\r\n      font-family: 'Poppins', sans-serif;\r\n      text-decoration: none;\r\n      box-shadow: 0 8px 20px rgba(237, 0, 4, 0.3);\r\n      transition: all 0.3s ease;\r\n    }\r\n\r\n    .custom-btn-primary:hover {\r\n      background: #bb0003;\r\n    }\r\n\r\n    .custom-btn-secondary {\r\n      border: 2px solid #ED0004;\r\n      color: #ED0004;\r\n      background: white;\r\n      padding: 16px 40px;\r\n      border-radius: 50px;\r\n      font-weight: 600;\r\n      font-family: 'Poppins', sans-serif;\r\n      text-decoration: none;\r\n      transition: all 0.3s ease;\r\n    }\r\n\r\n    .custom-btn-secondary:hover {\r\n      background: #ED0004;\r\n      color: white;\r\n    }\r\n\r\n    .bg-shape {\r\n      position: absolute;\r\n      border-radius: 50%;\r\n      opacity: 0.07;\r\n      animation: floatShape 20s infinite ease-in-out;\r\n    }\r\n\r\n    .shape1 {\r\n      width: 300px;\r\n      height: 300px;\r\n      background: #ED0004;\r\n      top: 10%;\r\n      left: -100px;\r\n      animation-delay: 0s;\r\n    }\r\n\r\n    .shape2 {\r\n      width: 200px;\r\n      height: 200px;\r\n      background: #ED0004;\r\n      bottom: 10%;\r\n      right: -50px;\r\n      animation-delay: 3s;\r\n    }\r\n\r\n    .shape3 {\r\n      width: 150px;\r\n      height: 150px;\r\n      background: #ED0004;\r\n      top: 60%;\r\n      left: 50%;\r\n      animation-delay: 6s;\r\n    }\r\n\r\n    @keyframes pulse {\r\n      0%, 100% { transform: scale(1); }\r\n      50% { transform: scale(1.05); }\r\n    }\r\n\r\n    @keyframes floatShape {\r\n      0%, 100% { transform: translateY(0px) rotate(0deg); }\r\n      50% { transform: translateY(-40px) rotate(180deg); }\r\n    }\r\n\r\n    .floating-businessman {\r\n      position: absolute;\r\n      opacity: 0.9;\r\n      animation: gentleFloat 12s infinite ease-in-out;\r\n      z-index: 1;\r\n      transition: all 0.3s ease;\r\n    }\r\n\r\n    .floating-businessman:hover {\r\n      opacity: 1;\r\n      transform: scale(1.02);\r\n    }\r\n\r\n    .businessman-svg {\r\n      width: 200px;\r\n      height: 280px;\r\n      filter: drop-shadow(0 8px 20px rgba(0,0,0,0.1));\r\n    }\r\n\r\n    .floating-businessman:nth-child(1) {\r\n      top: 15%;\r\n      left: 8%;\r\n      animation-delay: 0s;\r\n    }\r\n\r\n    .floating-businessman:nth-child(2) {\r\n      bottom: 20%;\r\n      left: 12%;\r\n      animation-delay: 4s;\r\n    }\r\n\r\n    .floating-businessman:nth-child(3) {\r\n      top: 35%;\r\n      right: 10%;\r\n      animation-delay: 8s;\r\n    }\r\n\r\n    @keyframes gentleFloat {\r\n      0%, 100% {\r\n        transform: translateY(0px);\r\n      }\r\n      50% {\r\n        transform: translateY(-20px);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .custom-hero-buttons {\r\n        flex-direction: column;\r\n      }\r\n\r\n      .custom-btn-primary,\r\n      .custom-btn-secondary {\r\n        width: 100%;\r\n        text-align: center;\r\n      }\r\n\r\n      .floating-businessman {\r\n        display: none;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <!-- Background shapes -->\r\n  <div class=\"bg-shape shape1\"><\/div>\r\n  <div class=\"bg-shape shape2\"><\/div>\r\n  <div class=\"bg-shape shape3\"><\/div>\r\n\r\n  <!-- Floating businessman illustrations -->\r\n  <div class=\"floating-businessman\"><img decoding=\"async\" src=\"businessman1.svg\" alt=\"\" class=\"businessman-svg\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"floating-businessman\"><img decoding=\"async\" src=\"businessman2.svg\" alt=\"\" class=\"businessman-svg\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"floating-businessman\"><img decoding=\"async\" src=\"businessman3.svg\" alt=\"\" class=\"businessman-svg\" aria-hidden=\"true\"><\/div>\r\n\r\n  <!-- Main content -->\r\n  <div class=\"custom-hero-container\">\r\n    <h1 class=\"custom-hero-title\">\r\n      We Build <span>AMAZING<\/span> Solutions\r\n    <\/h1>\r\n    <p class=\"custom-hero-slogan\">Strategic Growth Through People Power<\/p>\r\n    <p class=\"custom-hero-subtitle\">\r\n      Fractional HR \u2013 We provide flexible HR leadership on an as-needed basis.\r\n    <\/p>\r\n    <div class=\"custom-hero-buttons\">\r\n      <a href=\"http:\/\/peopledirectors.co.uk\/?page_id=14\" class=\"custom-btn-primary\">Discover Our Services<\/a>\r\n      <a href=\"http:\/\/peopledirectors.co.uk\/?page_id=19\" class=\"custom-btn-secondary\">Get in Touch<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-21d1224 e-flex e-con-boxed e-con e-parent\" data-id=\"21d1224\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4f8c771 e-con-full e-flex e-con e-child\" data-id=\"4f8c771\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58cfe66 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"58cfe66\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our Approach<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4cfc34b elementor-widget elementor-widget-text-editor\" data-id=\"4cfc34b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Every business is unique, with one single element the same as all other businesses, people, and they are key to the success of each business. Our solutions are proven, tested and working, each time created specifically for every unique company we work with.<\/p><p><strong>Our Ethos<\/strong><\/p><p>We work with our customers as an extension of the senior leadership team, to ensure we find the best ways to help them get the best from their people. Our core values are very important to us, and we strive to live by them every day. We aim to help businesses succeed, ourselves included.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1844001 e-con-full e-flex e-con e-child\" data-id=\"1844001\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c1de152 elementor-widget elementor-widget-image\" data-id=\"c1de152\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"534\" src=\"https:\/\/peopledirectors.co.uk\/wp-content\/uploads\/2025\/07\/people-1979261_1920-1024x683.jpg\" class=\"attachment-large size-large wp-image-98\" alt=\"\" srcset=\"https:\/\/peopledirectors.co.uk\/wp-content\/uploads\/2025\/07\/people-1979261_1920-1024x683.jpg 1024w, https:\/\/peopledirectors.co.uk\/wp-content\/uploads\/2025\/07\/people-1979261_1920-300x200.jpg 300w, https:\/\/peopledirectors.co.uk\/wp-content\/uploads\/2025\/07\/people-1979261_1920-768x512.jpg 768w, https:\/\/peopledirectors.co.uk\/wp-content\/uploads\/2025\/07\/people-1979261_1920-1536x1024.jpg 1536w, https:\/\/peopledirectors.co.uk\/wp-content\/uploads\/2025\/07\/people-1979261_1920.jpg 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e47a939 e-con-full e-flex e-con e-parent\" data-id=\"e47a939\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b5a416 elementor-widget elementor-widget-html\" data-id=\"1b5a416\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>People Directors Ltd - Services<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Poppins', sans-serif;\r\n            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .services-section {\r\n            padding: 80px 20px;\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .section-title {\r\n            font-size: 65px;\r\n            font-weight: 700;\r\n            color: #286CFC;\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n            line-height: 1.1;\r\n            position: relative;\r\n        }\r\n\r\n        .section-title::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -15px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 120px;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, #286CFC, #6B73FF);\r\n            border-radius: 2px;\r\n        }\r\n\r\n        .services-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));\r\n            gap: 30px;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        .service-card {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 0;\r\n            box-shadow: 0 8px 30px rgba(40, 108, 252, 0.12);\r\n            transition: all 0.4s ease;\r\n            border: none;\r\n            height: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .service-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 5px;\r\n            background: linear-gradient(90deg, #286CFC, #6B73FF, #9B59B6);\r\n            border-radius: 20px 20px 0 0;\r\n        }\r\n\r\n        .service-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 20px 40px rgba(40, 108, 252, 0.2);\r\n        }\r\n\r\n        .service-card:hover::before {\r\n            animation: shimmer 2s infinite;\r\n        }\r\n\r\n        @keyframes shimmer {\r\n            0% { background-position: -200px 0; }\r\n            100% { background-position: calc(200px + 100%) 0; }\r\n        }\r\n\r\n        .card-header {\r\n            padding: 35px 30px 25px;\r\n            background: linear-gradient(135deg, #f8f9ff 0%, #f0f2ff 100%);\r\n            border-radius: 20px 20px 0 0;\r\n            position: relative;\r\n        }\r\n\r\n        .service-icon {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: linear-gradient(135deg, #286CFC, #6B73FF);\r\n            border-radius: 15px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 20px;\r\n            box-shadow: 0 4px 15px rgba(40, 108, 252, 0.3);\r\n        }\r\n\r\n        .service-icon::before {\r\n            content: '\u26a1';\r\n            font-size: 24px;\r\n            color: white;\r\n        }\r\n\r\n        .service-card:nth-child(1) .service-icon::before { content: '\ud83c\udfaf'; }\r\n        .service-card:nth-child(2) .service-icon::before { content: '\ud83c\udf31'; }\r\n        .service-card:nth-child(3) .service-icon::before { content: '\ud83d\udc65'; }\r\n        .service-card:nth-child(4) .service-icon::before { content: '\ud83d\ude80'; }\r\n        .service-card:nth-child(5) .service-icon::before { content: '\ud83c\udfd7\ufe0f'; }\r\n        .service-card:nth-child(6) .service-icon::before { content: '\ud83d\udcbc'; }\r\n\r\n        .service-title {\r\n            font-size: 25px;\r\n            font-weight: 500;\r\n            color: #286CFC;\r\n            margin-bottom: 15px;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .service-description {\r\n            font-size: 20px;\r\n            font-weight: 400;\r\n            color: #555;\r\n            margin-bottom: 0;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .card-body {\r\n            padding: 30px;\r\n            flex-grow: 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .service-features {\r\n            flex-grow: 1;\r\n        }\r\n\r\n        .service-features ul {\r\n            list-style: none;\r\n            padding: 0;\r\n        }\r\n\r\n        .service-features li {\r\n            font-size: 20px;\r\n            font-weight: 400;\r\n            color: #666;\r\n            margin-bottom: 12px;\r\n            padding-left: 25px;\r\n            position: relative;\r\n            line-height: 1.4;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .service-features li:before {\r\n            content: '\u2713';\r\n            color: #286CFC;\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            position: absolute;\r\n            left: 0;\r\n            top: 2px;\r\n            width: 18px;\r\n            height: 18px;\r\n            background: rgba(40, 108, 252, 0.1);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .service-card:hover .service-features li {\r\n            color: #444;\r\n        }\r\n\r\n        .cta-container {\r\n            text-align: center;\r\n            margin-top: 50px;\r\n        }\r\n\r\n        .cta-button {\r\n            display: inline-block;\r\n            background: linear-gradient(135deg, #286CFC, #6B73FF);\r\n            color: white;\r\n            text-decoration: none;\r\n            padding: 18px 40px;\r\n            border-radius: 50px;\r\n            font-size: 18px;\r\n            font-weight: 600;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n            box-shadow: 0 6px 20px rgba(40, 108, 252, 0.3);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .cta-button::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\r\n            transition: left 0.5s;\r\n        }\r\n\r\n        .cta-button:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .cta-button:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 10px 30px rgba(40, 108, 252, 0.4);\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .services-section {\r\n                padding: 60px 15px;\r\n            }\r\n            \r\n            .section-title {\r\n                font-size: 45px;\r\n                margin-bottom: 40px;\r\n            }\r\n            \r\n            .services-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 25px;\r\n            }\r\n            \r\n            .service-card {\r\n                margin: 0 auto;\r\n                max-width: 400px;\r\n            }\r\n            \r\n            .card-header {\r\n                padding: 25px 25px 20px;\r\n            }\r\n            \r\n            .card-body {\r\n                padding: 25px;\r\n            }\r\n            \r\n            .service-title {\r\n                font-size: 22px;\r\n            }\r\n            \r\n            .service-description {\r\n                font-size: 18px;\r\n            }\r\n            \r\n            .service-features li {\r\n                font-size: 18px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .section-title {\r\n                font-size: 35px;\r\n            }\r\n            \r\n            .services-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 20px;\r\n            }\r\n            \r\n            .service-title {\r\n                font-size: 20px;\r\n            }\r\n            \r\n            .service-description {\r\n                font-size: 16px;\r\n            }\r\n            \r\n            .service-features li {\r\n                font-size: 16px;\r\n            }\r\n        }\r\n\r\n        \/* Stagger animation for cards *\/\r\n        .service-card:nth-child(1) { animation-delay: 0.1s; }\r\n        .service-card:nth-child(2) { animation-delay: 0.2s; }\r\n        .service-card:nth-child(3) { animation-delay: 0.3s; }\r\n        .service-card:nth-child(4) { animation-delay: 0.4s; }\r\n        .service-card:nth-child(5) { animation-delay: 0.5s; }\r\n        .service-card:nth-child(6) { animation-delay: 0.6s; }\r\n\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .service-card {\r\n            animation: fadeInUp 0.6s ease forwards;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"services-section\">\r\n        <h2 class=\"section-title\">Our Services<\/h2>\r\n        \r\n        <div class=\"services-grid\">\r\n            <div class=\"service-card\">\r\n                <div class=\"card-header\">\r\n                    <div class=\"service-icon\"><\/div>\r\n                    <h3 class=\"service-title\">Business Strategy<\/h3>\r\n                    <p class=\"service-description\">Helping you define your business goals and build the people strategy to deliver them. We partner with senior teams to refine your strategy and implement it with strong people foundations.<\/p>\r\n                <\/div>\r\n                <div class=\"card-body\">\r\n                    <div class=\"service-features\">\r\n                        <ul>\r\n                            <li>Define clear business goals and objectives<\/li>\r\n                            <li>Align leadership, processes, and culture with strategy<\/li>\r\n                            <li>Identify obstacles and create actionable plans<\/li>\r\n                            <li>Build effective leadership and organizational structure<\/li>\r\n                            <li>Support scaling, expansion, and investment readiness<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"service-card\">\r\n                <div class=\"card-header\">\r\n                    <div class=\"service-icon\"><\/div>\r\n                    <h3 class=\"service-title\">Culture & ESG<\/h3>\r\n                    <p class=\"service-description\">Navigate Environmental, Social, and Governance standards with our comprehensive ESG framework. We help measure your impact on people and planet while building sustainable business practices.<\/p>\r\n                <\/div>\r\n                <div class=\"card-body\">\r\n                    <div class=\"service-features\">\r\n                        <ul>\r\n                            <li>ESG assessment and strategy development<\/li>\r\n                            <li>Environmental, social, and governance framework implementation<\/li>\r\n                            <li>Impact measurement and transparency reporting<\/li>\r\n                            <li>Staff engagement in sustainability initiatives<\/li>\r\n                            <li>Comprehensive ESG toolkit and support<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"service-card\">\r\n                <div class=\"card-header\">\r\n                    <div class=\"service-icon\"><\/div>\r\n                    <h3 class=\"service-title\">Leadership Development<\/h3>\r\n                    <p class=\"service-description\">Build skilled, confident, people-focused leaders through customized programs. We develop leadership skills across your organization to inspire teams and drive results.<\/p>\r\n                <\/div>\r\n                <div class=\"card-body\">\r\n                    <div class=\"service-features\">\r\n                        <ul>\r\n                            <li>Customized leadership training programs<\/li>\r\n                            <li>Coaching and mentoring for managers<\/li>\r\n                            <li>Succession planning and future leader preparation<\/li>\r\n                            <li>Enhanced decision-making and problem-solving skills<\/li>\r\n                            <li>Improved communication and team engagement<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"service-card\">\r\n                <div class=\"card-header\">\r\n                    <div class=\"service-icon\"><\/div>\r\n                    <h3 class=\"service-title\">Talent Management<\/h3>\r\n                    <p class=\"service-description\">Build the team you need to succeed with a growth-driving talent strategy. We help attract, develop, and retain top talent through comprehensive talent management solutions.<\/p>\r\n                <\/div>\r\n                <div class=\"card-body\">\r\n                    <div class=\"service-features\">\r\n                        <ul>\r\n                            <li>Strategic recruitment and talent acquisition<\/li>\r\n                            <li>Employee value proposition development<\/li>\r\n                            <li>Engagement and retention strategies<\/li>\r\n                            <li>Performance management and development<\/li>\r\n                            <li>Succession planning and career progression<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"service-card\">\r\n                <div class=\"card-header\">\r\n                    <div class=\"service-icon\"><\/div>\r\n                    <h3 class=\"service-title\">Organisational Structure<\/h3>\r\n                    <p class=\"service-description\">Create effective structures for sustainable growth. We help align teams and leadership with strategic objectives, ensuring you have the right people in the right roles.<\/p>\r\n                <\/div>\r\n                <div class=\"card-body\">\r\n                    <div class=\"service-features\">\r\n                        <ul>\r\n                            <li>Organizational design and restructuring<\/li>\r\n                            <li>Role definition and responsibility clarification<\/li>\r\n                            <li>Senior team optimization<\/li>\r\n                            <li>Communication flow improvement<\/li>\r\n                            <li>Scalable foundation building<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"service-card\">\r\n                <div class=\"card-header\">\r\n                    <div class=\"service-icon\"><\/div>\r\n                    <h3 class=\"service-title\">HR Consulting<\/h3>\r\n                    <p class=\"service-description\">Comprehensive HR support to streamline your people processes. From policy development to compliance management, we provide strategic HR guidance tailored to your business needs.<\/p>\r\n                <\/div>\r\n                <div class=\"card-body\">\r\n                    <div class=\"service-features\">\r\n                        <ul>\r\n                            <li>HR policy development and implementation<\/li>\r\n                            <li>Employment law compliance and guidance<\/li>\r\n                            <li>Performance management systems<\/li>\r\n                            <li>Employee relations and conflict resolution<\/li>\r\n                            <li>Strategic HR planning and support<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"cta-container\">\r\n            <a href=\"http:\/\/peopledirectors.co.uk\/?page_id=14\" class=\"cta-button\">See All Services<\/a>\r\n        <\/div>\r\n    <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f4d7677 e-flex e-con-boxed e-con e-parent\" data-id=\"f4d7677\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-610d263 elementor-widget elementor-widget-html\" data-id=\"610d263\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cta-section\">\r\n  <style>\r\n    .cta-section {\r\n      position: relative;\r\n      background: #286CFC;\r\n      padding: 80px 30px;\r\n      color: #fff;\r\n      text-align: center;\r\n      font-family: 'Poppins', sans-serif;\r\n      overflow: hidden;\r\n      border-radius: 15px;\r\n    }\r\n\r\n    .cta-section h2 {\r\n      font-size: 50px;\r\n      font-weight: 700;\r\n      margin-bottom: 20px;\r\n      z-index: 2;\r\n      position: relative;\r\n    }\r\n\r\n    .cta-section p {\r\n      font-size: 20px;\r\n      margin-bottom: 40px;\r\n      max-width: 700px;\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n      z-index: 2;\r\n      position: relative;\r\n    }\r\n\r\n    .cta-button {\r\n      display: inline-block;\r\n      padding: 18px 40px;\r\n      font-size: 18px;\r\n      font-weight: 600;\r\n      background: #fff;\r\n      color: #286CFC;\r\n      border-radius: 50px;\r\n      text-decoration: none;\r\n      transition: all 0.3s ease;\r\n      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);\r\n      z-index: 2;\r\n      position: relative;\r\n    }\r\n\r\n    .cta-button:hover {\r\n      background: #fefefe;\r\n      transform: translateY(-3px);\r\n      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);\r\n    }\r\n\r\n    \/* Background Shapes *\/\r\n    .cta-shape {\r\n      position: absolute;\r\n      border-radius: 50%;\r\n      opacity: 0.08;\r\n      animation: float 14s ease-in-out infinite;\r\n      background: #fff;\r\n    }\r\n\r\n    .cta-shape.shape1 {\r\n      width: 180px;\r\n      height: 180px;\r\n      top: -60px;\r\n      left: -60px;\r\n    }\r\n\r\n    .cta-shape.shape2 {\r\n      width: 120px;\r\n      height: 120px;\r\n      bottom: -40px;\r\n      right: 10%;\r\n    }\r\n\r\n    .cta-shape.shape3 {\r\n      width: 220px;\r\n      height: 220px;\r\n      top: 20%;\r\n      right: -80px;\r\n    }\r\n\r\n    .cta-shape.shape4 {\r\n      width: 100px;\r\n      height: 100px;\r\n      bottom: 10%;\r\n      left: 15%;\r\n    }\r\n\r\n    @keyframes float {\r\n      0%, 100% { transform: translateY(0px); }\r\n      50% { transform: translateY(-20px); }\r\n    }\r\n\r\n    \/* \u2705 Floating Illustrations *\/\r\n    .floating-illustration {\r\n      position: absolute;\r\n      z-index: 1;\r\n      animation: floatUp 10s ease-in-out infinite;\r\n      pointer-events: none;\r\n      opacity: 0.9;\r\n    }\r\n\r\n    .illus1 {\r\n      right: 30px;\r\n      bottom: 8%;\r\n      width: 140px;\r\n      animation-delay: 0s;\r\n    }\r\n\r\n    .illus2 {\r\n      right: 130px;\r\n      bottom: 20%;\r\n      width: 120px;\r\n      animation-delay: 5s;\r\n    }\r\n\r\n    .illus3 {\r\n      left: 30px;\r\n      bottom: 8%;\r\n      width: 140px;\r\n      animation-delay: 0s;\r\n    }\r\n\r\n    .illus4 {\r\n      left: 110px;\r\n      bottom: 20%;\r\n      width: 120px;\r\n      animation-delay: 5s;\r\n    }\r\n\r\n    \/* \u2705 Mobile Illustrations *\/\r\n    .mobile-illustration {\r\n      display: none;\r\n    }\r\n\r\n    @keyframes floatUp {\r\n      0%, 100% { transform: translateY(0px); }\r\n      50% { transform: translateY(-20px); }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .cta-section h2 {\r\n        font-size: 36px;\r\n      }\r\n\r\n      .cta-section p {\r\n        font-size: 18px;\r\n      }\r\n\r\n      .cta-button {\r\n        font-size: 16px;\r\n        padding: 15px 30px;\r\n      }\r\n\r\n      \/* Hide desktop illustrations *\/\r\n      .floating-illustration {\r\n        display: none;\r\n      }\r\n\r\n      \/* Show mobile-only illustration *\/\r\n      .mobile-illustration {\r\n        display: block;\r\n        position: absolute;\r\n        width: 100px;\r\n        opacity: 0.9;\r\n        animation: floatUp 8s ease-in-out infinite;\r\n        z-index: 1;\r\n        pointer-events: none;\r\n      }\r\n\r\n      .mobile-top {\r\n        top: 10px;\r\n        right: 10px;\r\n      }\r\n\r\n      .mobile-bottom {\r\n        bottom: 10px;\r\n        left: 10px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <!-- Background Shapes -->\r\n  <div class=\"cta-shape shape1\"><\/div>\r\n  <div class=\"cta-shape shape2\"><\/div>\r\n  <div class=\"cta-shape shape3\"><\/div>\r\n  <div class=\"cta-shape shape4\"><\/div>\r\n\r\n  <!-- Desktop Floating Illustrations -->\r\n  <img decoding=\"async\" src=\"http:\/\/peopledirectors.co.uk\/wp-content\/uploads\/2025\/07\/Untitled-1-4-scaled.png\" alt=\"Illustration\" class=\"floating-illustration illus1\" aria-hidden=\"true\">\r\n  <img decoding=\"async\" src=\"http:\/\/peopledirectors.co.uk\/wp-content\/uploads\/2025\/07\/Untitled-1-4-scaled.png\" alt=\"Illustration\" class=\"floating-illustration illus2\" aria-hidden=\"true\">\r\n  <img decoding=\"async\" src=\"http:\/\/peopledirectors.co.uk\/wp-content\/uploads\/2025\/07\/Untitled-1-4-scaled.png\" alt=\"Illustration\" class=\"floating-illustration illus3\" aria-hidden=\"true\">\r\n  <img decoding=\"async\" src=\"http:\/\/peopledirectors.co.uk\/wp-content\/uploads\/2025\/07\/Untitled-1-4-scaled.png\" alt=\"Illustration\" class=\"floating-illustration illus4\" aria-hidden=\"true\">\r\n\r\n  <!-- Mobile-Only Illustrations -->\r\n  <img decoding=\"async\" src=\"http:\/\/peopledirectors.co.uk\/wp-content\/uploads\/2025\/07\/Untitled-1-4-scaled.png\" alt=\"Mobile Illustration\" class=\"mobile-illustration mobile-top\" aria-hidden=\"true\">\r\n  <img decoding=\"async\" src=\"http:\/\/peopledirectors.co.uk\/wp-content\/uploads\/2025\/07\/Untitled-1-4-scaled.png\" alt=\"Mobile Illustration\" class=\"mobile-illustration mobile-bottom\" aria-hidden=\"true\">\r\n\r\n  <!-- Main Content -->\r\n  <h2>Let\u2019s Build Something Brilliant Together<\/h2>\r\n  <p>Partner with People Directors to transform your business through strategic HR leadership and people-first thinking.<\/p>\r\n  <a href=\"http:\/\/peopledirectors.co.uk\/?page_id=19\" class=\"cta-button\">Contact Us<\/a>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>We Build AMAZING Solutions Strategic Growth Through People Power Fractional HR \u2013 We provide flexible HR leadership on an as-needed basis. Discover Our Services Get in Touch Our Approach Every business is unique, with one single element the same as all other businesses, people, and they are key to the success of each business. Our [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/peopledirectors.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/peopledirectors.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/peopledirectors.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/peopledirectors.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/peopledirectors.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":142,"href":"https:\/\/peopledirectors.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":324,"href":"https:\/\/peopledirectors.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/324"}],"wp:attachment":[{"href":"https:\/\/peopledirectors.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}