{"id":20,"date":"2026-09-02T10:15:05","date_gmt":"2026-09-02T08:15:05","guid":{"rendered":"https:\/\/crafthomes.co.za\/blume\/?page_id=20"},"modified":"2026-09-08T07:43:21","modified_gmt":"2026-09-08T05:43:21","slug":"our-core-services","status":"publish","type":"page","link":"https:\/\/crafthomes.co.za\/blume\/our-core-services\/","title":{"rendered":"Our Core Services"},"content":{"rendered":"<section class=\"l-section wpb_row us_custom_2f07bf3b height_huge with_img\"><div class=\"l-section-img\" role=\"img\" aria-label=\"Image\" data-img-width=\"1920\" data-img-height=\"770\" style=\"background-image: url(https:\/\/crafthomes.co.za\/blume\/wp-content\/uploads\/2026\/09\/Banner-Inside-NorkemCorner.jpg);\"><\/div><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row height_large\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"g-cols wpb_row via_grid cols_2 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\" style=\"--columns-gap:3rem;\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-text us_custom_f6aa57f6 has_text_color\"><span class=\"w-text-h\"><span class=\"w-text-value\">CORE SERVICES<\/span><\/span><\/div><div class=\"w-separator size_custom\" style=\"height:10px\"><\/div><h1 class=\"w-text us_custom_9549db29\"><span class=\"w-text-h\"><span class=\"w-text-value\">Why energy choices matter<\/span><\/span><\/h1><div class=\"w-separator us_custom_ea388c8e size_custom with_line width_default thick_4 style_solid color_text align_center\" style=\"height:\"><div class=\"w-separator-h\"><\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"wpb_text_column us_custom_0d981c6d\"><div class=\"wpb_wrapper\"><p>Energy choices are critical to South Africa\u2019s future \u2014 impacting economic growth, public health, energy security, and climate resilience. With rising demand and aging infrastructure, sustainable solutions are essential.<\/p>\n<\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p>Our services support this transition by helping clients make informed, impactful decisions. From renewable energy consulting and efficiency audits to project implementation and compliance, we empower businesses to lead in building a cleaner, more resilient energy future \u2014 one that delivers long-term value for communities, the economy, and the environment.<\/p>\n<\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"w-btn-wrapper align_none\"><a class=\"w-btn us-btn-style_1\" href=\"https:\/\/crafthomes.co.za\/blume\/contact-us\/\"><span class=\"w-btn-label\">Contact Us Today<\/span><\/a><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-image align_none\"><div class=\"w-image-h\"><img decoding=\"async\" width=\"1024\" height=\"718\" src=\"https:\/\/crafthomes.co.za\/blume\/wp-content\/uploads\/2026\/09\/WhyEnergyChoicesMatter-1024x718.jpg\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/crafthomes.co.za\/blume\/wp-content\/uploads\/2026\/09\/WhyEnergyChoicesMatter-1024x718.jpg 1024w, https:\/\/crafthomes.co.za\/blume\/wp-content\/uploads\/2026\/09\/WhyEnergyChoicesMatter-300x210.jpg 300w, https:\/\/crafthomes.co.za\/blume\/wp-content\/uploads\/2026\/09\/WhyEnergyChoicesMatter.jpg 1614w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/div><div class=\"wpb_text_column us_custom_175b29d5\"><div class=\"wpb_wrapper\"><p><span style=\"color:#99d422\n\">2024 update:<\/span> Eskom tariff increases vs inflation since 1988 (with projections to 2026) &#8211; PowerOptimal &#8211; the Future of Energy.<\/p>\n<\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"wpb_text_column us_custom_dc472bf1 has_text_color\"><div class=\"wpb_wrapper\"><p>The graph depicts overall average increases &#8211; actual increases will be different for different types of consumers (residential, commercial &amp; industrial) &amp; will vary between municipalities.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row height_auto width_full\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><section class=\"l-section wpb_row us_custom_598e114c height_medium\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><h1 class=\"w-text us_custom_6f29d833\"><span class=\"w-text-h\"><span class=\"w-text-value\"><span style=\"color:#99d422\">OUR<\/span> CORE SERVICES<\/span><\/span><\/h1><div class=\"wpb_text_column us_custom_f31244f4 has_text_color\"><div class=\"wpb_wrapper\"><p>Click on the hotspot  to find out more about our core services<\/p>\n<\/div><\/div><div class=\"w-separator us_custom_f0ef38e2 size_small with_line width_default thick_4 style_solid color_text align_center\"><div class=\"w-separator-h\"><\/div><\/div><div class=\"w-html\"><style>\n\/* =========================================================\n   BLUME CORE SERVICES - FULL RESPONSIVE VERSION\n   ========================================================= *\/\n\n.blume-services-wrapper {\n    width: 100%;\n    font-family: Arial, Helvetica, sans-serif;\n}\n\n\/* =========================================================\n   DESKTOP INFOGRAPHIC\n   ========================================================= *\/\n\n.blume-services {\n    width: 100%;\n    max-width: 1500px;\n    margin: 0 auto;\n    position: relative;\n}\n\n.blume-hotspot-wrap {\n    position: relative;\n    width: 100%;\n}\n\n.blume-hotspot-img {\n    display: block;\n    width: 100%;\n    height: auto;\n}\n\n\/* =========================================================\n   HOTSPOTS\n   ========================================================= *\/\n\n.blume-hotspot {\n    position: absolute;\n    transform: translate(-50%, -50%);\n    z-index: 10;\n}\n\n.blume-hotspot-btn {\n    width: 38px;\n    height: 38px;\n    padding: 0;\n    border: 0;\n    border-radius: 50%;\n    background: #8bd600;\n    cursor: pointer;\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    box-shadow: 0 0 0 4px rgba(139, 214, 0, 0.12);\n\n    transition:\n        transform 0.25s ease,\n        box-shadow 0.25s ease;\n}\n\n.blume-hotspot-btn:hover {\n    transform: scale(1.1);\n    box-shadow: 0 0 0 8px rgba(139, 214, 0, 0.15);\n}\n\n.blume-hotspot-btn::before,\n.blume-hotspot-btn::after {\n    content: \"\";\n    position: absolute;\n    background: #fff;\n    border-radius: 2px;\n}\n\n.blume-hotspot-btn::before {\n    width: 17px;\n    height: 3px;\n}\n\n.blume-hotspot-btn::after {\n    width: 3px;\n    height: 17px;\n}\n\n\n\/* =========================================================\n   POPUPS\n   ========================================================= *\/\n\n.blume-popup {\n    position: absolute;\n    width: 430px;\n    max-width: calc(100vw - 40px);\n\n    background: rgba(40, 40, 40, 0.91);\n\n    -webkit-backdrop-filter: blur(4px);\n    backdrop-filter: blur(4px);\n\n    color: #fff;\n\n    padding: 42px 45px 36px;\n\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n\n    z-index: 100;\n\n    box-shadow: 0 12px 35px rgba(0,0,0,0.18);\n\n    transition:\n        opacity 0.25s ease,\n        transform 0.25s ease,\n        visibility 0.25s ease;\n}\n\n.blume-hotspot.active .blume-popup {\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto;\n}\n\n.blume-popup h3 {\n    margin: 0 0 18px;\n\n    color: #fff;\n\n    font-size: 21px;\n    line-height: 1.3;\n    font-weight: 700;\n\n    text-transform: uppercase;\n}\n\n.blume-popup p {\n    margin: 0 0 18px;\n\n    color: #fff;\n\n    font-size: 17px;\n    line-height: 1.65;\n}\n\n.blume-popup a {\n    color: #8bd600;\n\n    font-size: 15px;\n    line-height: 1.4;\n    font-weight: 500;\n\n    text-decoration: none;\n    text-transform: uppercase;\n}\n\n.blume-popup a:hover {\n    opacity: 0.8;\n}\n\n\n\/* =========================================================\n   POPUP CLOSE BUTTON\n   ========================================================= *\/\n\n.blume-popup-close {\n    position: absolute;\n\n    top: 18px;\n    right: 20px;\n\n    width: 25px;\n    height: 25px;\n\n    padding: 0;\n    border: 0;\n    background: transparent;\n\n    cursor: pointer;\n}\n\n.blume-popup-close::before,\n.blume-popup-close::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 11px;\n    left: 1px;\n\n    width: 22px;\n    height: 2px;\n\n    background: #fff;\n}\n\n.blume-popup-close::before {\n    transform: rotate(45deg);\n}\n\n.blume-popup-close::after {\n    transform: rotate(-45deg);\n}\n\n\n\/* =========================================================\n   POPUP POSITIONING\n   ========================================================= *\/\n\n\/* Below hotspot *\/\n\n.blume-hotspot.popup-bottom .blume-popup {\n    left: 50%;\n    top: calc(100% + 20px);\n\n    transform: translate(-50%, -10px);\n}\n\n.blume-hotspot.popup-bottom.active .blume-popup {\n    transform: translate(-50%, 0);\n}\n\n\n\/* Above hotspot *\/\n\n.blume-hotspot.popup-top .blume-popup {\n    left: 50%;\n    bottom: calc(100% + 20px);\n\n    transform: translate(-50%, 10px);\n}\n\n.blume-hotspot.popup-top.active .blume-popup {\n    transform: translate(-50%, 0);\n}\n\n\n\/* Popup opens to right *\/\n\n.blume-hotspot.popup-right .blume-popup {\n    left: calc(100% + 20px);\n    top: 50%;\n\n    transform: translate(-10px, -50%);\n}\n\n.blume-hotspot.popup-right.active .blume-popup {\n    transform: translate(0, -50%);\n}\n\n\n\/* Popup opens to left *\/\n\n.blume-hotspot.popup-left .blume-popup {\n    right: calc(100% + 20px);\n    top: 50%;\n\n    transform: translate(10px, -50%);\n}\n\n.blume-hotspot.popup-left.active .blume-popup {\n    transform: translate(0, -50%);\n}\n\n\n\/* =========================================================\n   MOBILE VERSION\n   ========================================================= *\/\n\n.blume-mobile-services {\n    display: none;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1100px) and (min-width: 768px) {\n\n    .blume-hotspot-btn {\n        width: 32px;\n        height: 32px;\n    }\n\n    .blume-hotspot-btn::before {\n        width: 14px;\n    }\n\n    .blume-hotspot-btn::after {\n        height: 14px;\n    }\n\n    .blume-popup {\n        width: 350px;\n        padding: 35px 35px 30px;\n    }\n\n    .blume-popup h3 {\n        font-size: 18px;\n    }\n\n    .blume-popup p {\n        font-size: 15px;\n    }\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n    \/*\n    Hide desktop infographic\n    *\/\n\n    .blume-services {\n        display: none !important;\n    }\n\n    \/*\n    Show mobile version\n    *\/\n\n    .blume-mobile-services {\n        display: block;\n        width: 100%;\n        padding: 20px 15px;\n        box-sizing: border-box;\n    }\n\n\n    \/* -----------------------------------------\n       MOBILE HEADING\n       ----------------------------------------- *\/\n\n    .blume-mobile-heading {\n        text-align: center;\n        margin-bottom: 25px;\n    }\n\n    .blume-mobile-heading h2 {\n        margin: 0;\n\n        color: #064f58;\n\n        font-size: 30px;\n        line-height: 1.15;\n        font-weight: 700;\n\n        text-transform: uppercase;\n    }\n\n\n    \/* -----------------------------------------\n       LIST\n       ----------------------------------------- *\/\n\n    .blume-mobile-list {\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n    }\n\n\n    \/* -----------------------------------------\n       ITEM\n       ----------------------------------------- *\/\n\n    .blume-mobile-item {\n        width: 100%;\n\n        background: #f5f5f5;\n\n        border: 1px solid rgba(0,0,0,0.06);\n        border-radius: 14px;\n\n        overflow: hidden;\n\n        box-shadow: 0 4px 15px rgba(0,0,0,0.04);\n    }\n\n\n    \/* -----------------------------------------\n       BUTTON ROW\n       ----------------------------------------- *\/\n\n    .blume-mobile-toggle {\n        width: 100%;\n\n        padding: 16px 16px;\n\n        border: 0;\n        background: transparent;\n\n        display: flex;\n        align-items: center;\n        gap: 13px;\n\n        text-align: left;\n\n        cursor: pointer;\n    }\n\n\n    \/* -----------------------------------------\n       NUMBER\n       ----------------------------------------- *\/\n\n    .blume-mobile-number {\n        width: 45px;\n        height: 45px;\n        min-width: 45px;\n\n        border-radius: 50%;\n\n        background: #064f58;\n        color: #fff;\n\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        font-size: 18px;\n        font-weight: 700;\n    }\n\n    .blume-mobile-item:nth-child(even) .blume-mobile-number {\n        background: #9bd42d;\n    }\n\n\n    \/* -----------------------------------------\n       TITLE\n       ----------------------------------------- *\/\n\n    .blume-mobile-title {\n        flex: 1;\n\n        color: #064f58;\n\n        font-size: 16px;\n        line-height: 1.3;\n        font-weight: 700;\n\n        text-transform: uppercase;\n    }\n\n\n    \/* -----------------------------------------\n       PLUS\n       ----------------------------------------- *\/\n\n    .blume-mobile-plus {\n        position: relative;\n\n        width: 30px;\n        height: 30px;\n        min-width: 30px;\n\n        border-radius: 50%;\n\n        background: #9bd42d;\n\n        transition: transform 0.25s ease;\n    }\n\n    .blume-mobile-plus::before,\n    .blume-mobile-plus::after {\n        content: \"\";\n\n        position: absolute;\n\n        left: 50%;\n        top: 50%;\n\n        background: #fff;\n\n        transform: translate(-50%, -50%);\n    }\n\n    .blume-mobile-plus::before {\n        width: 13px;\n        height: 2px;\n    }\n\n    .blume-mobile-plus::after {\n        width: 2px;\n        height: 13px;\n    }\n\n    .blume-mobile-item.active .blume-mobile-plus {\n        transform: rotate(45deg);\n    }\n\n\n    \/* -----------------------------------------\n       ACCORDION CONTENT\n       ----------------------------------------- *\/\n\n    .blume-mobile-content {\n        max-height: 0;\n\n        overflow: hidden;\n\n        padding: 0 16px;\n\n        opacity: 0;\n\n        transition:\n            max-height 0.35s ease,\n            padding 0.35s ease,\n            opacity 0.25s ease;\n    }\n\n    .blume-mobile-item.active .blume-mobile-content {\n        max-height: 500px;\n\n        padding: 0 16px 20px;\n\n        opacity: 1;\n    }\n\n    .blume-mobile-content p {\n        margin: 0 0 15px;\n\n        color: #454545;\n\n        font-size: 15px;\n        line-height: 1.65;\n    }\n\n    .blume-mobile-content a {\n        color: #8bcf20;\n\n        font-size: 13px;\n        line-height: 1.5;\n        font-weight: 700;\n\n        text-decoration: none;\n        text-transform: uppercase;\n    }\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 420px) {\n\n    .blume-mobile-services {\n        padding-left: 10px;\n        padding-right: 10px;\n    }\n\n    .blume-mobile-heading h2 {\n        font-size: 26px;\n    }\n\n    .blume-mobile-toggle {\n        padding: 14px;\n        gap: 10px;\n    }\n\n    .blume-mobile-number {\n        width: 40px;\n        height: 40px;\n        min-width: 40px;\n\n        font-size: 16px;\n    }\n\n    .blume-mobile-title {\n        font-size: 14px;\n    }\n\n    .blume-mobile-plus {\n        width: 27px;\n        height: 27px;\n        min-width: 27px;\n    }\n}\n<\/style>\n\n\n\n<div class=\"blume-services-wrapper\">\n\n\n    <!-- =====================================================\n         DESKTOP \/ TABLET VERSION\n         ===================================================== -->\n\n    <div class=\"blume-services\">\n\n        <div class=\"blume-hotspot-wrap\">\n\n\n            <!-- =================================================\n                 MAIN INFOGRAPHIC\n                 =================================================\n\n                 IMPORTANT:\n\n                 Replace this image URL with your own\n                 WordPress Media Library URL if possible.\n\n            -->\n\n            <img decoding=\"async\"\n                class=\"blume-hotspot-img\"\n                src=\"https:\/\/crafthomes.co.za\/blume\/wp-content\/uploads\/2026\/09\/Blume_CoreServices_Headings-scaled.png\"\n                alt=\"Blume Smart Energy Solutions Core Services\"\n            >\n\n\n\n            <!-- =================================================\n                 01 ENERGY DEVELOPMENT\n                 ================================================= -->\n\n            <div\n                class=\"blume-hotspot popup-bottom\"\n                style=\"top:13.96%; left:50.45%;\"\n            >\n\n                <button\n                    type=\"button\"\n                    class=\"blume-hotspot-btn\"\n                    aria-label=\"Energy Development\"\n                ><\/button>\n\n\n                <div class=\"blume-popup\">\n\n                    <button\n                        type=\"button\"\n                        class=\"blume-popup-close\"\n                        aria-label=\"Close\"\n                    ><\/button>\n\n                    <h3>\n                        Energy Development\n                    <\/h3>\n\n                    <p>\n                        Responsible for initiating, planning and\n                        executing energy projects.\n                    <\/p>\n                    <a href=\"\/energy-development\">\n                        &gt;&gt; Step 1 - Energy Development\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n\n\n            <!-- =================================================\n                 02 FUNDING\n                 ================================================= -->\n\n            <div\n                class=\"blume-hotspot popup-left\"\n                style=\"top:35.32%; left:69.3%;\"\n            >\n\n                <button\n                    type=\"button\"\n                    class=\"blume-hotspot-btn\"\n                    aria-label=\"Funding\"\n                ><\/button>\n\n\n                <div class=\"blume-popup\">\n\n                    <button\n                        type=\"button\"\n                        class=\"blume-popup-close\"\n                        aria-label=\"Close\"\n                    ><\/button>\n\n                    <h3>\n                        Funding\n                    <\/h3>\n\n                    <p>\n                        Customised financial &amp; operational strategies\n                        to reduce energy transition risk through our\n                        comprehensive profile of Power Purchase\n                        Agreements (PPA).\n                    <\/p>\n                    <a href=\"\/Funding\">\n                        &gt;&gt; Step 2 - Funding\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n\n\n            <!-- =================================================\n                 03 ENERGY STORAGE\n                 ================================================= -->\n\n            <div\n                class=\"blume-hotspot popup-left\"\n                style=\"top:67.56%; left:69.43%;\"\n            >\n\n                <button\n                    type=\"button\"\n                    class=\"blume-hotspot-btn\"\n                    aria-label=\"Energy Storage\"\n                ><\/button>\n\n\n                <div class=\"blume-popup\">\n\n                    <button\n                        type=\"button\"\n                        class=\"blume-popup-close\"\n                        aria-label=\"Close\"\n                    ><\/button>\n\n                    <h3>\n                        Energy Storage\n                    <\/h3>\n\n                    <p>\n                        Ensure energy security &amp; reliability with\n                        industry-leading battery energy storage\n                        solutions (BESS).\n                    <\/p>\n                    <a href=\"\/energy-storage\">\n                        &gt;&gt; Step 3 - Energy Storage\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n\n\n            <!-- =================================================\n                 04 ENERGY MANAGEMENT\n                 ================================================= -->\n\n            <div\n                class=\"blume-hotspot popup-top\"\n                style=\"top:81.93%; left:50.96%;\"\n            >\n\n                <button\n                    type=\"button\"\n                    class=\"blume-hotspot-btn\"\n                    aria-label=\"Energy Management\"\n                ><\/button>\n\n\n                <div class=\"blume-popup\">\n\n                    <button\n                        type=\"button\"\n                        class=\"blume-popup-close\"\n                        aria-label=\"Close\"\n                    ><\/button>\n\n                    <h3>\n                        Energy Management\n                    <\/h3>\n\n                    <p>\n                        Advanced utility solutions including load\n                        monitoring, cost management and energy usage\n                        optimisation.\n                    <\/p>\n                    <a href=\"\/energy-management\">\n                        &gt;&gt; Step 4 - Energy Management\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n\n\n            <!-- =================================================\n                 05 INTEGRATED ASSET MANAGEMENT\n                 ================================================= -->\n\n            <div\n                class=\"blume-hotspot popup-right\"\n                style=\"top:68.58%; left:31.46%;\"\n            >\n\n                <button\n                    type=\"button\"\n                    class=\"blume-hotspot-btn\"\n                    aria-label=\"Integrated Asset Management\"\n                ><\/button>\n\n\n                <div class=\"blume-popup\">\n\n                    <button\n                        type=\"button\"\n                        class=\"blume-popup-close\"\n                        aria-label=\"Close\"\n                    ><\/button>\n\n                    <h3>\n                        Integrated Asset Management\n                    <\/h3>\n\n                    <p>\n                        Efficient asset management with real-time asset\n                        monitoring, performance optimisation, &amp;\n                        transparent reporting.\n                    <\/p>\n                    <a href=\"\/integrated-asset-management\">\n                        &gt;&gt; Step 5 - Integrated Asset Management\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n\n\n            <!-- =================================================\n                 06 OPERATIONS & MAINTENANCE\n                 ================================================= -->\n\n            <div\n                class=\"blume-hotspot popup-right\"\n                style=\"top:34.7%; left:30.19%;\"\n            >\n\n                <button\n                    type=\"button\"\n                    class=\"blume-hotspot-btn\"\n                    aria-label=\"Operations and Maintenance\"\n                ><\/button>\n\n\n                <div class=\"blume-popup\">\n\n                    <button\n                        type=\"button\"\n                        class=\"blume-popup-close\"\n                        aria-label=\"Close\"\n                    ><\/button>\n\n                    <h3>\n                        Operations &amp; Maintenance\n                    <\/h3>\n\n                    <p>\n                        Proactive monitoring and lifecycle maintenance,\n                        ensuring continuous operation, &amp; preserving\n                        long-term asset value.\n                    <\/p>\n                    <a href=\"\/https:\/\/crafthomes.co.za\/blume\/operations-and-maintenance\/\">\n                        &gt;&gt; Step 6 - Operations &amp; Maintenance\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         MOBILE VERSION\n         ===================================================== -->\n\n    <div class=\"blume-mobile-services\">\n\n        <div class=\"blume-mobile-heading\">\n\n            <h2>\n                Our Core Services\n            <\/h2>\n\n        <\/div>\n\n\n        <div class=\"blume-mobile-list\">\n\n\n            <!-- 01 -->\n\n            <div class=\"blume-mobile-item\">\n\n                <button\n                    type=\"button\"\n                    class=\"blume-mobile-toggle\"\n                >\n\n                    <span class=\"blume-mobile-number\">\n                        01\n                    <\/span>\n\n                    <span class=\"blume-mobile-title\">\n                        Energy Development\n                    <\/span>\n\n                    <span class=\"blume-mobile-plus\"><\/span>\n\n                <\/button>\n\n\n                <div class=\"blume-mobile-content\">\n\n                    <p>\n                        Responsible for initiating, planning and\n                        executing energy projects.\n                    <\/p>\n                    <a href=\"\/energy-development\">\n                        &gt;&gt; Step 1 - Energy Development\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n\n\n            <!-- 02 -->\n\n            <div class=\"blume-mobile-item\">\n\n                <button\n                    type=\"button\"\n                    class=\"blume-mobile-toggle\"\n                >\n\n                    <span class=\"blume-mobile-number\">\n                        02\n                    <\/span>\n\n                    <span class=\"blume-mobile-title\">\n                        Funding\n                    <\/span>\n\n                    <span class=\"blume-mobile-plus\"><\/span>\n\n                <\/button>\n\n\n                <div class=\"blume-mobile-content\">\n\n                    <p>\n                        Customised financial &amp; operational strategies\n                        to reduce energy transition risk through our\n                        comprehensive profile of Power Purchase\n                        Agreements (PPA).\n                    <\/p>\n\n                    <a href=\"\/fFunding\">\n                        &gt;&gt; Step 2 - Funding\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n\n\n            <!-- 03 -->\n\n            <div class=\"blume-mobile-item\">\n\n                <button\n                    type=\"button\"\n                    class=\"blume-mobile-toggle\"\n                >\n\n                    <span class=\"blume-mobile-number\">\n                        03\n                    <\/span>\n\n                    <span class=\"blume-mobile-title\">\n                        Energy Storage\n                    <\/span>\n\n                    <span class=\"blume-mobile-plus\"><\/span>\n\n                <\/button>\n\n\n                <div class=\"blume-mobile-content\">\n\n                    <p>\n                        Ensure energy security &amp; reliability with\n                        industry-leading battery energy storage\n                        solutions (BESS).\n                    <\/p>\n\n                    <a href=\"energy-storage\">\n                        &gt;&gt; Step 3 - Energy Storage\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n\n\n            <!-- 04 -->\n\n            <div class=\"blume-mobile-item\">\n\n                <button\n                    type=\"button\"\n                    class=\"blume-mobile-toggle\"\n                >\n\n                    <span class=\"blume-mobile-number\">\n                        04\n                    <\/span>\n\n                    <span class=\"blume-mobile-title\">\n                        Energy Management\n                    <\/span>\n\n                    <span class=\"blume-mobile-plus\"><\/span>\n\n                <\/button>\n\n\n                <div class=\"blume-mobile-content\">\n\n                    <p>\n                        Advanced utility solutions including load\n                        monitoring, cost management and energy usage\n                        optimisation.\n                    <\/p>\n\n                    <a href=\"\/energy-management\">\n                        &gt;&gt; Step 4 - Energy Management\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n\n\n            <!-- 05 -->\n\n            <div class=\"blume-mobile-item\">\n\n                <button\n                    type=\"button\"\n                    class=\"blume-mobile-toggle\"\n                >\n\n                    <span class=\"blume-mobile-number\">\n                        05\n                    <\/span>\n\n                    <span class=\"blume-mobile-title\">\n                        Integrated Asset Management\n                    <\/span>\n\n                    <span class=\"blume-mobile-plus\"><\/span>\n\n                <\/button>\n\n\n                <div class=\"blume-mobile-content\">\n\n                    <p>\n                        Efficient asset management with real-time asset\n                        monitoring, performance optimisation and\n                        transparent reporting.\n                    <\/p>\n\n                    <a href=\"\/integrated-asset-management\">\n                        &gt;&gt; Step 5 - Integrated Asset Management\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n\n\n            <!-- 06 -->\n\n            <div class=\"blume-mobile-item\">\n\n                <button\n                    type=\"button\"\n                    class=\"blume-mobile-toggle\"\n                >\n\n                    <span class=\"blume-mobile-number\">\n                        06\n                    <\/span>\n\n                    <span class=\"blume-mobile-title\">\n                        Operations &amp; Maintenance\n                    <\/span>\n\n                    <span class=\"blume-mobile-plus\"><\/span>\n\n                <\/button>\n\n\n                <div class=\"blume-mobile-content\">\n\n                    <p>\n                        Proactive monitoring and lifecycle maintenance,\n                        ensuring continuous operation and preserving\n                        long-term asset value.\n                    <\/p>\n\n                    <a href=\"\/operations-and-maintenance\">\n                        &gt;&gt; Step 6 - Operations &amp; Maintenance\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n\n\n    \/* =====================================================\n       DESKTOP HOTSPOTS\n       ===================================================== *\/\n\n    const hotspots =\n        document.querySelectorAll('.blume-hotspot');\n\n\n    function closeDesktopHotspots() {\n\n        hotspots.forEach(function(hotspot) {\n            hotspot.classList.remove('active');\n        });\n\n    }\n\n\n    hotspots.forEach(function(hotspot) {\n\n        const button =\n            hotspot.querySelector('.blume-hotspot-btn');\n\n        const popup =\n            hotspot.querySelector('.blume-popup');\n\n        const closeButton =\n            hotspot.querySelector('.blume-popup-close');\n\n\n        \/*\n        Open hotspot\n        *\/\n\n        button.addEventListener('click', function(event) {\n\n            event.stopPropagation();\n\n            const currentlyOpen =\n                hotspot.classList.contains('active');\n\n            closeDesktopHotspots();\n\n            if (!currentlyOpen) {\n                hotspot.classList.add('active');\n            }\n\n        });\n\n\n        \/*\n        Close button\n        *\/\n\n        closeButton.addEventListener('click', function(event) {\n\n            event.stopPropagation();\n\n            hotspot.classList.remove('active');\n\n        });\n\n\n        \/*\n        Prevent clicking popup from closing it\n        *\/\n\n        popup.addEventListener('click', function(event) {\n            event.stopPropagation();\n        });\n\n    });\n\n\n    \/*\n    Click anywhere else\n    *\/\n\n    document.addEventListener('click', function() {\n\n        closeDesktopHotspots();\n\n    });\n\n\n    \/*\n    Escape button\n    *\/\n\n    document.addEventListener('keydown', function(event) {\n\n        if (event.key === 'Escape') {\n            closeDesktopHotspots();\n        }\n\n    });\n\n\n\n    \/* =====================================================\n       MOBILE ACCORDION\n       ===================================================== *\/\n\n    const mobileItems =\n        document.querySelectorAll('.blume-mobile-item');\n\n\n    mobileItems.forEach(function(item) {\n\n        const button =\n            item.querySelector('.blume-mobile-toggle');\n\n\n        button.addEventListener('click', function() {\n\n            const isOpen =\n                item.classList.contains('active');\n\n\n            \/*\n            Close all\n            *\/\n\n            mobileItems.forEach(function(otherItem) {\n\n                otherItem.classList.remove('active');\n\n            });\n\n\n            \/*\n            Open clicked item\n            *\/\n\n            if (!isOpen) {\n\n                item.classList.add('active');\n\n            }\n\n        });\n\n    });\n\n});\n<\/script><\/div><\/div><\/div><\/div><\/div><\/section>\n<\/div><\/div><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/crafthomes.co.za\/blume\/wp-json\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/crafthomes.co.za\/blume\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/crafthomes.co.za\/blume\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/crafthomes.co.za\/blume\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/crafthomes.co.za\/blume\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":4,"href":"https:\/\/crafthomes.co.za\/blume\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":347,"href":"https:\/\/crafthomes.co.za\/blume\/wp-json\/wp\/v2\/pages\/20\/revisions\/347"}],"wp:attachment":[{"href":"https:\/\/crafthomes.co.za\/blume\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}