meh

index.html

@@ -7,104 +7,12 @@
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link href="https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&family=Inter:wght@100..900&display=swap" rel="stylesheet" />
-    <style>
-        #preloader {
-            position: fixed; left: 0; right: 0; top: 0; bottom: 0;
-            z-index: 999999;
-            background-color: #101840;
-            transition: opacity 0.4s ease;
-        }
-        #preloader.fade-out { opacity: 0; pointer-events: none; }
-        .preloader-inner {
-            text-align: center; position: absolute; left: 50%; top: 50%;
-            transform: translate(-50%, -50%); line-height: 1;
-        }
-        #preloader .loader {
-            width: 48px; height: 48px;
-            background: #FA2D39;
-            display: block; margin: 20px auto;
-            position: relative; box-sizing: border-box;
-            animation: rotationBack 1s ease-in-out infinite reverse;
-        }
-        #preloader .loader::before {
-            content: ""; box-sizing: border-box;
-            left: 0; top: 0;
-            transform: rotate(45deg);
-            position: absolute; width: 48px; height: 48px;
-            background: #FA2D39;
-            box-shadow: 0 0 5px rgba(0,0,0,0.15);
-        }
-        #preloader .loader::after {
-            content: ""; box-sizing: border-box;
-            width: 32px; height: 32px; border-radius: 50%;
-            position: absolute; left: 50%; top: 50%;
-            background: #FFF;
-            transform: translate(-50%, -50%);
-            box-shadow: 0 0 5px rgba(0,0,0,0.15);
-        }
-        @keyframes rotationBack {
-            0% { transform: rotate(0deg); }
-            100% { transform: rotate(-360deg); }
-        }
-    </style>
-    <script>
-        window.elementorFrontendConfig = {
-            environmentMode: { edit: false, wpPreview: false, isScriptDebug: false },
-            is_rtl: false,
-            breakpoints: { xs: 0, sm: 480, md: 768, lg: 1025, xl: 1440, xxl: 1600 },
-            responsive: {
-                breakpoints: {
-                    mobile: { label: 'Mobile Portrait', value: 767, default_value: 767, direction: 'max', is_enabled: true },
-                    mobile_extra: { label: 'Mobile Landscape', value: 880, default_value: 880, direction: 'max', is_enabled: false },
-                    tablet: { label: 'Tablet Portrait', value: 1024, default_value: 1024, direction: 'max', is_enabled: true },
-                    tablet_extra: { label: 'Tablet Landscape', value: 1200, default_value: 1200, direction: 'max', is_enabled: false },
-                    laptop: { label: 'Laptop', value: 1366, default_value: 1366, direction: 'max', is_enabled: false },
-                    widescreen: { label: 'Widescreen', value: 2400, default_value: 2400, direction: 'min', is_enabled: false },
-                },
-                hasCustomBreakpoints: false,
-            },
-            version: '4.1.2',
-            is_static: false,
-            experimentalFeatures: {
-                e_font_icon_svg: true, additional_custom_breakpoints: true, container: true,
-                'nested-elements': true, global_classes_should_enforce_capabilities: true,
-                e_variables: true, e_opt_in_v4_page: true, e_components: true,
-                e_interactions: true, e_widget_creation: true, 'import-export-customization': true,
-            },
-            urls: { assets: '/wp-content/plugins/elementor/assets/', ajaxurl: '', uploadUrl: '/wp-content/uploads' },
-            swiperClass: 'swiper',
-            settings: { page: [], editorPreferences: [] },
-            kit: { active_breakpoints: ['viewport_mobile', 'viewport_tablet'], lightbox_enable_counter: 'yes', lightbox_enable_fullscreen: 'yes', lightbox_enable_zoom: 'yes', lightbox_enable_share: 'yes', lightbox_title_src: 'title', lightbox_description_src: 'description' },
-            post: { id: 23, title: 'Home', excerpt: '', featuredImage: false },
-        }
-    </script>
 </head>
 <body>
-    <div id="preloader" class="preloader">
-        <div class="preloader-inner">
-            <div class="loader"></div>
-        </div>
-    </div>
     <div id="root"></div>
     <script defer src="/wp-includes/js/jquery/jquery.min.js"></script>
-    <script defer src="/wp-includes/js/jquery/jquery-migrate.min.js"></script>
-    <script defer src="/wp-includes/js/imagesloaded.min.js"></script>
-    <script defer src="/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js"></script>
-    <script defer src="/wp-content/plugins/elementor/assets/js/frontend-modules.min.js"></script>
-    <script defer src="/wp-content/plugins/elementor/assets/js/frontend.min.js"></script>
     <script defer src="/wp-content/themes/rakar/assets/js/bootstrap.min.js"></script>
-    <script defer src="/wp-content/themes/rakar/assets/js/jquery.magnific-popup.min.js"></script>
-    <script defer src="/wp-content/themes/rakar/assets/js/jquery.counterup.min.js"></script>
-    <script defer src="/wp-content/themes/rakar/assets/js/isotope.pkgd.min.js"></script>
     <script defer src="/wp-content/themes/rakar/assets/js/main.js"></script>
     <script type="module" src="/src/main.jsx"></script>
-    <script>
-        window.__removePreloader = function () {
-            var el = document.getElementById('preloader')
-            if (!el || el.classList.contains('fade-out')) return
-            el.classList.add('fade-out')
-            setTimeout(function () { if (el.parentNode) el.parentNode.removeChild(el) }, 400)
-        }
-    </script>
 </body>
 </html>

public/wp-content/themes/rakar/assets/js/main.js

@@ -214,6 +214,7 @@ function rakar_content_load_scripts() {
     popupSideMenu('.sidemenu-info', '.sideMenuInfo', '.sideMenuCls', 'show');
 
     /*----------- 11. Magnific Popup ----------*/
+    if ($.fn.magnificPopup) {
         /* magnificPopup img view */
         $(".popup-image").magnificPopup({
             type: "image",
@@ -234,30 +235,34 @@ function rakar_content_load_scripts() {
             type: "inline",
             midClick: true,
         });
+    }
     
 
        /*----------- 13. Filter ----------*/
+       if ($.fn.imagesLoaded) {
            $(".filter-active").imagesLoaded(function () {
             var $filter = ".filter-active",
                 $filterItem = ".filter-item",
                 $filterMenu = ".filter-menu-active";
 
             if ($($filter).length > 0) {
-            var $grid = $($filter).isotope({
+                var $grid = typeof $.fn.isotope === 'function' ? $($filter).isotope({
                     itemSelector: $filterItem,
                     filter: "*",
                     masonry: {
                         columnWidth: $filterItem,
                     },
-            });
+                }) : null;
 
                 // filter items on button click
+                if ($grid) {
                     $($filterMenu).on("click", "button", function () {
                         var filterValue = $(this).attr("data-filter");
                         $grid.isotope({
                             filter: filterValue,
                         });
                     });
+                }
 
                 // Menu Active Class
                 $($filterMenu).on("click", "button", function (event) {
@@ -282,19 +287,24 @@ function rakar_content_load_scripts() {
                     }
                     $closestLoadMoreActive.find('.filter-item.d-none, .accordion-card.d-none').removeClass('d-none');
                     
-                var $grid = $($filter).isotope({
+                    if ($grid) {
+                        $grid.isotope({
                             filter: "*",
                         });
+                    }
                 }, 700);
             });
         });
+       }
 
 
     /*----------- 14. Counter Up ----------*/
+    if ($.fn.counterUp) {
         $(".counter-number").counterUp({
             delay: 10,
             time: 1000,
         });
+    }
 
 
     /*----------- 16. Shape Mockup ----------*/
@@ -393,6 +403,7 @@ function rakar_content_load_scripts() {
 
 
     /*----------- Search Masonary ----------*/
+    if ($.fn.imagesLoaded && $.fn.isotope) {
         $('.search-active').imagesLoaded(function () {
             var $filter = '.search-active',
             $filterItem = '.filter-item';
@@ -408,6 +419,7 @@ function rakar_content_load_scripts() {
             });
             };
         });
+    }
 
     
 }

public/wp-includes/js/jquery/ui/mouse.min.js

@@ -1,9 +0,0 @@
-/*!
- * jQuery UI Mouse 1.13.3
- * https://jqueryui.com
- *
- * Copyright OpenJS Foundation and other contributors
- * Released under the MIT license.
- * https://jquery.org/license
- */
-!function(e){"use strict";"function"==typeof define&&define.amd?define(["jquery","../ie","../version","../widget"],e):e(jQuery)}(function(o){"use strict";var n=!1;return o(document).on("mouseup",function(){n=!1}),o.widget("ui.mouse",{version:"1.13.3",options:{cancel:"input, textarea, button, select, option",distance:1,delay:0},_mouseInit:function(){var t=this;this.element.on("mousedown."+this.widgetName,function(e){return t._mouseDown(e)}).on("click."+this.widgetName,function(e){if(!0===o.data(e.target,t.widgetName+".preventClickEvent"))return o.removeData(e.target,t.widgetName+".preventClickEvent"),e.stopImmediatePropagation(),!1}),this.started=!1},_mouseDestroy:function(){this.element.off("."+this.widgetName),this._mouseMoveDelegate&&this.document.off("mousemove."+this.widgetName,this._mouseMoveDelegate).off("mouseup."+this.widgetName,this._mouseUpDelegate)},_mouseDown:function(e){var t,i,s;if(!n)return this._mouseMoved=!1,this._mouseStarted&&this._mouseUp(e),i=1===(this._mouseDownEvent=e).which,s=!("string"!=typeof(t=this).options.cancel||!e.target.nodeName)&&o(e.target).closest(this.options.cancel).length,i&&!s&&this._mouseCapture(e)&&(this.mouseDelayMet=!this.options.delay,this.mouseDelayMet||(this._mouseDelayTimer=setTimeout(function(){t.mouseDelayMet=!0},this.options.delay)),this._mouseDistanceMet(e)&&this._mouseDelayMet(e)&&(this._mouseStarted=!1!==this._mouseStart(e),!this._mouseStarted)?e.preventDefault():(!0===o.data(e.target,this.widgetName+".preventClickEvent")&&o.removeData(e.target,this.widgetName+".preventClickEvent"),this._mouseMoveDelegate=function(e){return t._mouseMove(e)},this._mouseUpDelegate=function(e){return t._mouseUp(e)},this.document.on("mousemove."+this.widgetName,this._mouseMoveDelegate).on("mouseup."+this.widgetName,this._mouseUpDelegate),e.preventDefault(),n=!0)),!0},_mouseMove:function(e){if(this._mouseMoved){if(o.ui.ie&&(!document.documentMode||document.documentMode<9)&&!e.button)return this._mouseUp(e);if(!e.which)if(e.originalEvent.altKey||e.originalEvent.ctrlKey||e.originalEvent.metaKey||e.originalEvent.shiftKey)this.ignoreMissingWhich=!0;else if(!this.ignoreMissingWhich)return this._mouseUp(e)}return(e.which||e.button)&&(this._mouseMoved=!0),this._mouseStarted?(this._mouseDrag(e),e.preventDefault()):(this._mouseDistanceMet(e)&&this._mouseDelayMet(e)&&(this._mouseStarted=!1!==this._mouseStart(this._mouseDownEvent,e),this._mouseStarted?this._mouseDrag(e):this._mouseUp(e)),!this._mouseStarted)},_mouseUp:function(e){this.document.off("mousemove."+this.widgetName,this._mouseMoveDelegate).off("mouseup."+this.widgetName,this._mouseUpDelegate),this._mouseStarted&&(this._mouseStarted=!1,e.target===this._mouseDownEvent.target&&o.data(e.target,this.widgetName+".preventClickEvent",!0),this._mouseStop(e)),this._mouseDelayTimer&&(clearTimeout(this._mouseDelayTimer),delete this._mouseDelayTimer),this.ignoreMissingWhich=!1,n=!1,e.preventDefault()},_mouseDistanceMet:function(e){return Math.max(Math.abs(this._mouseDownEvent.pageX-e.pageX),Math.abs(this._mouseDownEvent.pageY-e.pageY))>=this.options.distance},_mouseDelayMet:function(){return this.mouseDelayMet},_mouseStart:function(){},_mouseDrag:function(){},_mouseStop:function(){},_mouseCapture:function(){return!0}})});

public/wp-includes/js/waypoint.min.js

@@ -1,2 +0,0 @@
-// Minimal waypoint shim to prevent JS errors
-(function($){'use strict';if($.fn&&!$.fn.waypoint){$.fn.waypoint=function(){return this;}}})(jQuery);

src/App.jsx

@@ -4,7 +4,6 @@ import ErrorBoundary from './components/ErrorBoundary'
 import { BRAND_PRIMARY } from './config'
 import Home from './pages/Home'
 import About from './pages/About'
-import Services from './pages/Services'
 import ServiceDetail from './pages/ServiceDetail'
 import Project from './pages/Project'
 import Contact from './pages/Contact'
@@ -27,7 +26,6 @@ export default function App() {
           <Route element={<Layout />}>
             <Route path="/" element={<Home />} />
             <Route path="/about" element={<About />} />
-            <Route path="/service" element={<Services />} />
             <Route path="/service/:slug" element={<ServiceDetail />} />
             <Route path="/project" element={<Project />} />
             <Route path="/contact" element={<Contact />} />

src/components/Layout.jsx

@@ -20,35 +20,7 @@ export default function Layout() {
   useSwiper(contentRef)
   useAnimations(contentRef)
 
-  useEffect(() => {
+  // preloader removed — app loads fast enough
-    let removed = false
-    const removePreloader = () => {
-      if (removed) return
-      removed = true
-      if (window.__removePreloader) {
-        window.__removePreloader()
-      }
-    }
-    const tryRemove = () => {
-      if (window.__removePreloader && window.__cssReady && window.__layoutReady) {
-        removePreloader()
-        return true
-      }
-      return false
-    }
-    if (tryRemove()) return
-    const onReady = () => tryRemove()
-    document.addEventListener('css-ready', onReady)
-    window.addEventListener('layout-ready', onReady)
-    window.addEventListener('load', onReady)
-    const fallback = setTimeout(removePreloader, 5000)
-    return () => {
-      document.removeEventListener('css-ready', onReady)
-      window.removeEventListener('layout-ready', onReady)
-      window.removeEventListener('load', onReady)
-      clearTimeout(fallback)
-    }
-  }, [])
 
   useEffect(() => {
     window.scrollTo(0, 0)

src/components/about/AboutBreadcrumb.jsx

@@ -0,0 +1,26 @@
+export default function AboutBreadcrumb() {
+  return (
+    <div className="breadcumb-banner">
+      <div
+        className="breadcumb-wrapper"
+        id="breadcumbwrap"
+        style={{
+          backgroundImage: 'url(/assets/images/breadcumb-bg.jpg)',
+          backgroundPosition: 'center center',
+          backgroundRepeat: 'no-repeat',
+          backgroundSize: 'cover'
+        }}
+      >
+        <div className="container">
+          <div className="breadcumb-content">
+            <h1 className="breadcumb-title">About Us</h1>
+            <ul className="breadcumb-menu">
+              <li><a href="/">Home</a></li>
+              <li>About Us</li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}

src/components/about/AboutDivider.jsx

@@ -0,0 +1,25 @@
+export default function AboutDivider() {
+  return (
+    <div
+      className="elementor-element elementor-element-9c28bcc e-con-full e-flex e-con e-parent"
+      data-id="9c28bcc"
+      data-element_type="container"
+      data-e-type="container"
+      data-settings={JSON.stringify({ background_background: "classic" })}
+    >
+      <div
+        className="elementor-element elementor-element-0970cc9 elementor-widget-divider--view-line elementor-widget elementor-widget-divider"
+        data-id="0970cc9"
+        data-element_type="widget"
+        data-e-type="widget"
+        data-widget_type="divider.default"
+      >
+        <div className="elementor-widget-container">
+          <div className="elementor-divider">
+            <span className="elementor-divider-separator"></span>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}

src/components/about/AboutExpertise.jsx

@@ -0,0 +1,140 @@
+export default function AboutExpertise() {
+  return (
+    <div
+      className="elementor-element elementor-element-f0eab85 bg-white e-flex e-con-boxed e-con e-parent"
+      data-id="f0eab85"
+      data-element_type="container"
+      data-e-type="container"
+      data-settings={JSON.stringify({ background_background: "classic" })}
+    >
+      <div className="e-con-inner">
+        {/* Section Title */}
+        <div
+          className="elementor-element elementor-element-602a946 elementor-widget__width-initial elementor-widget elementor-widget-rakarsectiontitle"
+          data-id="602a946"
+          data-element_type="widget"
+          data-e-type="widget"
+          data-widget_type="rakarsectiontitle.default"
+        >
+          <div className="elementor-widget-container">
+            <div className="title-area text-center">
+              <span className="sub-title">
+                <img decoding="async" src="/assets/images/title_icon.svg" alt="Shape" />
+                Our Expertise
+              </span>
+              <h2 className="sec-title">Provide Quality Servicing Opportunity For You</h2>
+              <p>Our team of highly skilled engineers, technicians, and customer support specialists brings extensive knowledge and expertise to every project. From design and installation to maintenance and repair, we offer comprehensive solutions that ensure optimal performance and longevity of your climate control systems.</p>
+            </div>
+          </div>
+        </div>
+
+        {/* Service Cards Slider */}
+        <div
+          className="elementor-element elementor-element-10eb73a elementor-widget elementor-widget-rakarservice"
+          data-id="10eb73a"
+          data-element_type="widget"
+          data-e-type="widget"
+          data-widget_type="rakarservice.default"
+        >
+          <div className="elementor-widget-container">
+            <div className="slider-area">
+              <div
+                className="swiper th-slider has-shadow"
+                id="serviceSlider1"
+                data-slider-options={JSON.stringify({
+                  loop: false,
+                  slidesPerGroup: 2,
+                  breakpoints: {
+                    0: { slidesPerView: 1 },
+                    576: { slidesPerView: 1 },
+                    768: { slidesPerView: 2 },
+                    992: { slidesPerView: 2 },
+                    1200: { slidesPerView: 3 },
+                    1300: { slidesPerView: 4 }
+                  }
+                })}
+              >
+                <div className="swiper-wrapper">
+                  {/* Card 1 - Vision */}
+                  <div className="swiper-slide">
+                    <div className="service-card">
+                      <div className="box-number">01</div>
+                      <div className="box-icon">
+                        <img decoding="async" src="/assets/images/choose_feature_2.svg" alt="choose_feature_2" />
+                      </div>
+                      <h3 className="box-title"><a href="../about/index.html">OUR VISION</a></h3>
+                      <p className="box-text">Be a top engineering solutions provider in the UAE, known for innovation and quality.heating, and misting systems.</p>
+                      <a href="../about/index.html" className="th-btn btn-sm th_btn">
+                        Read More<i className="far fa-arrow-right ms-2"></i>
+                      </a>
+                    </div>
+                  </div>
+
+                  {/* Card 2 - Mission */}
+                  <div className="swiper-slide">
+                    <div className="service-card">
+                      <div className="box-number">02</div>
+                      <div className="box-icon">
+                        <img decoding="async" src="/assets/images/service_card_7.svg" alt="service_card_7" />
+                      </div>
+                      <h3 className="box-title"><a href="../about/index.html">OUR MISSION</a></h3>
+                      <p className="box-text">our mission is to enhance the quality of life and productivity through innovative climate control systems.</p>
+                      <a href="../about/index.html" className="th-btn btn-sm th_btn">
+                        Read More<i className="far fa-arrow-right ms-2"></i>
+                      </a>
+                    </div>
+                  </div>
+
+                  {/* Card 3 - Values */}
+                  <div className="swiper-slide">
+                    <div className="service-card">
+                      <div className="box-number">03</div>
+                      <div className="box-icon">
+                        <img decoding="async" src="/assets/images/counter_card_2.svg" alt="counter_card_2" />
+                      </div>
+                      <h3 className="box-title"><a href="../about/index.html">OUR VALUES</a></h3>
+                      <p className="box-text">We stay at the forefront of technology, continuously exploring new ways to offer the most effective solutions</p>
+                      <a href="../about/index.html" className="th-btn btn-sm th_btn">
+                        Read More<i className="far fa-arrow-right ms-2"></i>
+                      </a>
+                    </div>
+                  </div>
+
+                  {/* Card 4 - Quality */}
+                  <div className="swiper-slide">
+                    <div className="service-card">
+                      <div className="box-number">04</div>
+                      <div className="box-icon">
+                        <img decoding="async" src="/assets/images/service_card_1.svg" alt="service_card_1" />
+                      </div>
+                      <h3 className="box-title"><a href="../about/index.html">QUALITY</a></h3>
+                      <p className="box-text">We commit to deliver services that exceed expectations through continuous improvement and rigorous quality control</p>
+                      <a href="../about/index.html" className="th-btn btn-sm th_btn">
+                        Read More<i className="far fa-arrow-right ms-2"></i>
+                      </a>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        {/* Divider */}
+        <div
+          className="elementor-element elementor-element-f849c74 elementor-widget-divider--view-line elementor-widget elementor-widget-divider"
+          data-id="f849c74"
+          data-element_type="widget"
+          data-e-type="widget"
+          data-widget_type="divider.default"
+        >
+          <div className="elementor-widget-container">
+            <div className="elementor-divider">
+              <span className="elementor-divider-separator"></span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}

src/components/about/AboutIntro.jsx

@@ -0,0 +1,181 @@
+import { useRef } from 'react'
+import { useNavFix } from '../../hooks/useNavFix'
+
+export default function AboutIntro() {
+  const ref = useRef(null)
+  useNavFix(ref)
+
+  return (
+    <div
+      className="elementor-element elementor-element-00d41d8 e-flex e-con-boxed e-con e-parent"
+      data-id="00d41d8"
+      data-element_type="container"
+      data-e-type="container"
+      data-settings={JSON.stringify({ background_background: "classic" })}
+      style={{
+        backgroundImage: 'url(/assets/images/pattern_bg_5.png)',
+        backgroundPosition: 'center center',
+        backgroundRepeat: 'no-repeat',
+        backgroundSize: 'cover'
+      }}
+    >
+      <div className="e-con-inner" ref={ref}>
+        <div
+          className="elementor-element elementor-element-36ac6ff e-con-full e-flex e-con e-child"
+          data-id="36ac6ff"
+          data-element_type="container"
+          data-e-type="container"
+        >
+          {/* Section Title widget */}
+          <div
+            className="elementor-element elementor-element-c4d613e elementor-widget elementor-widget-rakarsectiontitle"
+            data-id="c4d613e"
+            data-element_type="widget"
+            data-e-type="widget"
+            data-widget_type="rakarsectiontitle.default"
+          >
+            <div className="elementor-widget-container">
+              <div className="title-area text-left">
+                <span className="sub-title">
+                  <span className="line"></span>
+                  <img decoding="async" src="/assets/images/title_icon2.svg" alt="Shape" />
+                  About Us
+                </span>
+                <h2 className="sec-title">Profen Engineering: No.1 Climate Control Solutions</h2>
+                <p>Profen Engineering, your trusted partner in comprehensive Sustainability, MEP &amp; Construction Services. With a commitment to excellence, innovation, and client satisfaction, we stand as a beacon of reliability in the construction industry. We are a highly motivated and passionate team of skilled professionals with a strong focus on delivering exceptional Climate Control, MEP &amp; Construction services.</p>
+              </div>
+            </div>
+          </div>
+
+          {/* Checklist HTML widget */}
+          <div
+            className="elementor-element elementor-element-13df23c elementor-widget elementor-widget-html"
+            data-id="13df23c"
+            data-element_type="widget"
+            data-e-type="widget"
+            data-widget_type="html.default"
+          >
+            <div className="elementor-widget-container">
+              <div className="checklist">
+                <ul>
+                  <li>Professional &amp; Certified</li>
+                  <li>Uncompromized Quality Check</li>
+                </ul>
+              </div>
+            </div>
+          </div>
+
+          {/* Nested child for button + call */}
+          <div
+            className="elementor-element elementor-element-ce00ca3 e-con-full e-flex e-con e-child"
+            data-id="ce00ca3"
+            data-element_type="container"
+            data-e-type="container"
+          >
+            {/* Button widget */}
+            <div
+              className="elementor-element elementor-element-e9d1a26 elementor-widget elementor-widget-rakarbutton"
+              data-id="e9d1a26"
+              data-element_type="widget"
+              data-e-type="widget"
+              data-widget_type="rakarbutton.default"
+            >
+              <div className="elementor-widget-container">
+                <div className="btn-wrapper">
+                  <a className="th-btn th_btn style4" href="../contact/index.html">
+                    Discover More<i className="far fa-arrow-right"></i>
+                  </a>
+                </div>
+              </div>
+            </div>
+
+            {/* Call button HTML widget */}
+            <div
+              className="elementor-element elementor-element-b547d92 elementor-widget elementor-widget-html"
+              data-id="b547d92"
+              data-element_type="widget"
+              data-e-type="widget"
+              data-widget_type="html.default"
+            >
+              <div className="elementor-widget-container">
+                <div className="call-btn">
+                  <div className="play-btn">
+                    <i className="fas fa-phone"></i>
+                  </div>
+                  <div className="media-body">
+                    <p className="box-label">Call Us</p>
+                    <h6 className="box-link"><a href="tel:+971 4 320 0869">+971 4 320 0869</a></h6>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        {/* Right column - image */}
+        <div
+          className="elementor-element elementor-element-c65aa33 e-con-full e-flex e-con e-child"
+          data-id="c65aa33"
+          data-element_type="container"
+          data-e-type="container"
+        >
+          <div
+            className="elementor-element elementor-element-3e63e89 elementor-widget elementor-widget-rakarimage"
+            data-id="3e63e89"
+            data-element_type="widget"
+            data-e-type="widget"
+            data-widget_type="rakarimage.default"
+          >
+            <div className="elementor-widget-container">
+              <div className="rounded-img1">
+                <img decoding="async" src="/assets/images/cooling-EDIT.jpg" alt="cooling EDIT" />
+              </div>
+            </div>
+          </div>
+        </div>
+
+        {/* Bottom row - features/process */}
+        <div
+          className="elementor-element elementor-element-b680789 e-con-full e-flex e-con e-child"
+          data-id="b680789"
+          data-element_type="container"
+          data-e-type="container"
+        >
+          <div
+            className="elementor-element elementor-element-5e5ca9a elementor-widget elementor-widget-rakarfeatures"
+            data-id="5e5ca9a"
+            data-element_type="widget"
+            data-e-type="widget"
+            data-widget_type="rakarfeatures.default"
+          >
+            <div className="elementor-widget-container">
+              <div className="contact-process-wrap no-bg">
+                <div className="contact-process">
+                  <div className="box-number">01</div>
+                  <div className="media-body">
+                    <h3 className="box-title">Book Online</h3>
+                    <p className="box-text">Book consultations, inspections, or service calls at your convenience</p>
+                  </div>
+                </div>
+                <div className="contact-process">
+                  <div className="box-number">02</div>
+                  <div className="media-body">
+                    <h3 className="box-title">Detailed Estimate</h3>
+                    <p className="box-text">Estimates based on your project size, scope, and unique requirements</p>
+                  </div>
+                </div>
+                <div className="contact-process">
+                  <div className="box-number">03</div>
+                  <div className="media-body">
+                    <h3 className="box-title">Work Planning</h3>
+                    <p className="box-text">We understand your project goals, requirements, and budget and identify the full scope of work and define clear deliverables</p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}

src/components/about/AboutWhyChooseUs.jsx

@@ -0,0 +1,147 @@
+export default function AboutWhyChooseUs() {
+  return (
+    <div
+      className="elementor-element elementor-element-823d3c9 e-flex e-con-boxed e-con e-parent"
+      data-id="823d3c9"
+      data-element_type="container"
+      data-e-type="container"
+      data-settings={JSON.stringify({ background_background: "classic" })}
+    >
+      <div className="e-con-inner">
+        <div
+          className="elementor-element elementor-element-cb3681b e-con-full e-flex e-con e-child"
+          data-id="cb3681b"
+          data-element_type="container"
+          data-e-type="container"
+        >
+          {/* Video/Counter section */}
+          <div
+            className="elementor-element elementor-element-dbfdeb2 e-con-full e-flex e-con e-child"
+            data-id="dbfdeb2"
+            data-element_type="container"
+            data-e-type="container"
+          >
+            <div
+              className="elementor-element elementor-element-a7622f6 elementor-widget elementor-widget-rakarvideo"
+              data-id="a7622f6"
+              data-element_type="widget"
+              data-e-type="widget"
+              data-widget_type="rakarvideo.default"
+            >
+              <div className="elementor-widget-container">
+                <div className="video-sec3" data-bg-src="/assets/images/IMG-10.jpg">
+                  <div className="container space text-center text-xl-start">
+                    <div className="row py-xl-5 flex-row-reverse justify-content-xl-between justify-content-center align-items-center">
+                      <div className="col-xl-auto"></div>
+                      <div className="col-xl-6">
+                        <div className="video-content3">
+                          <div className="title-area mb-35"></div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div>
+                    <div className="container">
+                      <div className="counter-card-wrap style3">
+                        <div className="counter-card">
+                          <div className="media-body">
+                            <h2 className="box-number"><span className="counter-number">350</span>+</h2>
+                            <p className="box-text">PROJECTS FINISHED</p>
+                          </div>
+                        </div>
+                        <div className="divider"></div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          {/* Why Choose Us content */}
+          <div
+            className="elementor-element elementor-element-82420bf e-con-full e-flex e-con e-child"
+            data-id="82420bf"
+            data-element_type="container"
+            data-e-type="container"
+          >
+            {/* Section Title */}
+            <div
+              className="elementor-element elementor-element-f8c143b elementor-widget elementor-widget-rakarsectiontitle"
+              data-id="f8c143b"
+              data-element_type="widget"
+              data-e-type="widget"
+              data-widget_type="rakarsectiontitle.default"
+            >
+              <div className="elementor-widget-container">
+                <div className="title-area text-left">
+                  <span className="sub-title">
+                    <img decoding="async" src="/assets/images/title_icon.svg" alt="Shape" />
+                    Why Choose Us
+                  </span>
+                  <h2 className="sec-title">Why You Choose Our Services</h2>
+                  <p>Profen Engineering LLC offers innovative, energy-efficient engineering solutions for cooling, heating, and misting systems, ensuring high performance and customer satisfaction.</p>
+                </div>
+              </div>
+            </div>
+
+            {/* Features */}
+            <div
+              className="elementor-element elementor-element-c7fe177 elementor-widget elementor-widget-rakarfeatures"
+              data-id="c7fe177"
+              data-element_type="widget"
+              data-e-type="widget"
+              data-widget_type="rakarfeatures.default"
+            >
+              <div className="elementor-widget-container">
+                <div className="choose-feature-wrap">
+                  <div className="choose-feature">
+                    <div className="box-icon">
+                      <img decoding="async" src="/assets/images/choose_feature_1.svg" alt="choose_feature_1" />
+                    </div>
+                    <h3 className="box-title">Certified Expert Workers</h3>
+                  </div>
+                  <div className="choose-feature">
+                    <div className="box-icon">
+                      <img decoding="async" src="/assets/images/choose_feature_2.svg" alt="choose_feature_2" />
+                    </div>
+                    <h3 className="box-title">Fast and Quality Services</h3>
+                  </div>
+                  <div className="choose-feature">
+                    <div className="box-icon">
+                      <img decoding="async" src="/assets/images/choose_feature_3.svg" alt="choose_feature_3" />
+                    </div>
+                    <h3 className="box-title">Best Prices in Town</h3>
+                  </div>
+                  <div className="choose-feature">
+                    <div className="box-icon">
+                      <img decoding="async" src="/assets/images/choose_feature_4.svg" alt="choose_feature_4" />
+                    </div>
+                    <h3 className="box-title">We Have Won Awards</h3>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            {/* Button */}
+            <div
+              className="elementor-element elementor-element-fe36c58 elementor-widget elementor-widget-rakarbutton"
+              data-id="fe36c58"
+              data-element_type="widget"
+              data-e-type="widget"
+              data-widget_type="rakarbutton.default"
+            >
+              <div className="elementor-widget-container">
+                <div className="btn-wrapper">
+                  <a className="th-btn th_btn style4" href="/contact">
+                    Contact Us<i className="far fa-arrow-right"></i>
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}

src/components/home/HomeAbout.jsx

@@ -0,0 +1,137 @@
+import CountUp from '../shared/CountUp'
+export default function HomeAbout() {
+  return (
+    <div
+      className="elementor-element elementor-element-5ead1f4 e-flex e-con-boxed e-con e-parent"
+      data-id="5ead1f4"
+      data-element_type="container"
+      data-e-type="container"
+      data-settings={JSON.stringify({ background_background: "classic" })}
+    >
+      <div className="e-con-inner">
+        <div
+          className="elementor-element elementor-element-46a681a e-con-full e-flex e-con e-child"
+          data-id="46a681a"
+          data-element_type="container"
+          data-e-type="container"
+        >
+          {/* Text Column */}
+          <div
+            className="elementor-element elementor-element-5efe3e8 e-con-full e-flex e-con e-child"
+            data-id="5efe3e8"
+            data-element_type="container"
+            data-e-type="container"
+          >
+            <div
+              className="elementor-element elementor-element-9616bd1 elementor-widget elementor-widget-rakarsectiontitle"
+              data-id="9616bd1"
+              data-element_type="widget"
+              data-e-type="widget"
+              data-widget_type="rakarsectiontitle.default"
+            >
+              <div className="elementor-widget-container">
+                <div className="title-area text-left">
+                  <span className="sub-title2">
+                    <img decoding="async" src="/assets/images/title_icon5.svg" alt="Shape" />
+                    About Us
+                  </span>
+                  <h2 className="sec-title">Building Future with Integrity</h2>
+                  <p>Profen Engineering, your trusted partner in comprehensive Sustainability, MEP &amp;Construction Services. With a commitment to excellence, innovation, and client satisfaction, we stand as a beacon of reliability in the construction industry.</p>
+                </div>
+              </div>
+            </div>
+            <div
+              className="elementor-element elementor-element-af95b28 elementor-widget elementor-widget-rakarfeatures"
+              data-id="af95b28"
+              data-element_type="widget"
+              data-e-type="widget"
+              data-widget_type="rakarfeatures.default"
+            >
+              <div className="elementor-widget-container">
+                <div className="about-media-wrap">
+                  <div className="about-media">
+                    <div className="box-icon"><img decoding="async" src="/assets/images/about_media_1.svg" alt="about_media_1" /></div>
+                    <h3 className="box-title">Efficient Use of Resources</h3>
+                    <p className="box-text">Cost-effective planning to maximize value</p>
+                  </div>
+                  <div className="about-media">
+                    <div className="box-icon"><img decoding="async" src="/assets/images/about_media_2.svg" alt="about_media_2" /></div>
+                    <h3 className="box-title">Focus on Quality &amp; Safety</h3>
+                    <p className="box-text">Built into every stage of the plan.</p>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              className="elementor-element elementor-element-29f108d e-con-full e-flex e-con e-child"
+              data-id="29f108d"
+              data-element_type="container"
+              data-e-type="container"
+            >
+              <div
+                className="elementor-element elementor-element-a13bc6b elementor-widget elementor-widget-rakarbutton"
+                data-id="a13bc6b"
+                data-element_type="widget"
+                data-e-type="widget"
+                data-widget_type="rakarbutton.default"
+              >
+                <div className="elementor-widget-container">
+                  <div className="btn-wrapper">
+                    <a className="th-btn th_btn style4 rounded-10" href="/about">Discover More<i className="far fa-arrow-right"></i></a>
+                  </div>
+                </div>
+              </div>
+              <div
+                className="elementor-element elementor-element-ac33de4 elementor-widget elementor-widget-html"
+                data-id="ac33de4"
+                data-element_type="widget"
+                data-e-type="widget"
+                data-widget_type="html.default"
+              >
+                <div className="elementor-widget-container">
+                  <div className="call-btn">
+                    <div className="play-btn">
+                      <i className="fas fa-phone"></i>
+                    </div>
+                    <div className="media-body">
+                      <p className="box-label">Call Us</p>
+                      <h6 className="box-link"><a href="tel: +97143200869"> +971 4 320 0869</a></h6>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          {/* Image Column */}
+          <div
+            className="elementor-element elementor-element-4d50f48 e-con-full e-flex e-con e-child"
+            data-id="4d50f48"
+            data-element_type="container"
+            data-e-type="container"
+          >
+            <div
+              className="elementor-element elementor-element-6ab087a elementor-widget elementor-widget-rakarimage"
+              data-id="6ab087a"
+              data-element_type="widget"
+              data-e-type="widget"
+              data-widget_type="rakarimage.default"
+            >
+              <div className="elementor-widget-container">
+                <div className="img-box5">
+                  <div className="img1"><img decoding="async" src="/assets/images/aboutcooling.png" alt="aboutcooling" /></div>
+                  <div className="customer-box">
+                    <div className="media-body">
+                      <h4 className="box-title"><CountUp end={80} suffix="+" /></h4>
+                      <p className="box-text">SATISFIED CLIENTS</p>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}

src/components/home/HomeClients.jsx

@@ -0,0 +1,56 @@
+export default function HomeClients() {
+  return (
+    <div
+      className="elementor-element elementor-element-7e4b13e e-con-full e-flex e-con e-parent"
+      data-id="7e4b13e"
+      data-element_type="container"
+      data-e-type="container"
+    >
+      <div
+        className="elementor-element elementor-element-84dc261 elementor-widget elementor-widget-rakarclientlogos"
+        data-id="84dc261"
+        data-element_type="widget"
+        data-e-type="widget"
+        data-widget_type="rakarclientlogos.default"
+      >
+        <div className="elementor-widget-container">
+          <div className="brand-sec3">
+            <div className="brand-inner">
+              <div
+                className="swiper th-slider"
+                id="brandSlider3"
+                data-slider-options={JSON.stringify({
+                  spaceBetween: 30,
+                  breakpoints: {
+                    0: { slidesPerView: 1 },
+                    576: { slidesPerView: 2 },
+                    768: { slidesPerView: 3 },
+                    992: { slidesPerView: 4 },
+                    1200: { slidesPerView: 4 },
+                    1300: { slidesPerView: 5 },
+                    1500: { slidesPerView: 7 }
+                  }
+                })}
+              >
+                <div className="swiper-wrapper">
+                  <div className="swiper-slide">
+                    <div className="brand-card"><img decoding="async" src="index.html" alt="" /></div>
+                  </div>
+                  <div className="swiper-slide">
+                    <div className="brand-card"><img decoding="async" src="index.html" alt="" /></div>
+                  </div>
+                  <div className="swiper-slide">
+                    <div className="brand-card"><img decoding="async" src="index.html" alt="" /></div>
+                  </div>
+                  <div className="swiper-slide">
+                    <div className="brand-card"><img decoding="async" src="index.html" alt="" /></div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}

src/components/home/HomeContact.jsx

@@ -0,0 +1,96 @@
+export default function HomeContact() {
+  return (
+    <div
+      className="elementor-element elementor-element-4b90467 contact-sec5 e-flex e-con-boxed e-con e-parent"
+      data-id="4b90467"
+      data-element_type="container"
+      data-e-type="container"
+      data-settings={JSON.stringify({ background_background: "classic" })}
+    >
+      <div className="e-con-inner">
+        <div
+          className="elementor-element elementor-element-2bf89c2 e-con-full e-flex e-con e-child"
+          data-id="2bf89c2"
+          data-element_type="container"
+          data-e-type="container"
+        >
+          <div
+            className="elementor-element elementor-element-c6385e5 elementor-widget__width-initial elementor-widget elementor-widget-rakarsectiontitle"
+            data-id="c6385e5"
+            data-element_type="widget"
+            data-e-type="widget"
+            data-widget_type="rakarsectiontitle.default"
+          >
+            <div className="elementor-widget-container">
+              <div className="title-area text-left">
+                <h2 className="sec-title">Request a quote</h2>
+              </div>
+            </div>
+          </div>
+          <div
+            className="elementor-element elementor-element-a54413c elementor-widget elementor-widget-rakarcontactform"
+            data-id="a54413c"
+            data-element_type="widget"
+            data-e-type="widget"
+            data-widget_type="rakarcontactform.default"
+          >
+            <div className="elementor-widget-container">
+              <div className="input-transparent ajax-contact">
+                <div className="wpcf7 no-js" id="wpcf7-f1078-p23-o1" lang="en-US" dir="ltr" data-wpcf7-id="1078">
+                  <div className="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div>
+                  <form action="index.html#wpcf7-f1078-p23-o1" method="post" className="wpcf7-form init" aria-label="Contact form" noValidate="noValidate" data-status="init">
+                    <fieldset className="hidden-fields-container">
+                      <input type="hidden" name="_wpcf7" value="1078" />
+                      <input type="hidden" name="_wpcf7_version" value="6.1.6" />
+                      <input type="hidden" name="_wpcf7_locale" value="en_US" />
+                      <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f1078-p23-o1" />
+                      <input type="hidden" name="_wpcf7_container_post" value="23" />
+                      <input type="hidden" name="_wpcf7_posted_data_hash" value="" />
+                    </fieldset>
+                    <div className="row">
+                      <div className="form-group col-md-6">
+                        <span className="wpcf7-form-control-wrap" data-name="text-163">
+                          <input size="40" maxLength="400" className="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" aria-required="true" aria-invalid="false" placeholder="Your Name" value="" type="text" name="text-163" />
+                        </span>
+                      </div>
+                      <div className="form-group col-md-6">
+                        <span className="wpcf7-form-control-wrap" data-name="email-181">
+                          <input size="40" maxLength="400" className="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email form-control" aria-required="true" aria-invalid="false" placeholder="Email Address" value="" type="email" name="email-181" />
+                        </span>
+                      </div>
+                      <div className="form-group col-md-6">
+                        <span className="wpcf7-form-control-wrap" data-name="number-197">
+                          <input className="wpcf7-form-control wpcf7-number wpcf7-validates-as-required wpcf7-validates-as-number form-control" aria-required="true" aria-invalid="false" placeholder="Phone Number" value="" type="number" name="number-197" />
+                        </span>
+                      </div>
+                      <div className="form-group col-md-6">
+                        <span className="wpcf7-form-control-wrap" data-name="menu-115">
+                          <select className="wpcf7-form-control wpcf7-select wpcf7-validates-as-required form-select nice-select" id="subject" aria-required="true" aria-invalid="false" name="menu-115">
+                            <option value="Select Subject">Select Subject</option>
+                            <option value="General Query">General Query</option>
+                            <option value="Help Support">Help Support</option>
+                            <option value="Sales Support">Sales Support</option>
+                          </select>
+                        </span>
+                      </div>
+                      <div className="form-group col-12">
+                        <span className="wpcf7-form-control-wrap" data-name="textarea-117">
+                          <textarea cols="40" rows="10" maxLength="2000" className="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required form-control" aria-required="true" aria-invalid="false" placeholder="Your Message" name="textarea-117"></textarea>
+                        </span>
+                      </div>
+                      <div className="form-btn col-12">
+                        <button className="th-btn style3 rounded-10">Submit Request<i className="far fa-arrow-right ms-2"></i></button>
+                      </div>
+                    </div>
+                    <p className="form-messages mb-0 mt-3"></p>
+                    <div className="wpcf7-response-output" aria-hidden="true"></div>
+                  </form>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}

src/components/home/HomeGallery.jsx

@@ -0,0 +1,82 @@
+export default function HomeGallery() {
+  return (
+    <div
+      className="elementor-element elementor-element-d427a31 e-flex e-con-boxed e-con e-parent"
+      data-id="d427a31"
+      data-element_type="container"
+      data-e-type="container"
+      data-settings={JSON.stringify({ background_background: "classic" })}
+    >
+      <div className="e-con-inner">
+        <div
+          className="elementor-element elementor-element-b17d88d elementor-widget elementor-widget-rakarsectiontitle"
+          data-id="b17d88d"
+          data-element_type="widget"
+          data-e-type="widget"
+          data-widget_type="rakarsectiontitle.default"
+        >
+          <div className="elementor-widget-container">
+            <div className="title-area text-center">
+              <span className="sub-title2">
+                <img decoding="async" src="/assets/images/title_icon5.svg" alt="Shape" />
+                Our Best Gallery
+              </span>
+              <h2 className="sec-title">Our Awesome Gallery</h2>
+            </div>
+          </div>
+        </div>
+        <div
+          className="elementor-element elementor-element-cab3119 elementor-widget elementor-widget-rakargallery"
+          data-id="cab3119"
+          data-element_type="widget"
+          data-e-type="widget"
+          data-widget_type="rakargallery.default"
+        >
+          <div className="elementor-widget-container">
+            <div className="row gy-4 filter-active">
+              <div className="col-xl-3 col-md-6">
+                <div className="row gy-4">
+                  <div className="col-12 filter-item">
+                    <div className="gallery-grid">
+                      <div className="box-img"><img decoding="async" src="/assets/images/IMG-11.jpg" alt="IMG 11" /></div>
+                      <a href="/assets/images/IMG-11.jpg" className="icon-btn popup-image"><i className="fas fa-plus"></i></a>
+                    </div>
+                  </div>
+                  <div className="col-12 filter-item">
+                    <div className="gallery-grid">
+                      <div className="box-img"><img decoding="async" src="/assets/images/IMG-9.jpg" alt="IMG 9" /></div>
+                      <a href="/assets/images/IMG-9.jpg" className="icon-btn popup-image"><i className="fas fa-plus"></i></a>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div className="col-md-6 col-xl-6 filter-item">
+                <div className="gallery-grid">
+                  <div className="box-img"><img decoding="async" src="/assets/images/IMG-8.jpg" alt="IMG 8" /></div>
+                  <a href="/assets/images/IMG-8.jpg" className="icon-btn popup-image"><i className="fas fa-plus"></i></a>
+                </div>
+              </div>
+              <div className="col-xl-3 col-md-6">
+                <div className="row gy-4">
+                  <div className="col-12 filter-item">
+                    <div className="gallery-grid">
+                      <div className="box-img"><img decoding="async" src="/assets/images/IMG-7.jpg" alt="IMG 7" /></div>
+                      <a href="/assets/images/IMG-7.jpg" className="icon-btn popup-image"><i className="fas fa-plus"></i></a>
+                    </div>
+                  </div>
+                  <div className="col-12 filter-item">
+                    <div className="gallery-grid">
+                      <div className="box-img"><img decoding="async" src="/assets/images/ELECTRICAL.jpg" alt="ELECTRICAL" /></div>
+                      <a href="/assets/images/ELECTRICAL.jpg" className="icon-btn popup-image"><i className="fas fa-plus"></i></a>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}

src/components/home/HomeHero.jsx

@@ -0,0 +1,67 @@
+import { Link } from "react-router-dom";
+export default function HomeHero() {
+  return (
+    <div className="th-hero-wrapper hero-5 slider-area" id="hero">
+      <div className="swiper th-slider" id="heroSlide5" data-slider-options={JSON.stringify({effect: "fade", autoHeight: true})}>
+        <div className="swiper-wrapper">
+          <div className="swiper-slide">
+            <div className="hero-inner" data-bg-src="/assets/images/img-14filt.jpg">
+              <div className="container">
+                <div className="hero-style5">
+                  <span className="sub-title2 sub"><span className="line"></span>Welcome To Profen</span>
+                  <h1 className="hero-title">
+                    <span className="title1">Stay Refreshed</span>
+                    <span className="title2"><span className="text-theme">with Our <img decoding="async" src="/assets/images/Promist-Logo-1.png" alt="" /></span> Misting Magic</span>
+                  </h1>
+                  <p className="hero-text">Promist is a specialized brand, dedicated to delivering innovative, high-performance misting and evaporative cooling solutions.</p>
+                  <div className="btn-group">
+                    <Link to="/service/misting-solutions" className="th-btn rounded-12 style2 th_btn">Our All Services<i className="fas fa-arrow-right ms-2"></i></Link>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div className="swiper-slide">
+            <div className="hero-inner" data-bg-src="/assets/images/adiabatic-cool.jpg">
+              <div className="container">
+                <div className="hero-style5">
+                  <span className="sub-title2 sub"><span className="line"></span>Welcome To Profen</span>
+                  <h1 className="hero-title">
+                    <span className="title1">Efficiency starts</span>
+                    <span className="title2"><span className="text-theme">with Pro-Shield Adiabatic</span> Pre-Cooling</span>
+                  </h1>
+                  <p className="hero-text">Designed for extreme climatic conditions, PRO-SHIELD enhances system efficiency while significantly reducing energy consumption.</p>
+                  <div className="btn-group">
+                    <Link to="/service/adiabatic-pre-cooling-system" className="th-btn rounded-12 style2 th_btn">Our All Services<i className="fas fa-arrow-right ms-2"></i></Link>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div className="swiper-slide">
+            <div className="hero-inner" data-bg-src="/assets/images/img-13filter.jpg">
+              <div className="container">
+                <div className="hero-style5">
+                  <span className="sub-title2 sub"><span className="line"></span>Welcome To Profen</span>
+                  <h1 className="hero-title">
+                    <span className="title1">Chill Out or Heat Up</span>
+                    <span className="title2"><span className="text-theme">We've got Your </span> Perfect Solution</span>
+                  </h1>
+                  <p className="hero-text">Our Heat and Chill pump can be used for heating or cooling swimming pool. spa or other tank water cooling System.</p>
+                  <div className="btn-group">
+                    <Link to="/service/chiller-hot-cool-solutions" className="th-btn rounded-12 style2 th_btn">Our All Services<i className="fas fa-arrow-right ms-2"></i></Link>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div className="slider-pagination"></div>
+      </div>
+      <div className="icon-box">
+        <button data-slider-prev="#heroSlide5" className="slider-arrow default"><i className="far fa-arrow-left"></i></button>
+        <button data-slider-next="#heroSlide5" className="slider-arrow default"><i className="far fa-arrow-right"></i></button>
+      </div>
+    </div>
+  )
+}

src/components/home/HomePartners.jsx

@@ -0,0 +1,53 @@
+export default function HomePartners() {
+  return (
+    <div
+      className="elementor-element elementor-element-998ec08 e-con-full e-flex e-con e-parent"
+      data-id="998ec08"
+      data-element_type="container"
+      data-e-type="container"
+      data-settings={JSON.stringify({ background_background: "classic" })}
+    >
+      <div
+        className="elementor-element elementor-element-803e663 elementor-widget elementor-widget-rakarclientlogos"
+        data-id="803e663"
+        data-element_type="widget"
+        data-e-type="widget"
+        data-widget_type="rakarclientlogos.default"
+      >
+        <div className="elementor-widget-container">
+          <div className="brand-sec3">
+            <div className="brand-inner">
+              <div
+                className="swiper th-slider"
+                id="partnersSlider"
+                data-slider-options={JSON.stringify({
+                  slidesPerView: 5,
+                  centeredSlides: true,
+                  spaceBetween: 30,
+                  autoplay: true,
+                  loop: true,
+                  speed: 800,
+                  breakpoints: {
+                    0: { slidesPerView: 2 },
+                    640: { slidesPerView: 3 },
+                    992: { slidesPerView: 5 }
+                  }
+                })}
+              >
+                <div className="swiper-wrapper">
+                  {['10', '16', '17', '18', '20', '30', '40', '50'].map((name, i) => (
+                    <div className="swiper-slide" key={name}>
+                      <div className="brand-card">
+                        <img decoding="async" src={`/assets/images/${name}.png`} alt={name} />
+                      </div>
+                    </div>
+                  ))}
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}

src/components/home/HomeProcess.jsx

@@ -0,0 +1,60 @@
+export default function HomeProcess() {
+  return (
+    <div
+      className="elementor-element elementor-element-35e8e35 e-flex e-con-boxed e-con e-parent"
+      data-id="35e8e35"
+      data-element_type="container"
+      data-e-type="container"
+      data-settings={JSON.stringify({ background_background: "classic" })}
+    >
+      <div className="e-con-inner">
+        <div
+          className="elementor-element elementor-element-9dcf892 elementor-widget__width-initial elementor-widget elementor-widget-rakarsectiontitle"
+          data-id="9dcf892"
+          data-element_type="widget"
+          data-e-type="widget"
+          data-widget_type="rakarsectiontitle.default"
+        >
+          <div className="elementor-widget-container">
+            <div className="title-area text-center">
+              <span className="sub-title2">
+                <img decoding="async" src="/assets/images/title_icon5_white.svg" alt="title_icon5_white" />
+                Working Process
+              </span>
+              <h2 className="sec-title">Follow Great Process</h2>
+              <p>Our process is designed to deliver reliable and high-performance solutions across various industries.</p>
+            </div>
+          </div>
+        </div>
+        <div
+          className="elementor-element elementor-element-c476a78 elementor-widget elementor-widget-rakarstep"
+          data-id="c476a78"
+          data-element_type="widget"
+          data-e-type="widget"
+          data-widget_type="rakarstep.default"
+        >
+          <div className="elementor-widget-container">
+            <div className="process-box-wrap">
+              <div className="process-box">
+                <div className="box-number">01</div>
+                <div className="box-content"><h3 className="box-title">Go Through Services</h3></div>
+              </div>
+              <div className="process-box">
+                <div className="box-number">02</div>
+                <div className="box-content"><h3 className="box-title">Choose Your Required Service</h3></div>
+              </div>
+              <div className="process-box">
+                <div className="box-number">03</div>
+                <div className="box-content"><h3 className="box-title">Get Our Best Proposal</h3></div>
+              </div>
+              <div className="process-box">
+                <div className="box-number">04</div>
+                <div className="box-content"><h3 className="box-title">Experience Our Service &amp; Support</h3></div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}

src/components/home/HomeProjects.jsx

@@ -0,0 +1,239 @@
+export default function HomeProjects() {
+  return (
+    <div
+      className="elementor-element elementor-element-46cde4a e-flex e-con-boxed e-con e-parent"
+      data-id="46cde4a"
+      data-element_type="container"
+      data-e-type="container"
+      data-settings={JSON.stringify({ background_background: "classic" })}
+    >
+      <div className="e-con-inner">
+        {/* Section Title */}
+        <div
+          className="elementor-element elementor-element-7f42902 elementor-widget__width-initial elementor-widget elementor-widget-rakarsectiontitle"
+          data-id="7f42902"
+          data-element_type="widget"
+          data-e-type="widget"
+          data-widget_type="rakarsectiontitle.default"
+        >
+          <div className="elementor-widget-container">
+            <div className="title-area text-center">
+              <span className="sub-title2">
+                <img decoding="async" src="/assets/images/title_icon5.svg" alt="Shape" />
+                Our Projects
+              </span>
+              <h2 className="sec-title">Explore Latest Projects</h2>
+              <p>Our team of experts is equipped to assist you with a variety of pipe repair needs. Please share your email address to connect with us.</p>
+            </div>
+          </div>
+        </div>
+
+        {/* Tab Builder */}
+        <div
+          className="elementor-element elementor-element-d967b8b elementor-widget elementor-widget-rakartabbuilder"
+          data-id="d967b8b"
+          data-element_type="widget"
+          data-e-type="widget"
+          data-widget_type="rakartabbuilder.default"
+        >
+          <div className="elementor-widget-container">
+            <div className="text-center">
+              <div className="nav tab-menu2 indicator-active" id="tab-menu1" role="tablist">
+                <button className="tab-btn active" id="nav-1-tab" data-bs-toggle="tab" data-bs-target="#nav-1" type="button" role="tab" aria-controls="nav-1" aria-selected="true">Heating Solution</button>
+                <button className="tab-btn" id="nav-2-tab" data-bs-toggle="tab" data-bs-target="#nav-2" type="button" role="tab" aria-controls="nav-2" aria-selected="true">Cooling Solution</button>
+                <button className="tab-btn" id="nav-3-tab" data-bs-toggle="tab" data-bs-target="#nav-3" type="button" role="tab" aria-controls="nav-3" aria-selected="true">Misting Solution</button>
+              </div>
+            </div>
+            <div className="tab-content">
+              {/* Tab 1: Heating Solution */}
+              <div className="tab-pane fade active show" id="nav-1" role="tabpanel" aria-labelledby="nav-1-tab">
+                <style>{`.elementor-1171 .elementor-element.elementor-element-84548b2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}`}</style>
+                <div data-elementor-type="wp-post" data-elementor-id="1171" className="elementor elementor-1171">
+                  <div className="elementor-element elementor-element-84548b2 e-con-full e-flex e-con e-parent" data-id="84548b2" data-element_type="container" data-e-type="container">
+                    <div className="elementor-element elementor-element-33d6d1d elementor-widget elementor-widget-rakarproject" data-id="33d6d1d" data-element_type="widget" data-e-type="widget" data-widget_type="rakarproject.default">
+                      <div className="elementor-widget-container">
+                        <div className="slider-wrap text-center">
+                          <div className="swiper th-slider project-slider5" id="projectSlider50" data-slider-options={JSON.stringify({ paginationType: "fraction", centeredSlides: true, centeredSlidesBounds: true, breakpoints: { 0: { slidesPerView: 1 }, 576: { slidesPerView: 1 }, 768: { slidesPerView: 1 }, 992: { slidesPerView: 2 }, 1200: { slidesPerView: 2 } } })}>
+                            <div className="swiper-wrapper">
+                              <div className="swiper-slide">
+                                <div className="project-element">
+                                  <div className="box-img"><img decoding="async" src="/assets/images/Insights-Swimming-Pool-Heat-Pumps.jpg" alt="Insights Swimming Pool Heat Pumps" /></div>
+                                  <a className="icon-btn" href="/project"><i className="far fa-arrow-up-right"></i></a>
+                                  <div className="box-content">
+                                    <p className="box-subtitle">Heating Solution</p>
+                                    <h3 className="box-title"><a href="/project">Swimming Pool Heating</a></h3>
+                                    <p className="box-text">Heat Pumps – Energy-efficient heating for year-round pool comfort, Electric Heaters – Fast and precise temperature control,Solar Pool Heaters – Eco-friendly and cost-saving solutions</p>
+                                  </div>
+                                </div>
+                              </div>
+                              <div className="swiper-slide">
+                                <div className="project-element">
+                                  <div className="box-img"><img decoding="async" src="/assets/images/commercial-heating.jpg" alt="commercial heating" /></div>
+                                  <a className="icon-btn" href="/project"><i className="far fa-arrow-up-right"></i></a>
+                                  <div className="box-content">
+                                    <p className="box-subtitle">Heating Solution</p>
+                                    <h3 className="box-title"><a href="/project">Commercial &amp; Industrial Heating</a></h3>
+                                    <p className="box-text">Boilers &amp; Water Heaters – High-performance solutions for hotels, hospitals, and factories, Radiant Heating Systems – Ideal for warehouses, greenhouses, and industrial spaces, Steam Heating Systems – Efficient thermal solutions for manufacturing and processing industries</p>
+                                  </div>
+                                </div>
+                              </div>
+                              <div className="swiper-slide">
+                                <div className="project-element">
+                                  <div className="box-img"><img decoding="async" src="/assets/images/outdoor-heating.jpg" alt="outdoor heating" /></div>
+                                  <a className="icon-btn" href="/project"><i className="far fa-arrow-up-right"></i></a>
+                                  <div className="box-content">
+                                    <p className="box-subtitle">Heating Solution</p>
+                                    <h3 className="box-title"><a href="/project">Outdoor &amp; Space Heating</a></h3>
+                                    <p className="box-text">Patio Heaters – Infrared and gas heaters for outdoor comfort, Radiant Floor Heating – Efficient underfloor heating for homes and commercial spaces, Industrial Space Heating – High-capacity heaters for large facilities and warehouses</p>
+                                  </div>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                          <div className="slider-controller">
+                            <button data-slider-prev="#projectSlider50" className="slider-arrow default"><i className="far fa-arrow-left"></i></button>
+                            <div className="slider-pagination" data-slider-id="#projectSlider50"></div>
+                            <button data-slider-next="#projectSlider50" className="slider-arrow default"><i className="far fa-arrow-right"></i></button>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              {/* Tab 2: Cooling Solution */}
+              <div className="tab-pane fade" id="nav-2" role="tabpanel" aria-labelledby="nav-2-tab">
+                <style>{`.elementor-1185 .elementor-element.elementor-element-c197f94{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}`}</style>
+                <div data-elementor-type="wp-post" data-elementor-id="1185" className="elementor elementor-1185">
+                  <div className="elementor-element elementor-element-c197f94 e-con-full e-flex e-con e-parent" data-id="c197f94" data-element_type="container" data-e-type="container">
+                    <div className="elementor-element elementor-element-20f24c9 elementor-widget elementor-widget-rakarproject" data-id="20f24c9" data-element_type="widget" data-e-type="widget" data-widget_type="rakarproject.default">
+                      <div className="elementor-widget-container">
+                        <div className="slider-wrap text-center">
+                          <div className="swiper th-slider project-slider5" id="projectSlider51" data-slider-options={JSON.stringify({ paginationType: "fraction", centeredSlides: true, centeredSlidesBounds: true, breakpoints: { 0: { slidesPerView: 1 }, 576: { slidesPerView: 1 }, 768: { slidesPerView: 1 }, 992: { slidesPerView: 2 }, 1200: { slidesPerView: 2 } } })}>
+                            <div className="swiper-wrapper">
+                              <div className="swiper-slide">
+                                <div className="project-element">
+                                  <div className="box-img"><img decoding="async" src="/assets/images/outdoorcooling.webp" alt="outdoorcooling" /></div>
+                                  <a className="icon-btn" href="/project"><i className="far fa-arrow-up-right"></i></a>
+                                  <div className="box-content">
+                                    <p className="box-subtitle">Cooling Solution</p>
+                                    <h3 className="box-title"><a href="/project">Outdoor Cooling Solutions</a></h3>
+                                    <p className="box-text">Misting Systems – Reduces outdoor temperatures by 10-15°C, perfect for gardens, patios, and outdoor restaurants, Evaporative Cooling – Ideal for open-air spaces and commercial venues, Patio &amp; Terrace Cooling Fans – Enhances comfort for outdoor seating areas</p>
+                                  </div>
+                                </div>
+                              </div>
+                              <div className="swiper-slide">
+                                <div className="project-element">
+                                  <div className="box-img"><img decoding="async" src="/assets/images/images.jpeg" alt="images" /></div>
+                                  <a className="icon-btn" href="/project"><i className="far fa-arrow-up-right"></i></a>
+                                  <div className="box-content">
+                                    <p className="box-subtitle">Cooling Solution</p>
+                                    <h3 className="box-title"><a href="/project">Swimming Pool Cooling</a></h3>
+                                    <p className="box-text">Pool Chillers – Lowers water temperature during hot summer months, Heat/Cool Pumps – Versatile solution for year-round temperature control,Energy-Efficient Pool Cooling Systems</p>
+                                  </div>
+                                </div>
+                              </div>
+                              <div className="swiper-slide">
+                                <div className="project-element">
+                                  <div className="box-img"><img decoding="async" src="/assets/images/cooling.jpeg" alt="cooling" /></div>
+                                  <a className="icon-btn" href="/project"><i className="far fa-arrow-up-right"></i></a>
+                                  <div className="box-content">
+                                    <p className="box-subtitle">Cooling Solution</p>
+                                    <h3 className="box-title"><a href="/project">Industrial &amp; Commercial Cooling</a></h3>
+                                    <p className="box-text">HVAC Systems – Centralized cooling solutions for commercial buildings, Evaporative Cooling – Cost-effective cooling for warehouses and factories, Chiller Systems – High-capacity cooling for industrial processes and Data Centers</p>
+                                  </div>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                          <div className="slider-controller">
+                            <button data-slider-prev="#projectSlider51" className="slider-arrow default"><i className="far fa-arrow-left"></i></button>
+                            <div className="slider-pagination" data-slider-id="#projectSlider51"></div>
+                            <button data-slider-next="#projectSlider51" className="slider-arrow default"><i className="far fa-arrow-right"></i></button>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              {/* Tab 3: Misting Solution */}
+              <div className="tab-pane fade" id="nav-3" role="tabpanel" aria-labelledby="nav-3-tab">
+                <style>{`.elementor-1186 .elementor-element.elementor-element-c26e3b3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}`}</style>
+                <div data-elementor-type="wp-post" data-elementor-id="1186" className="elementor elementor-1186">
+                  <div className="elementor-element elementor-element-c26e3b3 e-con-full e-flex e-con e-parent" data-id="c26e3b3" data-element_type="container" data-e-type="container">
+                    <div className="elementor-element elementor-element-f6690c5 elementor-widget elementor-widget-rakarproject" data-id="f6690c5" data-element_type="widget" data-e-type="widget" data-widget_type="rakarproject.default">
+                      <div className="elementor-widget-container">
+                        <div className="slider-wrap text-center">
+                          <div className="swiper th-slider project-slider5" id="projectSlider52" data-slider-options={JSON.stringify({ paginationType: "fraction", centeredSlides: true, centeredSlidesBounds: true, breakpoints: { 0: { slidesPerView: 1 }, 576: { slidesPerView: 1 }, 768: { slidesPerView: 1 }, 992: { slidesPerView: 2 }, 1200: { slidesPerView: 2 } } })}>
+                            <div className="swiper-wrapper">
+                              <div className="swiper-slide">
+                                <div className="project-element">
+                                  <div className="box-img"><img decoding="async" src="/assets/images/outdoormist.webp" alt="outdoormist" /></div>
+                                  <a className="icon-btn" href="/project"><i className="far fa-arrow-up-right"></i></a>
+                                  <div className="box-content">
+                                    <p className="box-subtitle">Misting Solution</p>
+                                    <h3 className="box-title"><a href="/project">Outdoor Cooling Misting Systems</a></h3>
+                                    <p className="box-text">Patio &amp; Garden Misting – Perfect for homes, villas, cafés, and restaurants, Resort &amp; Poolside Cooling – Enhances guest comfort in hot climates, Event &amp; Festival Misting – Creates a cooling and refreshing atmosphere for outdoor gatherings</p>
+                                  </div>
+                                </div>
+                              </div>
+                              <div className="swiper-slide">
+                                <div className="project-element">
+                                  <div className="box-img"><img decoding="async" src="/assets/images/mistingindus.jpg" alt="mistingindus" /></div>
+                                  <a className="icon-btn" href="/project"><i className="far fa-arrow-up-right"></i></a>
+                                  <div className="box-content">
+                                    <p className="box-subtitle">Misting Solution</p>
+                                    <h3 className="box-title"><a href="/project">Industrial &amp; Commercial Misting</a></h3>
+                                    <p className="box-text">Warehouse &amp; Factory Cooling – Reduces heat in large workspaces, Greenhouse Humidification – Maintains optimal humidity for plant growth, Dust &amp; Odor Control – Suppresses airborne particles in construction and waste management sites</p>
+                                  </div>
+                                </div>
+                              </div>
+                              <div className="swiper-slide">
+                                <div className="project-element">
+                                  <div className="box-img"><img decoding="async" src="/assets/images/fogg.jpeg" alt="fogg" /></div>
+                                  <a className="icon-btn" href="/project"><i className="far fa-arrow-up-right"></i></a>
+                                  <div className="box-content">
+                                    <p className="box-subtitle">Misting Solution</p>
+                                    <h3 className="box-title"><a href="/project">Specialized Misting Applications</a></h3>
+                                    <p className="box-text">Animal &amp; Livestock Cooling – Helps regulate temperature for animal welfare, Theme Parks &amp; Entertainment Venues – Creates refreshing experiences for visitors, Agricultural Cooling – Protects crops and livestock from extreme heat</p>
+                                  </div>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                          <div className="slider-controller">
+                            <button data-slider-prev="#projectSlider52" className="slider-arrow default"><i className="far fa-arrow-left"></i></button>
+                            <div className="slider-pagination" data-slider-id="#projectSlider52"></div>
+                            <button data-slider-next="#projectSlider52" className="slider-arrow default"><i className="far fa-arrow-right"></i></button>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        {/* Shape Image */}
+        <div
+          className="elementor-element elementor-element-208ae46 elementor-widget elementor-widget-rakarshapeimage"
+          data-id="208ae46"
+          data-element_type="widget"
+          data-e-type="widget"
+          data-widget_type="rakarshapeimage.default"
+        >
+          <div className="elementor-widget-container">
+            <div className="shape-mockup" data-top="1px" data-right="1px">
+              <img decoding="async" className="" src="/assets/images/project_bg_5.png" alt="Shape Image" />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}

src/components/home/HomeServicesSection.jsx

@@ -0,0 +1,88 @@
+import { Link } from "react-router-dom";
+
+const SERVICES = [
+  { slug: "adiabatic-pre-cooling-system", title: "Adiabatic Pre-Cooling System", img: "/assets/images/img-1.jpg", icon: "/assets/images/service_block_4.svg" },
+  { slug: "misting-solutions", title: "Promist Misting Solutions", img: "/assets/images/IMG-9.jpg", icon: "/assets/images/why_feature_6.svg" },
+  { slug: "chiller-hot-cool-solutions", title: "Chiller Hot & Cool Solution", img: "/assets/images/IMG-4.jpg", icon: "/assets/images/title_icon2.svg" },
+  { slug: "building-management-system", title: "Building Mngmt System", img: "/assets/images/bms.jpg", icon: "/assets/images/why_feature_2.svg" },
+  { slug: "interior-fit-out-works", title: "Interior & Fit-Out Work", img: "/assets/images/IMG-6.jpg", icon: "/assets/images/why_feature_1.svg" },
+  { slug: "building-contracting-works", title: "Building Contracting Works", img: "/assets/images/IMG-3.jpg", icon: "/assets/images/why_feature_3.svg" },
+  { slug: "metal-construction-fabrications", title: "Metal Construction & Fabrications", img: "/assets/images/IMG-2.jpg", icon: "/assets/images/why_feature_5.svg" },
+  { slug: "electro-mechanical-works", title: "Electro-Mechanical Works", img: "/assets/images/PIC-2.jpg", icon: "/assets/images/service_card_2.svg" },
+]
+
+export default function HomeServicesSection() {
+  return (
+    <div
+      className="elementor-element elementor-element-fb76345 e-flex e-con-boxed e-con e-parent"
+      data-id="fb76345"
+      data-element_type="container"
+      data-e-type="container"
+      data-settings={JSON.stringify({ background_background: "classic" })}
+    >
+      <div className="e-con-inner">
+        <div
+          className="elementor-element elementor-element-7f99e6d e-con-full e-flex e-con e-child"
+          data-id="7f99e6d"
+          data-element_type="container"
+          data-e-type="container"
+        >
+          <div
+            className="elementor-element elementor-element-5ab397b elementor-widget__width-initial elementor-widget elementor-widget-rakarsectiontitle"
+            data-id="5ab397b"
+            data-element_type="widget"
+            data-e-type="widget"
+            data-widget_type="rakarsectiontitle.default"
+          >
+            <div className="elementor-widget-container">
+              <div className="title-area text-left">
+                <span className="sub-title2 shape-white">
+                  <img decoding="async" src="/assets/images/title_icon5.svg" alt="Shape" />
+                  Our Services
+                </span>
+                <h2 className="sec-title">We Provide Residential &amp; Commercial Electronic Service</h2>
+              </div>
+            </div>
+          </div>
+          <div
+            className="elementor-element elementor-element-521e1f7 elementor-widget elementor-widget-rakarbutton"
+            data-id="521e1f7"
+            data-element_type="widget"
+            data-e-type="widget"
+            data-widget_type="rakarbutton.default"
+          >
+            <div className="elementor-widget-container">
+              <div className="btn-wrapper">
+                <Link className="th-btn th_btn style2 rounded-12" to="/contact">View All Services<i className="far fa-arrow-right"></i></Link>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          className="elementor-element elementor-element-148606f elementor-widget elementor-widget-rakarservice"
+          data-id="148606f"
+          data-element_type="widget"
+          data-e-type="widget"
+          data-widget_type="rakarservice.default"
+        >
+          <div className="elementor-widget-container">
+            <div className="row gy-4">
+              {SERVICES.map((s) => (
+                <div key={s.slug} className="col-xxl-3 col-lg-4 col-md-6">
+                  <div className="service-block">
+                    <div className="box-img"><img decoding="async" src={s.img} alt={s.title} /></div>
+                    <Link to={`/service/${s.slug}`} className="icon-btn"><i className="far fa-arrow-up-right"></i></Link>
+                    <div className="box-content">
+                      <div className="box-icon"><img decoding="async" src={s.icon} alt="" /></div>
+                      <h3 className="box-title"><Link to={`/service/${s.slug}`}>{s.title}</Link></h3>
+                    </div>
+                  </div>
+                </div>
+              ))}
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}

src/components/home/HomeWhyChooseUs.jsx

@@ -0,0 +1,177 @@
+import CountUp from '../shared/CountUp'
+export default function HomeWhyChooseUs() {
+  return (
+    <div
+      className="elementor-element elementor-element-9ff3146 e-flex e-con-boxed e-con e-parent"
+      data-id="9ff3146"
+      data-element_type="container"
+      data-e-type="container"
+      data-settings={JSON.stringify({ background_background: "classic" })}
+    >
+      <div className="e-con-inner">
+        {/* Section Title */}
+        <div
+          className="elementor-element elementor-element-d78b401 elementor-widget elementor-widget-rakarsectiontitle"
+          data-id="d78b401"
+          data-element_type="widget"
+          data-e-type="widget"
+          data-widget_type="rakarsectiontitle.default"
+        >
+          <div className="elementor-widget-container">
+            <div className="title-area text-center">
+              <span className="sub-title2">
+                <img decoding="async" src="/assets/images/title_icon5.svg" alt="Shape" />
+                Why Choose Us
+              </span>
+              <h2 className="sec-title">Great Reasons To Hire PROFEN</h2>
+            </div>
+          </div>
+        </div>
+
+        {/* Features Columns */}
+        <div
+          className="elementor-element elementor-element-2a912e6 e-con-full e-flex e-con e-child"
+          data-id="2a912e6"
+          data-element_type="container"
+          data-e-type="container"
+        >
+          {/* Left Column - Features 1-3 */}
+          <div
+            className="elementor-element elementor-element-9d48ffe e-con-full e-flex e-con e-child"
+            data-id="9d48ffe"
+            data-element_type="container"
+            data-e-type="container"
+          >
+            <div
+              className="elementor-element elementor-element-4d4c447 elementor-widget elementor-widget-rakarchooseus"
+              data-id="4d4c447"
+              data-element_type="widget"
+              data-e-type="widget"
+              data-widget_type="rakarchooseus.default"
+            >
+              <div className="elementor-widget-container">
+                <div className="why-feature">
+                  <div className="box-number">01</div>
+                  <div className="box-icon"><img decoding="async" src="/assets/images/why_feature_1.svg" alt="why_feature_1" /></div>
+                  <h3 className="box-title">Industry Expertise</h3>
+                  <p className="box-text">With years of experience, we have successfully supplied high-performance solutions to a diverse range of industries, ensuring efficiency &amp; durability.</p>
+                </div>
+                <div className="why-feature">
+                  <div className="box-number">02</div>
+                  <div className="box-icon"><img decoding="async" src="/assets/images/why_feature_2.svg" alt="why_feature_2" /></div>
+                  <h3 className="box-title">Reliable Global Sourcing</h3>
+                  <p className="box-text">With an extensive network of suppliers worldwide, we efficiently source materials &amp; equipment, offering competitive pricing &amp; timely delivery.</p>
+                </div>
+                <div className="why-feature">
+                  <div className="box-number">03</div>
+                  <div className="box-icon"><img decoding="async" src="/assets/images/why_feature_3.svg" alt="why_feature_3" /></div>
+                  <h3 className="box-title">ISO 9001:2015 Certified</h3>
+                  <p className="box-text">Our commitment to quality and excellence is backed by ISO certification, ensuring that every product and service meets global industry standards.</p>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          {/* Center Image */}
+          <div
+            className="elementor-element elementor-element-c18e14e e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child"
+            data-id="c18e14e"
+            data-element_type="container"
+            data-e-type="container"
+          >
+            <div
+              className="elementor-element elementor-element-9180573 elementor-widget elementor-widget-image"
+              data-id="9180573"
+              data-element_type="widget"
+              data-e-type="widget"
+              data-widget_type="image.default"
+            >
+              <div className="elementor-widget-container">
+                <img fetchpriority="high" decoding="async" width="424" height="632" src="/assets/images/Workerimg.png" className="attachment-full size-full wp-image-2826" alt="" srcSet="/assets/images/Workerimg.png 424w, /assets/images/Workerimg-201x300.png 201w" sizes="(max-width: 424px) 100vw, 424px" />
+              </div>
+            </div>
+          </div>
+
+          {/* Right Column - Features 4-6 */}
+          <div
+            className="elementor-element elementor-element-bfd123f e-con-full e-flex e-con e-child"
+            data-id="bfd123f"
+            data-element_type="container"
+            data-e-type="container"
+          >
+            <div
+              className="elementor-element elementor-element-b4f3587 elementor-widget elementor-widget-rakarchooseus"
+              data-id="b4f3587"
+              data-element_type="widget"
+              data-e-type="widget"
+              data-widget_type="rakarchooseus.default"
+            >
+              <div className="elementor-widget-container">
+                <div className="why-feature">
+                  <div className="box-number">04</div>
+                  <div className="box-icon"><img decoding="async" src="/assets/images/why_feature_4.svg" alt="why_feature_4" /></div>
+                  <h3 className="box-title">High-Quality Products &amp; Services</h3>
+                  <p className="box-text">We offer a diverse range of premium products from over 35 internationally recognized manufacturers, ensuring the best solutions for our clients.</p>
+                </div>
+                <div className="why-feature">
+                  <div className="box-number">05</div>
+                  <div className="box-icon"><img decoding="async" src="/assets/images/why_feature_5.svg" alt="why_feature_5" /></div>
+                  <h3 className="box-title">Customer-Centric Approach</h3>
+                  <p className="box-text">We prioritize our clients' needs, providing personalized support, technical expertise, and exceptional services from the beginning to completion of the project.</p>
+                </div>
+                <div className="why-feature">
+                  <div className="box-number">06</div>
+                  <div className="box-icon"><img decoding="async" src="/assets/images/why_feature_6.svg" alt="why_feature_6" /></div>
+                  <h3 className="box-title">Reputation &amp; Trust</h3>
+                  <p className="box-text">More than 80% of our business comes from repeat customers and word-of-mouth referrals, a testament to our reliable services, customer satisfaction, and market leadership.</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        {/* Counter Stats */}
+        <div
+          className="elementor-element elementor-element-af64a0d elementor-widget elementor-widget-rakarcounterup"
+          data-id="af64a0d"
+          data-element_type="widget"
+          data-e-type="widget"
+          data-widget_type="rakarcounterup.default"
+        >
+          <div className="elementor-widget-container">
+            <div className="counter-card-wrap style4">
+              <div className="counter-card">
+                <div className="media-body">
+                  <h2 className="box-number"><CountUp end={350} suffix="+" /></h2>
+                  <p className="box-text">PROJECTS FINISHED</p>
+                </div>
+              </div>
+              <div className="divider"></div>
+              <div className="counter-card">
+                <div className="media-body">
+                  <h2 className="box-number"><CountUp end={80} suffix="+" /></h2>
+                  <p className="box-text">SATISFIED CLIENTS</p>
+                </div>
+              </div>
+              <div className="divider"></div>
+              <div className="counter-card">
+                <div className="media-body">
+                  <h2 className="box-number"><CountUp end={35} suffix="+" /></h2>
+                  <p className="box-text">EXPERT WORKERS</p>
+                </div>
+              </div>
+              <div className="divider"></div>
+              <div className="counter-card">
+                <div className="media-body">
+                  <h2 className="box-number"><CountUp end={20} suffix="+" /></h2>
+                  <p className="box-text">YEARS OF EXPERIENCE</p>
+                </div>
+              </div>
+              <div className="divider"></div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}

src/components/sections/Breadcrumb.jsx

@@ -1,9 +1,18 @@
 import { Link } from 'react-router-dom'
 
-export default function Breadcrumb({ title, items = [] }) {
+export default function Breadcrumb({ title, items = [], bgImage }) {
   return (
     <div className="breadcumb-banner">
-      <div className="breadcumb-wrapper" id="breadcumbwrap">
+      <div
+        className="breadcumb-wrapper"
+        id="breadcumbwrap"
+        style={{
+          backgroundImage: `url(${bgImage || '/assets/images/breadcumb-bg.jpg'})`,
+          backgroundPosition: 'center center',
+          backgroundRepeat: 'no-repeat',
+          backgroundSize: 'cover'
+        }}
+      >
         <div className="container">
           <div className="breadcumb-content">
             <h1 className="breadcumb-title">{title}</h1>

src/components/sections/Footer.jsx

@@ -16,17 +16,17 @@ const CONTACT_INFO = [
 ]
 
 const FOOTER_SERVICES_1 = [
-  { label: 'Electro-Mechanical Works', path: '/service' },
+  { label: 'Electro-Mechanical Works', path: '/service/electro-mechanical-works' },
-  { label: 'Landscaping & Fencing Works', path: '/service' },
+  { label: 'Landscaping & Fencing Works', path: '/service/landscaping-fencing-works' },
-  { label: 'Building Contracting Works', path: '/service' },
+  { label: 'Building Contracting Works', path: '/service/building-contracting-works' },
-  { label: 'Interior & Fit-Out Works', path: '/service' },
+  { label: 'Interior & Fit-Out Works', path: '/service/interior-fit-out-works' },
 ]
 
 const FOOTER_SERVICES_2 = [
-  { label: 'Metal Construction & Fabrications', path: '/service' },
+  { label: 'Metal Construction & Fabrications', path: '/service/metal-construction-fabrications' },
-  { label: 'Chiller Hot & Cool Solutions', path: '/service' },
+  { label: 'Chiller Hot & Cool Solutions', path: '/service/chiller-hot-cool-solutions' },
-  { label: 'Misting Solutions', path: '/service' },
+  { label: 'Misting Solutions', path: '/service/misting-solutions' },
-  { label: 'Adiabatic Pre-Cooling System', path: '/service' },
+  { label: 'Adiabatic Pre-Cooling System', path: '/service/adiabatic-pre-cooling-system' },
 ]
 
 const FOOTER_LINKS = [

src/components/sections/Header.jsx

@@ -1,5 +1,5 @@
 import { useLocation, Link } from 'react-router-dom'
-import { useRef } from 'react'
+import { useRef, useState } from 'react'
 import { useNavFix } from '../../hooks/useNavFix'
 
 const NAV_ITEMS = [
@@ -10,9 +10,23 @@ const NAV_ITEMS = [
   { label: 'CONTACT', path: '/contact' },
 ]
 
+const SERVICE_SUBITEMS = [
+  { label: 'Adiabatic Pre-Cooling System', slug: 'adiabatic-pre-cooling-system' },
+  { label: 'Promist Misting Solutions', slug: 'misting-solutions' },
+  { label: 'Chiller Hot & Cool Solution', slug: 'chiller-hot-cool-solutions' },
+  { label: 'Building Mngmt System', slug: 'building-management-system' },
+  { label: 'Interior & Fit-Out Work', slug: 'interior-fit-out-works' },
+  { label: 'Building Contracting Works', slug: 'building-contracting-works' },
+  { label: 'Metal Construction & Fabrications', slug: 'metal-construction-fabrications' },
+  { label: 'Electro-Mechanical Works', slug: 'electro-mechanical-works' },
+]
+
+const ELEMENTOR_945_CSS = ".elementor-945 .elementor-element.elementor-element-1697af5{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-945 .elementor-element.elementor-element-a628d9c .header-top{background:#ED1C24;}.elementor-945 .elementor-element.elementor-element-a628d9c .main-menu>ul>li>a, .elementor-945 .elementor-element.elementor-element-a628d9c .main-menu ul.sub-menu li a{font-size:15px;font-weight:600;}"
+
 export default function Header() {
   const { pathname } = useLocation()
   const ref = useRef(null)
+  const [mobileServicesOpen, setMobileServicesOpen] = useState(false)
   useNavFix(ref)
 
   const isActive = (path) => {
@@ -22,9 +36,7 @@ export default function Header() {
 
   return (
     <header ref={ref}>
-      <style id="elementor-post-945">{`
+      <style id="elementor-post-945" dangerouslySetInnerHTML={{ __html: ELEMENTOR_945_CSS }}></style>
-.elementor-945 .elementor-element.elementor-element-1697af5{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-945 .elementor-element.elementor-element-a628d9c .header-top{background:#ED1C24;}.elementor-945 .elementor-element.elementor-element-a628d9c .main-menu>ul>li>a, .elementor-945 .elementor-element.elementor-element-a628d9c .main-menu ul.sub-menu li a{font-size:15px;font-weight:600;}
-      `}</style>
       <div className="elementor elementor-945" data-elementor-id="945" data-elementor-type="wp-post">
         <div className="elementor-element elementor-element-1697af5 e-con-full e-flex e-con e-parent" data-e-type="container" data-element_type="container" data-id="1697af5">
           <div className="elementor-element elementor-element-a628d9c elementor-widget elementor-widget-rakarheader" data-e-type="widget" data-element_type="widget" data-id="a628d9c" data-widget_type="rakarheader.default">
@@ -39,11 +51,30 @@ export default function Header() {
                   </div>
                   <div className="th-mobile-menu">
                     <ul>
-                      {NAV_ITEMS.map(item => (
+                      {NAV_ITEMS.map(item => {
+                        if (item.label === 'SERVICES') {
+                          return (
+                            <li key={item.path} className={`menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children${mobileServicesOpen ? ' th-active' : ''}${pathname.startsWith('/service') ? ' current-menu-item' : ''}`}>
+                              <a href="/service" onClick={(e) => { e.preventDefault(); setMobileServicesOpen(o => !o) }}>
+                                SERVICES
+                                <span className="th-mean-expand"></span>
+                              </a>
+                              <ul className="sub-menu" style={{ display: mobileServicesOpen ? 'block' : 'none' }}>
+                                {SERVICE_SUBITEMS.map(s => (
+                                  <li key={s.slug} className={`menu-item${pathname === `/service/${s.slug}` ? ' current-menu-item' : ''}`}>
+                                    <Link to={`/service/${s.slug}`}>{s.label}</Link>
+                                  </li>
+                                ))}
+                              </ul>
+                            </li>
+                          )
+                        }
+                        return (
                           <li key={item.path} className={`menu-item menu-item-type-post_type menu-item-object-page ${isActive(item.path) ? 'current-menu-item' : ''}`}>
                             <Link to={item.path} {...(isActive(item.path) ? { 'aria-current': 'page' } : {})}>{item.label}</Link>
                           </li>
-                      ))}
+                        )
+                      })}
                     </ul>
                   </div>
                 </div>
@@ -100,20 +131,39 @@ export default function Header() {
                             </div>
                             <nav className="main-menu d-none d-lg-inline-block">
                               <ul className="rakar-menu">
-                                {NAV_ITEMS.map(item => (
+                                {NAV_ITEMS.map(item => {
-                                  <li key={item.path} className={`menu-item menu-item-type-post_type menu-item-object-page ${isActive(item.path) ? 'current-menu-item' : ''}`}>
+                                  if (item.label === 'SERVICES') {
-                                    <Link to={item.path} {...(isActive(item.path) ? { 'aria-current': 'page' } : {})}>{item.label}</Link>
+                                    const isServiceActive = pathname.startsWith('/service')
+                                    return (
+                                      <li key={item.path} className={`menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children${isServiceActive ? ' current-menu-item' : ''}`}>
+                                        <a href="/service" onClick={e => e.preventDefault()}>SERVICES</a>
+                                        <ul className="sub-menu">
+                                          {SERVICE_SUBITEMS.map(s => (
+                                            <li key={s.slug} className={`menu-item${pathname === `/service/${s.slug}` ? ' current-menu-item' : ''}`}>
+                                              <Link to={`/service/${s.slug}`}>{s.label}</Link>
                                             </li>
                                           ))}
                                         </ul>
+                                      </li>
+                                    )
+                                  }
+                                  return (
+                                    <li key={item.path} className={`menu-item menu-item-type-post_type menu-item-object-page ${isActive(item.path) ? 'current-menu-item' : ''}`}>
+                                      <Link to={item.path} {...(isActive(item.path) ? { 'aria-current': 'page' } : {})}>{item.label}</Link>
+                                    </li>
+                                  )
+                                })}
+                              </ul>
                             </nav>
-                            <button className="simple-icon searchBoxToggler d-none d-lg-inline-block" type="button"><i className="far fa-search"></i></button>
                             <button className="th-menu-toggle d-block d-lg-none" type="button"><i className="far fa-bars"></i></button>
                           </div>
                         </div>
                         <div className="col-auto d-none d-xl-block">
                           <div className="header-button">
-                            <a className="th-btn rounded-12 style3 th_btn" href="/contact">Get A Quote<i className="fas fa-arrow-right ms-2"></i></a>
+                            <a className="th-btn rounded-12 th_btn promist-btn" href="/" target="_blank" rel="noopener noreferrer" style={{ background: '#fff', border: '1px solid #e0e0e0', padding: '12px 28px', display: 'inline-flex', alignItems: 'center', gap: '10px' }}>
+                              <img src="/assets/images/Promist-Logo-1.png" alt="Promist" style={{ height: '32px' }} className="promist-logo" />
+                              <i className="fas fa-arrow-right" style={{ fontSize: '14px' }}></i>
+                            </a>
                           </div>
                         </div>
                       </div>

src/components/sections/ProjectFilterGrid.jsx

@@ -1,7 +1,8 @@
+import { useState } from 'react'
 import { Link } from 'react-router-dom'
 
 const FILTERS = ['All', 'Misting', 'Pro-Sheild Adiabatic Cooling', 'Electrical Renovation', 'Swimming pool', 'MEP']
-const FILTER_CLASSES = { 'All': '*', 'Misting': '.cat1', 'Pro-Sheild Adiabatic Cooling': '.cat3', 'Electrical Renovation': '.cat2', 'Swimming pool': '.cat4', 'MEP': '.cat5' }
+const FILTER_CATEGORIES = { 'All': null, 'Misting': 'cat1', 'Pro-Sheild Adiabatic Cooling': 'cat3', 'Electrical Renovation': 'cat2', 'Swimming pool': 'cat4', 'MEP': 'cat5' }
 
 const PROJECTS = [
   { category: 'cat1', image: '/assets/images/PIC-3.jpg', alt: 'PIC 3', title: 'Outdoor Misting', description: 'Our outdoor misting project includes the design, installation, and maintenance of a state-of-the-art misting system tailored to your specific outdoor space.' },
@@ -13,6 +14,12 @@ const PROJECTS = [
 ]
 
 export default function ProjectFilterGrid() {
+  const [activeFilter, setActiveFilter] = useState('All')
+
+  const filtered = activeFilter === 'All'
+    ? PROJECTS
+    : PROJECTS.filter(p => p.category === FILTER_CATEGORIES[activeFilter])
+
   return (
     <div className="rakar-fluid">
       <div className="builder-page-wrapper">
@@ -21,14 +28,19 @@ export default function ProjectFilterGrid() {
             <div className="e-con-inner">
               <div className="elementor-element elementor-element-860beb9 elementor-widget elementor-widget-rakarprojectfilter" data-id="860beb9" data-element_type="widget" data-e-type="widget" data-widget_type="rakarprojectfilter.default">
                 <div className="elementor-widget-container">
-                  <div className="filter-menu indicator-active filter-menu-active">
+                  <div className="filter-menu indicator-active">
-                    {FILTERS.map((f, i) => (
+                    {FILTERS.map((f) => (
-                      <button key={f} data-filter={FILTER_CLASSES[f]} className={`tab-btn${i === 0 ? ' active' : ''}`} type="button">{f}</button>
+                      <button
+                        key={f}
+                        onClick={() => setActiveFilter(f)}
+                        className={`tab-btn${f === activeFilter ? ' active' : ''}`}
+                        type="button"
+                      >{f}</button>
                     ))}
                   </div>
-                  <div className="row gy-4 filter-active">
+                  <div className="row gy-4">
-                    {PROJECTS.map((p, i) => (
+                    {filtered.map((p, i) => (
-                      <div key={i} className={`col-xxl-3 col-lg-4 col-md-6 filter-item ${p.category}`}>
+                      <div key={i} className="col-xxl-3 col-lg-4 col-md-6">
                         <div className="project-grid">
                           <div className="box-img"><img decoding="async" src={p.image} alt={p.alt} /></div>
                           <div className="box-content">

src/components/sections/ServiceGridSection.jsx

@@ -1,37 +0,0 @@
-import { Link } from "react-router-dom"
-import { SERVICE_CARDS } from "../../data/service-grid-data"
-
-export default function ServiceGridSection() {
-  return (
-    <div
-      className="elementor-element elementor-element-97218ac elementor-widget elementor-widget-rakarservice"
-      data-id="97218ac"
-      data-element_type="widget"
-      data-e-type="widget"
-      data-widget_type="rakarservice.default"
-    >
-      <div className="elementor-widget-container">
-        <div className="row gy-4">
-          {SERVICE_CARDS.map((card) => (
-            <div key={card.number} className="col-xxl-3 col-lg-4 col-md-6">
-              <div className="service-card">
-                <div className="box-number">{card.number}</div>
-                <div className="box-icon">
-                  <img decoding="async" src={card.icon} alt={card.title} />
-                </div>
-                <p className="box-subtitle">{card.subtitle}</p>
-                <h3 className="box-title">
-                  <Link to={`/service/${card.slug}`}>{card.title}</Link>
-                </h3>
-                <p className="box-text">{card.text}</p>
-                <Link to={`/service/${card.slug}`} className="th-btn btn-sm th_btn">
-                  Read More<i className="far fa-arrow-right ms-2"></i>
-                </Link>
-              </div>
-            </div>
-          ))}
-        </div>
-      </div>
-    </div>
-  )
-}

src/components/services/ServicesContact.jsx

@@ -0,0 +1,83 @@
+import ContactForm from '../sections/ContactForm'
+
+export default function ServicesContact() {
+  return (
+    <div
+      className="elementor-element elementor-element-44ce77c e-flex e-con-boxed e-con e-parent"
+      data-id="44ce77c"
+      data-element_type="container"
+      data-e-type="container"
+      data-settings={JSON.stringify({ background_background: "classic" })}
+    >
+      <div className="e-con-inner">
+        <div
+          className="elementor-element elementor-element-6d49ce3 e-con-full e-flex e-con e-child"
+          data-id="6d49ce3"
+          data-element_type="container"
+          data-e-type="container"
+          data-settings={JSON.stringify({ background_background: "classic" })}
+        >
+          {/* Image Column */}
+          <div
+            className="elementor-element elementor-element-5b6532e e-con-full e-flex e-con e-child"
+            data-id="5b6532e"
+            data-element_type="container"
+            data-e-type="container"
+          >
+            <div
+              className="elementor-element elementor-element-2195fdf elementor-widget elementor-widget-image"
+              data-id="2195fdf"
+              data-element_type="widget"
+              data-e-type="widget"
+              data-widget_type="image.default"
+            >
+              <div className="elementor-widget-container">
+                <img decoding="async" src="/assets/images/img-12-r11tjeyk6bpfdhrkqtg3fniuzzc4mct5jx7en5pwcw.jpg" title="img-12" alt="img-12" loading="lazy" />
+              </div>
+            </div>
+          </div>
+
+          {/* Content Column */}
+          <div
+            className="elementor-element elementor-element-47042bf e-con-full e-flex e-con e-child"
+            data-id="47042bf"
+            data-element_type="container"
+            data-e-type="container"
+          >
+            {/* Section Title */}
+            <div
+              className="elementor-element elementor-element-a3d9660 elementor-widget elementor-widget-rakarsectiontitle"
+              data-id="a3d9660"
+              data-element_type="widget"
+              data-e-type="widget"
+              data-widget_type="rakarsectiontitle.default"
+            >
+              <div className="elementor-widget-container">
+                <div className="title-area text-left">
+                  <span className="sub-title2">
+                    <img decoding="async" src="/assets/images/title_icon5.svg" alt="Shape" />
+                    Contact Us
+                  </span>
+                  <h2 className="sec-title">Get A Quote</h2>
+                </div>
+              </div>
+            </div>
+
+            {/* Contact Form */}
+            <div
+              className="elementor-element elementor-element-c233244 elementor-widget elementor-widget-rakarcontactform"
+              data-id="c233244"
+              data-element_type="widget"
+              data-e-type="widget"
+              data-widget_type="rakarcontactform.default"
+            >
+              <div className="elementor-widget-container">
+                <ContactForm style="light" />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}

src/components/services/ServicesHero.jsx

@@ -0,0 +1,158 @@
+import { Link } from "react-router-dom"
+export default function ServicesHero() {
+  return (
+    <div
+      className="elementor-element elementor-element-e471ccf e-flex e-con-boxed e-con e-parent"
+      data-id="e471ccf"
+      data-element_type="container"
+      data-e-type="container"
+    >
+      <div className="e-con-inner">
+        {/* Section Title */}
+        <div
+          className="elementor-element elementor-element-58994a2 elementor-widget__width-initial elementor-widget elementor-widget-rakarsectiontitle"
+          data-id="58994a2"
+          data-element_type="widget"
+          data-e-type="widget"
+          data-widget_type="rakarsectiontitle.default"
+        >
+          <div className="elementor-widget-container">
+            <div className="title-area text-center">
+              <span className="sub-title">
+                <img decoding="async" src="/assets/images/title_icon.svg" alt="Shape" />
+                Our Services
+              </span>
+              <h2 className="sec-title">What Services We Offer</h2>
+              <p>Welcome to Rakar renovation, we provide a robust synopsis for high level overviews. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.</p>
+            </div>
+          </div>
+        </div>
+
+        {/* Service Cards Grid */}
+        <div
+          className="elementor-element elementor-element-97218ac elementor-widget elementor-widget-rakarservice"
+          data-id="97218ac"
+          data-element_type="widget"
+          data-e-type="widget"
+          data-widget_type="rakarservice.default"
+        >
+          <div className="elementor-widget-container">
+            <div className="row gy-4">
+              <div className="col-xxl-3 col-lg-4 col-md-6">
+                <div className="service-card">
+                  <div className="box-number">08</div>
+                  <div className="box-icon">
+                    <img decoding="async" src="/assets/images/price_1_3.svg" alt="price_1_3" />
+                  </div>
+                  <p className="box-subtitle">Service And Repairs</p>
+                  <h3 className="box-title"><Link to="/service/adiabatic-pre-cooling-system">Adiabatic Pre-Cooling System</Link></h3>
+                  <p className="box-text">Designed to optimize your cooling efficiency while reducing energy consumption.</p>
+                  <Link to="/service/adiabatic-pre-cooling-system" className="th-btn btn-sm th_btn">Read More<i className="far fa-arrow-right ms-2"></i></Link>
+                </div>
+              </div>
+              <div className="col-xxl-3 col-lg-4 col-md-6">
+                <div className="service-card">
+                  <div className="box-number">07</div>
+                  <div className="box-icon">
+                    <img decoding="async" src="/assets/images/price_1_1.svg" alt="price_1_1" />
+                  </div>
+                  <p className="box-subtitle">Service And Repairs</p>
+                  <h3 className="box-title"><Link to="/service/misting-solutions">Misting Solutions</Link></h3>
+                  <p className="box-text">We specialize in providing high-performance misting solutions designed to keep you cool.</p>
+                  <Link to="/service/misting-solutions" className="th-btn btn-sm th_btn">Read More<i className="far fa-arrow-right ms-2"></i></Link>
+                </div>
+              </div>
+              <div className="col-xxl-3 col-lg-4 col-md-6">
+                <div className="service-card">
+                  <div className="box-number">01</div>
+                  <div className="box-icon">
+                    <img decoding="async" src="/assets/images/service_card_2.svg" alt="service_card_2" />
+                  </div>
+                  <p className="box-subtitle">Service And Repairs</p>
+                  <h3 className="box-title"><Link to="/service/electro-mechanical-works">Electro-Mechanical Works</Link></h3>
+                  <p className="box-text">We, at Profen, specialize in comprehensive electro-mechanical solutions,..</p>
+                  <Link to="/service/electro-mechanical-works" className="th-btn btn-sm th_btn">Read More<i className="far fa-arrow-right ms-2"></i></Link>
+                </div>
+              </div>
+              <div className="col-xxl-3 col-lg-4 col-md-6">
+                <div className="service-card">
+                  <div className="box-number">02</div>
+                  <div className="box-icon">
+                    <img decoding="async" src="/assets/images/service_grid_1.svg" alt="service_grid_1" />
+                  </div>
+                  <p className="box-subtitle">Service And Repairs</p>
+                  <h3 className="box-title"><Link to="/service/landscaping-fencing-works">Landscaping &amp; Fencing</Link></h3>
+                  <p className="box-text">Our expert team ensures exceptional design, durable materials,..</p>
+                  <Link to="/service/landscaping-fencing-works" className="th-btn btn-sm th_btn">Read More<i className="far fa-arrow-right ms-2"></i></Link>
+                </div>
+              </div>
+              <div className="col-xxl-3 col-lg-4 col-md-6">
+                <div className="service-card">
+                  <div className="box-number">03</div>
+                  <div className="box-icon">
+                    <img decoding="async" src="/assets/images/service_card_4.svg" alt="service_card_4" />
+                  </div>
+                  <p className="box-subtitle">Service And Repairs</p>
+                  <h3 className="box-title"><Link to="/service/metal-construction-fabrications">Metal Construction &amp; Fabrications</Link></h3>
+                  <p className="box-text">We ensure superior craftsmanship, strength, and reliability in every...</p>
+                  <Link to="/service/metal-construction-fabrications" className="th-btn btn-sm th_btn">Read More<i className="far fa-arrow-right ms-2"></i></Link>
+                </div>
+              </div>
+              <div className="col-xxl-3 col-lg-4 col-md-6">
+                <div className="service-card">
+                  <div className="box-number">04</div>
+                  <div className="box-icon">
+                    <img decoding="async" src="/assets/images/service_card_7.svg" alt="service_card_7" />
+                  </div>
+                  <p className="box-subtitle">Service And Repairs</p>
+                  <h3 className="box-title"><Link to="/service/building-contracting-works">Building Contracting Works</Link></h3>
+                  <p className="box-text">We provide comprehensive building contracting services, delivering..</p>
+                  <Link to="/service/building-contracting-works" className="th-btn btn-sm th_btn">Read More<i className="far fa-arrow-right ms-2"></i></Link>
+                </div>
+              </div>
+              <div className="col-xxl-3 col-lg-4 col-md-6">
+                <div className="service-card">
+                  <div className="box-number">05</div>
+                  <div className="box-icon">
+                    <img decoding="async" src="/assets/images/service_card_3.svg" alt="service_card_3" />
+                  </div>
+                  <p className="box-subtitle">Service And Repairs</p>
+                  <h3 className="box-title"><Link to="/service/interior-fit-out-works">Interior &amp; Fit-Out Works</Link></h3>
+                  <p className="box-text">You are looking to revamp a home, office, or commercial space,..</p>
+                  <Link to="/service/interior-fit-out-works" className="th-btn btn-sm th_btn">Read More<i className="far fa-arrow-right ms-2"></i></Link>
+                </div>
+              </div>
+              <div className="col-xxl-3 col-lg-4 col-md-6">
+                <div className="service-card">
+                  <div className="box-number">06</div>
+                  <div className="box-icon">
+                    <img decoding="async" src="/assets/images/service_card_8.svg" alt="service_card_8" />
+                  </div>
+                  <p className="box-subtitle">Service And Repairs</p>
+                  <h3 className="box-title"><Link to="/service/chiller-hot-cool-solutions">Chiller Hot &amp; Cool Solutions</Link></h3>
+                  <p className="box-text">We specialize in providing advanced chiller systems for both heating and cooling</p>
+                  <Link to="/service/chiller-hot-cool-solutions" className="th-btn btn-sm th_btn">Read More<i className="far fa-arrow-right ms-2"></i></Link>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        {/* Divider */}
+        <div
+          className="elementor-element elementor-element-72617d9 elementor-widget-divider--view-line elementor-widget elementor-widget-divider"
+          data-id="72617d9"
+          data-element_type="widget"
+          data-e-type="widget"
+          data-widget_type="divider.default"
+        >
+          <div className="elementor-widget-container">
+            <div className="elementor-divider">
+              <span className="elementor-divider-separator"></span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}

src/components/shared/CountUp.jsx

@@ -0,0 +1,36 @@
+import { useEffect, useRef, useState } from 'react'
+
+export default function CountUp({ end, duration = 1000, suffix = '' }) {
+  const [display, setDisplay] = useState(0)
+  const ref = useRef(null)
+  const started = useRef(false)
+
+  useEffect(() => {
+    const el = ref.current
+    if (!el) return
+
+    const observer = new IntersectionObserver(([entry]) => {
+      if (entry.isIntersecting && !started.current) {
+        started.current = true
+        const startTime = performance.now()
+
+        const animate = (now) => {
+          const elapsed = now - startTime
+          const progress = Math.min(elapsed / duration, 1)
+          // ease-out quad
+          const eased = 1 - (1 - progress) * (1 - progress)
+          setDisplay(Math.round(eased * end))
+          if (progress < 1) requestAnimationFrame(animate)
+        }
+
+        requestAnimationFrame(animate)
+        observer.disconnect()
+      }
+    }, { threshold: 0.3 })
+
+    observer.observe(el)
+    return () => observer.disconnect()
+  }, [end, duration])
+
+  return <span ref={ref}>{display}{suffix}</span>
+}

src/components/shared/Lightbox.jsx

@@ -0,0 +1,52 @@
+import { useEffect, useCallback } from 'react'
+
+export default function Lightbox({ images, index, onClose }) {
+  const handleKeyDown = useCallback((e) => {
+    if (e.key === 'Escape') onClose()
+  }, [onClose])
+
+  useEffect(() => {
+    document.addEventListener('keydown', handleKeyDown)
+    document.body.style.overflow = 'hidden'
+    return () => {
+      document.removeEventListener('keydown', handleKeyDown)
+      document.body.style.overflow = ''
+    }
+  }, [handleKeyDown])
+
+  if (index === null || index === undefined) return null
+
+  return (
+    <div
+      style={{
+        position: 'fixed', inset: 0, zIndex: 999999,
+        background: 'rgba(0,0,0,0.92)',
+        display: 'flex', alignItems: 'center', justifyContent: 'center',
+        cursor: 'zoom-out'
+      }}
+      onClick={onClose}
+    >
+      <button
+        onClick={(e) => { e.stopPropagation(); onClose() }}
+        style={{
+          position: 'absolute', top: 20, right: 24,
+          background: 'none', border: 'none', color: '#fff',
+          fontSize: 32, cursor: 'pointer', zIndex: 1
+        }}
+        aria-label="Close"
+      >&times;</button>
+
+      <img
+        src={images[index]}
+        alt=""
+        onClick={(e) => e.stopPropagation()}
+        style={{
+          maxWidth: '92vw', maxHeight: '92vh',
+          objectFit: 'contain',
+          borderRadius: 4,
+          cursor: 'default'
+        }}
+      />
+    </div>
+  )
+}

src/css/dynamic.css

@@ -14,3 +14,156 @@
 .slider-area .slider-pagination{display:flex;align-items:center;gap:6px;}
 .slider-area .slider-pagination button{width:12px;height:12px;border-radius:50%;border:none;background:#999;opacity:0.4;cursor:pointer;padding:0;transition:0.3s;}
 .slider-area .slider-pagination button.active{opacity:1;background:var(--brand-primary, #FA2D39);}
+
+.slider-wrap .slider-arrow {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 50px;
+  height: 50px;
+  border-radius: 50%;
+  background: rgba(255,255,255,0.2);
+  color: #fff;
+  border: none;
+  cursor: pointer;
+  transition: 0.3s;
+  font-size: 18px;
+}
+.slider-wrap .slider-arrow:hover {
+  background: var(--brand-primary, #FA2D39);
+}
+
+/* Project section slider - light background, so arrows need dark colors */
+.elementor-element-46cde4a .slider-arrow {
+  background: rgba(0,0,0,0.08);
+  color: #333;
+}
+.elementor-element-46cde4a .slider-arrow:hover {
+  color: #fff;
+}
+
+.elementor-element-148606f .swiper-pagination-fraction .swiper-pagination-current {
+  color: #fff;
+}
+
+.promist-btn { justify-content: center; }
+.promist-btn .promist-logo { transition: margin 0.3s; }
+.promist-btn .fa-arrow-right { opacity: 0; transition: opacity 0.3s; }
+.promist-btn:hover { background-color: #101840 !important; border-color: #101840 !important; }
+.promist-btn:hover .promist-logo { margin-right: 8px; }
+.promist-btn:hover .fa-arrow-right { opacity: 1; }
+
+/* Tab menu spacing */
+.tab-menu2 {
+  justify-content: center;
+  margin-bottom: 40px;
+}
+
+/* ── Services Dropdown (2×4 grid, frosted glass) ── */
+.header-layout5 .main-menu ul.sub-menu {
+  min-width: 480px;
+  padding: 20px 24px;
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 4px 24px;
+  left: -30px;
+  background: rgba(16, 25, 64, 0.88);
+  backdrop-filter: blur(16px);
+  -webkit-backdrop-filter: blur(16px);
+  border-radius: 16px;
+  box-shadow: 0 8px 32px rgba(0,0,0,0.3);
+}
+.header-layout5 .main-menu ul.sub-menu li {
+  padding: 0;
+  margin: 0;
+}
+.header-layout5 .main-menu ul.sub-menu li a {
+  font-size: 14px;
+  font-weight: 400;
+  padding: 10px 14px;
+  color: rgba(255,255,255,0.85);
+  border-radius: 8px;
+  transition: background 0.2s, color 0.2s;
+  display: block;
+  letter-spacing: 0.3px;
+}
+.header-layout5 .main-menu ul.sub-menu li a:hover {
+  background: rgba(255,255,255,0.1);
+  color: #fff;
+  padding-left: 14px;
+}
+/* Remove the diamond icon that collides with text on hover */
+.header-layout5 .main-menu ul.sub-menu li a:before,
+.header-layout5 .main-menu ul.sub-menu li a:hover:before {
+  display: none;
+}
+
+/* ── MOBILE RESPONSIVE OVERRIDES ── */
+@media (max-width: 767px) {
+  /* === Header: reduce overlap and size === */
+  .header-layout5 { margin-bottom: 0 !important; }
+  .header-layout5 .menu-wrap { margin-left: 16px !important; margin-right: 16px !important; }
+  .header-layout5 .header-logo { transform: none !important; padding: 8px 0 !important; }
+  .header-layout5 .header-logo img { max-width: 140px !important; }
+  .header-layout5 .header-button { transform: none !important; padding-top: 8px !important; }
+  .th-header { z-index: 41; }
+
+  /* === All section containers: tighter spacing === */
+  .space, .space-top { padding-top: 40px !important; }
+  .space, .space-bottom { padding-bottom: 40px !important; }
+  .e-con-full, .e-con-boxed { --container-default-padding-top: 0px !important; --container-default-padding-bottom: 0px !important; }
+  .title-area { margin-bottom: 16px !important; }
+  .sec-title { font-size: 22px !important; margin-bottom: 10px !important; }
+  .sub-title, .sub-title2 { font-size: 13px !important; }
+  .box-title { font-size: 18px !important; }
+
+  /* === Service cards === */
+  .service-block .box-content { margin: -24px 8px 0 !important; padding: 0 12px 12px !important; }
+  .service-block .box-title { font-size: 16px !important; }
+  .service-block .box-icon { width: 48px !important; height: 48px !important; font-size: 20px !important; }
+  .service-card { padding: 16px !important; }
+  .service-card .box-number { font-size: 36px !important; }
+  .service-grid { padding: 16px !important; }
+
+  /* === Counter cards === */
+  .counter-card .box-number { font-size: 28px !important; }
+  .counter-card .box-text { font-size: 14px !important; }
+
+  /* === Gallery === */
+  .gallery-grid .icon-btn { opacity: 1 !important; transform: none !important; right: 8px !important; top: 8px !important; width: 32px !important; height: 32px !important; font-size: 11px !important; }
+
+  /* === Brand/Sponsor === */
+  .brand-sec3 .brand-inner { margin-top: -24px !important; padding: 12px 8px !important; }
+  .brand-card img { max-height: 24px !important; width: auto !important; }
+
+  /* === Project cards === */
+  .project-card .box-content { padding: 10px !important; }
+  .project-card .box-title { font-size: 15px !important; }
+  .filter-menu { margin-bottom: 20px !important; gap: 4px !important; }
+  .filter-menu .tab-btn { font-size: 12px !important; padding: 4px 12px !important; }
+
+  /* === Process === */
+  .process-box { padding: 12px 36px 12px 12px !important; }
+  .process-box .box-title { font-size: 15px !important; }
+  .process-card-wrap { grid-template-columns: 1fr !important; gap: 12px !important; }
+
+  /* === Contact === */
+  .contact-area { padding: 16px !important; }
+  .contact-form input, .contact-form textarea { font-size: 13px !important; }
+
+  /* === Buttons === */
+  .th-btn { font-size: 13px !important; padding: 10px 20px !important; }
+  .th-btn2 { font-size: 13px !important; padding: 10px 20px !important; }
+
+  /* === Images === */
+  img { max-width: 100% !important; height: auto !important; }
+  .box-img img { width: 100% !important; object-fit: cover !important; }
+  .elementor-widget-container { overflow: hidden; }
+
+  /* === Breadcrumb === */
+  .breadcumb-wrapper { padding: 40px 0 !important; }
+  .breadcumb-wrapper .breadcumb-title { font-size: 22px !important; }
+
+  /* === Service detail sidebar === */
+  .service-sidebar { padding: 12px !important; }
+}

src/css/theme-main.css

@@ -14901,7 +14901,7 @@ span.select2-selection.select2-selection--single:focus {
   background-color: var(--body-bg);
   margin-top: -72px;
   padding-top: 24px;
-  margin-right: 260px;
+  padding-right: 30px;
   padding-left: 30px;
   /* Extra small devices */
 }
@@ -14933,7 +14933,7 @@ span.select2-selection.select2-selection--single:focus {
 }
 @media (max-width: 575px) {
   .brand-sec3 .brand-inner {
-    margin-right: 190px;
+    padding-right: 0;
     padding-left: 0;
   }
 }
@@ -16154,6 +16154,8 @@ span.select2-selection.select2-selection--single:focus {
 }
 .service-block .box-img img {
   width: 100%;
+  aspect-ratio: 4 / 3;
+  object-fit: cover;
 }
 .service-block .box-title {
   margin-bottom: -0.2em;

src/data/home-content.html

@@ -1,339 +0,0 @@
-<div class="rakar-fluid">
-	<div class="builder-page-wrapper">
-			<div data-elementor-type="wp-page" data-elementor-id="23" class="elementor elementor-23">
-				<div class="elementor-element elementor-element-a5ac2fa e-con-full e-flex e-con e-parent" data-id="a5ac2fa" data-element_type="container" data-e-type="container">
-				<div class="elementor-element elementor-element-1473cce elementor-widget elementor-widget-rakarbanner1" data-id="1473cce" data-element_type="widget" data-e-type="widget" data-widget_type="rakarbanner1.default">
-				<div class="elementor-widget-container">
-					<div class="th-hero-wrapper hero-5 slider-area" id="hero"><div class="swiper th-slider" id="heroSlide5" data-slider-options='{"effect":"fade","autoHeight":true}'><div class="swiper-wrapper"><div class="swiper-slide"><div class="hero-inner" data-bg-src="/assets/images/img-14filt.jpg"><div class="container"><div class="hero-style5"><span class="sub-title2 sub" data-ani="slideinup" data-ani-delay="0.1s"><span class="line"></span><img decoding="async" src="index.html" alt=""  />Welcome To Profen</span><h1 class="hero-title"><span class="title1" data-ani="slideinup" data-ani-delay="0.2s">Stay Refreshed</span>
-<span class="title2" data-ani="slideinup" data-ani-delay="0.4s"><span class="text-theme">with Our <img decoding="async" src="/assets/images/Promist-Logo-1.png">
-</a></span> Misting Magic</span></h1><p class="hero-text" data-ani="slideinup" data-ani-delay="0.6s">Promist is a specialized brand, dedicated to delivering innovative, high-performance misting and evaporative cooling solutions.</p><div class="btn-group" data-ani="slideinup" data-ani-delay="0.8s"><a href="/service" class="th-btn rounded-12 style2 th_btn">Our All Services<i class="fas fa-arrow-right ms-2"></i></a></div></div></div></div></div><div class="swiper-slide"><div class="hero-inner" data-bg-src="/assets/images/adiabatic-cool.jpg"><div class="container"><div class="hero-style5"><span class="sub-title2 sub" data-ani="slideinup" data-ani-delay="0.1s"><span class="line"></span><img decoding="async" src="index.html" alt=""  />Welcome To Profen </span><h1 class="hero-title"><span class="title1" data-ani="slideinup" data-ani-delay="0.2s">Efficiency starts</span>
-<span class="title2" data-ani="slideinup" data-ani-delay="0.4s"><span class="text-theme">
-with Pro-Shield Adiabatic</span> Pre-Cooling</span></h1><p class="hero-text" data-ani="slideinup" data-ani-delay="0.6s">Designed for extreme climatic conditions, PRO-SHIELD enhances system efficiency while significantly reducing energy consumption.</p><div class="btn-group" data-ani="slideinup" data-ani-delay="0.8s"><a href="/service" class="th-btn rounded-12 style2 th_btn">Our All Services<i class="fas fa-arrow-right ms-2"></i></a></div></div></div></div></div><div class="swiper-slide"><div class="hero-inner" data-bg-src="/assets/images/img-13filter.jpg"><div class="container"><div class="hero-style5"><span class="sub-title2 sub" data-ani="slideinup" data-ani-delay="0.1s"><span class="line"></span><img decoding="async" src="index.html" alt=""  />Welcome To Profen</span><h1 class="hero-title"><span class="title1" data-ani="slideinup" data-ani-delay="0.2s">Chill Out or 
-Heat Up</span>
-<span class="title2" data-ani="slideinup" data-ani-delay="0.4s"><span class="text-theme">We've got Your </span> Perfect Solution</span></h1><p class="hero-text" data-ani="slideinup" data-ani-delay="0.6s">Our Heat and Chill pump can be used for heating or 
-cooling swimming pool. spa or other tank water 
-cooling System.</p><div class="btn-group" data-ani="slideinup" data-ani-delay="0.8s"><a href="/service" class="th-btn rounded-12 style2 th_btn">Our All Services<i class="fas fa-arrow-right ms-2"></i></a></div></div></div></div></div></div><div class="slider-pagination"></div></div><div class="icon-box"><button data-slider-prev="#heroSlide5" class="slider-arrow default"><i class="far fa-arrow-left"></i></button><button data-slider-next="#heroSlide5" class="slider-arrow default"><i class="far fa-arrow-right"></i></button></div></div>				</div>
-				</div>
-				</div>
-		<div class="elementor-element elementor-element-7e4b13e e-con-full e-flex e-con e-parent" data-id="7e4b13e" data-element_type="container" data-e-type="container">
-				<div class="elementor-element elementor-element-84dc261 elementor-widget elementor-widget-rakarclientlogos" data-id="84dc261" data-element_type="widget" data-e-type="widget" data-widget_type="rakarclientlogos.default">
-				<div class="elementor-widget-container">
-					<div class="brand-sec3 "><div class="brand-inner"><div class="swiper th-slider" id="brandSlider3" data-slider-options='{"spaceBetween":30,"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"2"},"768":{"slidesPerView":"3"},"992":{"slidesPerView":"4"},"1200":{"slidesPerView":"4"},"1300":{"slidesPerView":"5"},"1500":{"slidesPerView":"7"}}}'><div class="swiper-wrapper"><div class="swiper-slide"><div class="brand-card"><img decoding="async" src="index.html" alt=""  /></div></div><div class="swiper-slide"><div class="brand-card"><img decoding="async" src="index.html" alt=""  /></div></div><div class="swiper-slide"><div class="brand-card"><img decoding="async" src="index.html" alt=""  /></div></div><div class="swiper-slide"><div class="brand-card"><img decoding="async" src="index.html" alt=""  /></div></div></div></div></div></div>				</div>
-				</div>
-				</div>
-		<div class="elementor-element elementor-element-fb76345 e-flex e-con-boxed e-con e-parent" data-id="fb76345" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
-					<div class="e-con-inner">
-		<div class="elementor-element elementor-element-7f99e6d e-con-full e-flex e-con e-child" data-id="7f99e6d" data-element_type="container" data-e-type="container">
-				<div class="elementor-element elementor-element-5ab397b elementor-widget__width-initial elementor-widget elementor-widget-rakarsectiontitle" data-id="5ab397b" data-element_type="widget" data-e-type="widget" data-widget_type="rakarsectiontitle.default">
-				<div class="elementor-widget-container">
-							<div class="title-area text-left ">
-			<span class="sub-title2 shape-white"><img decoding="async" src="/assets/images/title_icon5.svg" alt="Shape">Our Services</span><h2 class="sec-title ">We Provide Residential &amp; Commercial Electronic Service</h2>		</div>
-
-					</div>
-				</div>
-				<div class="elementor-element elementor-element-521e1f7 elementor-widget elementor-widget-rakarbutton" data-id="521e1f7" data-element_type="widget" data-e-type="widget" data-widget_type="rakarbutton.default">
-				<div class="elementor-widget-container">
-					<div class="btn-wrapper"><a class="th-btn th_btn style2 rounded-12" href="/service">View All Services<i class="far fa-arrow-right"></i></a></div>				</div>
-				</div>
-				</div>
-				<div class="elementor-element elementor-element-148606f elementor-widget elementor-widget-rakarservice" data-id="148606f" data-element_type="widget" data-e-type="widget" data-widget_type="rakarservice.default">
-				<div class="elementor-widget-container">
-					<div class="slider-wrap text-center"><div class="swiper th-slider has-shadow" id="serviceSlider3" data-slider-options='{"paginationType":"fraction","breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"1"},"768":{"slidesPerView":"2"},"992":{"slidesPerView":"3"},"1200":{"slidesPerView":"3"},"1300":{"slidesPerView":"4"}}}'><div class="swiper-wrapper"><div class="swiper-slide"><div class="service-block"><div class="box-img"><img decoding="async" src="/assets/images/img-1.jpg" alt="img 1"  /></div><a href="/service" class="icon-btn"><i class="far fa-arrow-up-right"></i></a><div class="box-content"><div class="box-icon"><img decoding="async" src="/assets/images/service_block_4.svg" alt="service_block_4"  /></div><h3 class="box-title"><a href="/service">Adiabatic Pre-Cooling System</a></h3></div></div></div><div class="swiper-slide"><div class="service-block"><div class="box-img"><img decoding="async" src="/assets/images/IMG-9.jpg" alt="IMG 9"  /></div><a href="/service" class="icon-btn"><i class="far fa-arrow-up-right"></i></a><div class="box-content"><div class="box-icon"><img decoding="async" src="/assets/images/why_feature_6.svg" alt="why_feature_6"  /></div><h3 class="box-title"><a href="/service">Promist Misting Solutions</a></h3></div></div></div><div class="swiper-slide"><div class="service-block"><div class="box-img"><img decoding="async" src="/assets/images/IMG-4.jpg" alt="IMG 4"  /></div><a href="/service" class="icon-btn"><i class="far fa-arrow-up-right"></i></a><div class="box-content"><div class="box-icon"><img decoding="async" src="/assets/images/title_icon2.svg" alt="title_icon2"  /></div><h3 class="box-title"><a href="/service">
-Chiller Hot &amp; Cool Solution</a></h3></div></div></div><div class="swiper-slide"><div class="service-block"><div class="box-img"><img decoding="async" src="/assets/images/bms.jpg" alt="bms"  /></div><a href="/service" class="icon-btn"><i class="far fa-arrow-up-right"></i></a><div class="box-content"><div class="box-icon"><img decoding="async" src="/assets/images/why_feature_2.svg" alt="why_feature_2"  /></div><h3 class="box-title"><a href="/service">Building Mngmt System</a></h3></div></div></div><div class="swiper-slide"><div class="service-block"><div class="box-img"><img decoding="async" src="/assets/images/IMG-6.jpg" alt="IMG 6"  /></div><a href="/service" class="icon-btn"><i class="far fa-arrow-up-right"></i></a><div class="box-content"><div class="box-icon"><img decoding="async" src="/assets/images/why_feature_1.svg" alt="why_feature_1"  /></div><h3 class="box-title"><a href="/service">Interior &amp; Fit-Out Work</a></h3></div></div></div><div class="swiper-slide"><div class="service-block"><div class="box-img"><img decoding="async" src="/assets/images/IMG-3.jpg" alt="IMG 3"  /></div><a href="/service" class="icon-btn"><i class="far fa-arrow-up-right"></i></a><div class="box-content"><div class="box-icon"><img decoding="async" src="/assets/images/why_feature_3.svg" alt="why_feature_3"  /></div><h3 class="box-title"><a href="/service">Building Contracting Works</a></h3></div></div></div><div class="swiper-slide"><div class="service-block"><div class="box-img"><img decoding="async" src="/assets/images/IMG-2.jpg" alt="IMG 2"  /></div><a href="/service" class="icon-btn"><i class="far fa-arrow-up-right"></i></a><div class="box-content"><div class="box-icon"><img decoding="async" src="/assets/images/why_feature_5.svg" alt="why_feature_5"  /></div><h3 class="box-title"><a href="/service">Metal Construction &amp; Fabrications</a></h3></div></div></div></div></div><div class="slider-controller"><button data-slider-prev="#serviceSlider3" class="slider-arrow default text-white slider-prev"><i class="far fa-arrow-left"></i></button><div class="slider-pagination white-color" data-slider-id="#serviceSlider3"></div><button data-slider-next="#serviceSlider3" class="slider-arrow default text-white slider-next"><i class="far fa-arrow-right"></i></button></div></div>				</div>
-				</div>
-					</div>
-				</div>
-		<div class="elementor-element elementor-element-9ff3146 e-flex e-con-boxed e-con e-parent" data-id="9ff3146" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
-					<div class="e-con-inner">
-				<div class="elementor-element elementor-element-d78b401 elementor-widget elementor-widget-rakarsectiontitle" data-id="d78b401" data-element_type="widget" data-e-type="widget" data-widget_type="rakarsectiontitle.default">
-				<div class="elementor-widget-container">
-							<div class="title-area text-center ">
-			<span class="sub-title2 "><img decoding="async" src="/assets/images/title_icon5.svg" alt="Shape">Why Choose Us</span><h2 class="sec-title ">Great Reasons To Hire PROFEN</h2>		</div>
-
-					</div>
-				</div>
-		<div class="elementor-element elementor-element-2a912e6 e-con-full e-flex e-con e-child" data-id="2a912e6" data-element_type="container" data-e-type="container">
-		<div class="elementor-element elementor-element-9d48ffe e-con-full e-flex e-con e-child" data-id="9d48ffe" data-element_type="container" data-e-type="container">
-				<div class="elementor-element elementor-element-4d4c447 elementor-widget elementor-widget-rakarchooseus" data-id="4d4c447" data-element_type="widget" data-e-type="widget" data-widget_type="rakarchooseus.default">
-				<div class="elementor-widget-container">
-					<div class="why-feature"><div class="box-number">01</div><div class="box-icon"><img decoding="async" src="/assets/images/why_feature_1.svg" alt="why_feature_1"  /></div><h3 class="box-title">Industry Expertise</h3><p class="box-text">With years of experience, we have successfully supplied high-performance solutions to a diverse range of industries, ensuring efficiency &amp; durability.</p></div><div class="why-feature"><div class="box-number">02</div><div class="box-icon"><img decoding="async" src="/assets/images/why_feature_2.svg" alt="why_feature_2"  /></div><h3 class="box-title">Reliable Global Sourcing</h3><p class="box-text">With an extensive network of suppliers worldwide, we efficiently source materials &amp; equipment, offering competitive pricing &amp; timely delivery.</p></div><div class="why-feature"><div class="box-number">03</div><div class="box-icon"><img decoding="async" src="/assets/images/why_feature_3.svg" alt="why_feature_3"  /></div><h3 class="box-title">ISO 9001:2015 Certified</h3><p class="box-text">Our commitment to quality and excellence is backed by ISO certification, ensuring that every product and service meets global industry standards.</p></div>				</div>
-				</div>
-				</div>
-		<div class="elementor-element elementor-element-c18e14e e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child" data-id="c18e14e" data-element_type="container" data-e-type="container">
-				<div class="elementor-element elementor-element-9180573 elementor-widget elementor-widget-image" data-id="9180573" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
-				<div class="elementor-widget-container">
-															<img fetchpriority="high" decoding="async" width="424" height="632" src="/assets/images/Workerimg.png" class="attachment-full size-full wp-image-2826" alt="" srcset="/assets/images/Workerimg.png 424w, /assets/images/Workerimg-201x300.png 201w" sizes="(max-width: 424px) 100vw, 424px" />															</div>
-				</div>
-				</div>
-		<div class="elementor-element elementor-element-bfd123f e-con-full e-flex e-con e-child" data-id="bfd123f" data-element_type="container" data-e-type="container">
-				<div class="elementor-element elementor-element-b4f3587 elementor-widget elementor-widget-rakarchooseus" data-id="b4f3587" data-element_type="widget" data-e-type="widget" data-widget_type="rakarchooseus.default">
-				<div class="elementor-widget-container">
-					<div class="why-feature"><div class="box-number">04</div><div class="box-icon"><img decoding="async" src="/assets/images/why_feature_4.svg" alt="why_feature_4"  /></div><h3 class="box-title">High-Quality Products &amp; Services</h3><p class="box-text">We offer a diverse range of premium products from over 35 internationally recognized manufacturers, ensuring the best solutions for our clients.</p></div><div class="why-feature"><div class="box-number">05</div><div class="box-icon"><img decoding="async" src="/assets/images/why_feature_5.svg" alt="why_feature_5"  /></div><h3 class="box-title">Customer-Centric Approach</h3><p class="box-text">We prioritize our clients’ needs, providing personalized support, technical expertise, and exceptional services from the beginning to completion of the project. </p></div><div class="why-feature"><div class="box-number">06</div><div class="box-icon"><img decoding="async" src="/assets/images/why_feature_6.svg" alt="why_feature_6"  /></div><h3 class="box-title">Reputation &amp; Trust</h3><p class="box-text">More than 80% of our business comes from repeat customers and word-of-mouth referrals, a testament to our reliable services, customer satisfaction, and market leadership.</p></div>				</div>
-				</div>
-				</div>
-				</div>
-				<div class="elementor-element elementor-element-af64a0d elementor-widget elementor-widget-rakarcounterup" data-id="af64a0d" data-element_type="widget" data-e-type="widget" data-widget_type="rakarcounterup.default">
-				<div class="elementor-widget-container">
-					<div class="counter-card-wrap style4"><div class="counter-card"><div class="media-body"><h2 class="box-number"><span class="counter-number">350</span>+</h2><p class="box-text">PROJECTS FINISHED </p></div></div><div class="divider"></div><div class="counter-card"><div class="media-body"><h2 class="box-number"><span class="counter-number">80</span>+</h2><p class="box-text">SATISFIED CLIENTS </p></div></div><div class="divider"></div><div class="counter-card"><div class="media-body"><h2 class="box-number"><span class="counter-number">35</span>+</h2><p class="box-text">EXPERT WORKERS
-
-</p></div></div><div class="divider"></div><div class="counter-card"><div class="media-body"><h2 class="box-number"><span class="counter-number">20</span>+</h2><p class="box-text">YEARS OF EXPERIENCE</p></div></div><div class="divider"></div></div>				</div>
-				</div>
-					</div>
-				</div>
-		<div class="elementor-element elementor-element-998ec08 e-con-full e-flex e-con e-parent" data-id="998ec08" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
-				<div class="elementor-element elementor-element-803e663 elementor-widget elementor-widget-image-carousel" data-id="803e663" data-element_type="widget" data-e-type="widget" data-settings="{&quot;slides_to_show&quot;:&quot;4&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500}" data-widget_type="image-carousel.default">
-				<div class="elementor-widget-container">
-							<div class="elementor-image-carousel-wrapper swiper" role="region" aria-roledescription="carousel" aria-label="Image Carousel" dir="ltr">
-			<div class="elementor-image-carousel swiper-wrapper" aria-live="off">
-								<div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="1 of 8"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="/assets/images/10.png" alt="10" /></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="2 of 8"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="/assets/images/16.png" alt="16" /></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="3 of 8"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="/assets/images/17.png" alt="17" /></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="4 of 8"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="/assets/images/18.png" alt="18" /></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="5 of 8"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="/assets/images/20.png" alt="20" /></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="6 of 8"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="/assets/images/30.png" alt="30" /></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="7 of 8"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="/assets/images/40.png" alt="40" /></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="8 of 8"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="/assets/images/50.png" alt="50" /></figure></div>			</div>
-							
-									</div>
-						</div>
-				</div>
-				</div>
-		<div class="elementor-element elementor-element-35e8e35 e-flex e-con-boxed e-con e-parent" data-id="35e8e35" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
-					<div class="e-con-inner">
-				<div class="elementor-element elementor-element-9dcf892 elementor-widget__width-initial elementor-widget elementor-widget-rakarsectiontitle" data-id="9dcf892" data-element_type="widget" data-e-type="widget" data-widget_type="rakarsectiontitle.default">
-				<div class="elementor-widget-container">
-							<div class="title-area text-center ">
-			<span class="sub-title2 "><img decoding="async" src="/assets/images/title_icon5_white.svg" alt="title_icon5_white"  />Working Process</span><h2 class="sec-title ">Follow Great Process</h2><p>Our process is designed to deliver reliable and high-performance solutions across various industries.</p>		</div>
-
-					</div>
-				</div>
-				<div class="elementor-element elementor-element-c476a78 elementor-widget elementor-widget-rakarstep" data-id="c476a78" data-element_type="widget" data-e-type="widget" data-widget_type="rakarstep.default">
-				<div class="elementor-widget-container">
-					<div class="process-box-wrap"><div class="process-box"><div class="box-number">01</div><div class="box-content"><h3 class="box-title">Go Through Services</h3></div></div><div class="process-box"><div class="box-number">02</div><div class="box-content"><h3 class="box-title">Choose Your Required Service</h3></div></div><div class="process-box"><div class="box-number">03</div><div class="box-content"><h3 class="box-title">Get Our Best Proposal</h3></div></div><div class="process-box"><div class="box-number">04</div><div class="box-content"><h3 class="box-title">Experience Our Service &amp; Support</h3></div></div></div>				</div>
-				</div>
-					</div>
-				</div>
-		<div class="elementor-element elementor-element-46cde4a e-flex e-con-boxed e-con e-parent" data-id="46cde4a" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
-					<div class="e-con-inner">
-				<div class="elementor-element elementor-element-7f42902 elementor-widget__width-initial elementor-widget elementor-widget-rakarsectiontitle" data-id="7f42902" data-element_type="widget" data-e-type="widget" data-widget_type="rakarsectiontitle.default">
-				<div class="elementor-widget-container">
-							<div class="title-area text-center ">
-			<span class="sub-title2 "><img decoding="async" src="/assets/images/title_icon5.svg" alt="Shape">Our Projects</span><h2 class="sec-title ">Explore Latest Projects</h2><p>Our team of experts is equipped to assist you with a variety of pipe repair needs. Please share your email address to connect with us.</p>		</div>
-
-					</div>
-				</div>
-				<div class="elementor-element elementor-element-d967b8b elementor-widget elementor-widget-rakartabbuilder" data-id="d967b8b" data-element_type="widget" data-e-type="widget" data-widget_type="rakartabbuilder.default">
-				<div class="elementor-widget-container">
-					<div class="text-center"><div class="nav tab-menu2 indicator-active" id="tab-menu1" role="tablist"><button class="tab-btn active" id="nav-1-tab" data-bs-toggle="tab" data-bs-target="#nav-1" type="button" role="tab" aria-controls="nav-1" aria-selected="true">Heating Solution</button><button class="tab-btn " id="nav-2-tab" data-bs-toggle="tab" data-bs-target="#nav-2" type="button" role="tab" aria-controls="nav-2" aria-selected="true">Cooling Solution</button><button class="tab-btn " id="nav-3-tab" data-bs-toggle="tab" data-bs-target="#nav-3" type="button" role="tab" aria-controls="nav-3" aria-selected="true">Misting Solution</button></div></div><div class="tab-content"><div class="tab-pane fade active show" id="nav-1" role="tabpanel" aria-labelledby="nav-1-tab"><style id="elementor-post-1171">.elementor-1171 .elementor-element.elementor-element-84548b2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}</style>		<div data-elementor-type="wp-post" data-elementor-id="1171" class="elementor elementor-1171">
-				<div class="elementor-element elementor-element-84548b2 e-con-full e-flex e-con e-parent" data-id="84548b2" data-element_type="container" data-e-type="container">
-				<div class="elementor-element elementor-element-33d6d1d elementor-widget elementor-widget-rakarproject" data-id="33d6d1d" data-element_type="widget" data-e-type="widget" data-widget_type="rakarproject.default">
-				<div class="elementor-widget-container">
-					<div class="slider-wrap text-center"><div class="swiper th-slider project-slider5" id="projectSlider50" data-slider-options='{"paginationType":"fraction","centeredSlides":true,"centeredSlidesBounds":true,"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"1"},"768":{"slidesPerView":"1"},"992":{"slidesPerView":"2"},"1200":{"slidesPerView":"2"}}}'><div class="swiper-wrapper"><div class="swiper-slide"><div class="project-element"><div class="box-img"><img decoding="async" src="/assets/images/Insights-Swimming-Pool-Heat-Pumps.jpg" alt="Insights Swimming Pool Heat Pumps"  /></div><a class="icon-btn" href="/project"><i class="far fa-arrow-up-right"></i></a><div class="box-content"><p class="box-subtitle">Heating Solution</p><h3 class="box-title"><a href="/project">Swimming Pool Heating</a></h3><p class="box-text">Heat Pumps – Energy-efficient heating for year-round pool comfort, Electric Heaters – Fast and precise temperature control,Solar Pool Heaters – Eco-friendly and cost-saving solutions</p></div></div></div><div class="swiper-slide"><div class="project-element"><div class="box-img"><img decoding="async" src="/assets/images/commercial-heating.jpg" alt="commercial heating"  /></div><a class="icon-btn" href="/project"><i class="far fa-arrow-up-right"></i></a><div class="box-content"><p class="box-subtitle">Heating Solution</p><h3 class="box-title"><a href="/project">Commercial &amp; Industrial Heating</a></h3><p class="box-text">Boilers &amp; Water Heaters – High-performance solutions for hotels, hospitals, and factories, Radiant Heating Systems – Ideal for warehouses, greenhouses, and industrial spaces, Steam Heating Systems – Efficient thermal solutions for manufacturing and processing industries</p></div></div></div><div class="swiper-slide"><div class="project-element"><div class="box-img"><img decoding="async" src="/assets/images/outdoor-heating.jpg" alt="outdoor heating"  /></div><a class="icon-btn" href="/project"><i class="far fa-arrow-up-right"></i></a><div class="box-content"><p class="box-subtitle">Heating Solution</p><h3 class="box-title"><a href="/project">Residential &amp; Outdoor Heating</a></h3><p class="box-text">Patio Heaters – Perfect for restaurants, cafes, and villas,  Underfloor Heating – Comfortable and energy-efficient indoor heating, Fire Pit &amp; Outdoor Heating Solutions – Stylish and effective for cold-weather outdoor spaces</p></div></div></div></div></div><div class="slider-controller"><button data-slider-prev="#projectSlider50" class="slider-arrow default slider-prev"><i class="far fa-arrow-left"></i></button><div class="slider-pagination" data-slider-id="#projectSlider50"></div><button data-slider-next="#projectSlider50" class="slider-arrow default slider-next"><i class="far fa-arrow-right"></i></button></div></div>				</div>
-				</div>
-				</div>
-				</div>
-		</div><div class="tab-pane fade " id="nav-2" role="tabpanel" aria-labelledby="nav-2-tab"><style id="elementor-post-1185">.elementor-1185 .elementor-element.elementor-element-c197f94{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}</style>		<div data-elementor-type="wp-post" data-elementor-id="1185" class="elementor elementor-1185">
-				<div class="elementor-element elementor-element-c197f94 e-con-full e-flex e-con e-parent" data-id="c197f94" data-element_type="container" data-e-type="container">
-				<div class="elementor-element elementor-element-20f24c9 elementor-widget elementor-widget-rakarproject" data-id="20f24c9" data-element_type="widget" data-e-type="widget" data-widget_type="rakarproject.default">
-				<div class="elementor-widget-container">
-					<div class="slider-wrap text-center"><div class="swiper th-slider project-slider5" id="projectSlider51" data-slider-options='{"paginationType":"fraction","centeredSlides":true,"centeredSlidesBounds":true,"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"1"},"768":{"slidesPerView":"1"},"992":{"slidesPerView":"2"},"1200":{"slidesPerView":"2"}}}'><div class="swiper-wrapper"><div class="swiper-slide"><div class="project-element"><div class="box-img"><img decoding="async" src="/assets/images/outdoorcooling.webp" alt="outdoorcooling"  /></div><a class="icon-btn" href="/project"><i class="far fa-arrow-up-right"></i></a><div class="box-content"><p class="box-subtitle">Cooling Solution</p><h3 class="box-title"><a href="/project">Outdoor Cooling Solutions</a></h3><p class="box-text">Misting Systems – Reduces outdoor temperatures by 10-15°C, perfect for gardens, patios, and outdoor restaurants, Evaporative Cooling – Ideal for open-air spaces and commercial venues, Patio &amp; Terrace Cooling Fans – Enhances comfort for outdoor seating areas</p></div></div></div><div class="swiper-slide"><div class="project-element"><div class="box-img"><img decoding="async" src="/assets/images/images.jpeg" alt="images"  /></div><a class="icon-btn" href="/project"><i class="far fa-arrow-up-right"></i></a><div class="box-content"><p class="box-subtitle">Cooling Solution</p><h3 class="box-title"><a href="/project">Swimming Pool Cooling</a></h3><p class="box-text">Pool Chillers – Lowers water temperature during hot summer months, Heat/Cool Pumps – Versatile solution for year-round temperature control,Energy-Efficient Pool Cooling Systems</p></div></div></div><div class="swiper-slide"><div class="project-element"><div class="box-img"><img decoding="async" src="/assets/images/cooling.jpeg" alt="cooling"  /></div><a class="icon-btn" href="/project"><i class="far fa-arrow-up-right"></i></a><div class="box-content"><p class="box-subtitle">Cooling Solution</p><h3 class="box-title"><a href="/project">Industrial &amp; Commercial Cooling</a></h3><p class="box-text">HVAC Systems – High-efficiency cooling for factories, warehouses, and offices, Chilled Water Systems – Powerful cooling for large-scale industrial operations,Air Handling Units &amp; Cooling Towers – Optimized thermal management for heavy-duty industries</p></div></div></div><div class="swiper-slide"><div class="project-element"><div class="box-img"><img decoding="async" src="/assets/images/fam-bam-1024x533-1.png" alt="fam bam 1024x533 1"  /></div><a class="icon-btn" href="/project"><i class="far fa-arrow-up-right"></i></a><div class="box-content"><p class="box-subtitle">Cooling Solution</p><h3 class="box-title"><a href="/project">Customized Cooling Solutions</a></h3><p class="box-text">Tailored designs for specific climate conditions and operational needs, High-quality, durable components ensuring long-lasting performance, Low maintenance and energy-efficient systems</p></div></div></div></div></div><div class="slider-controller"><button data-slider-prev="#projectSlider51" class="slider-arrow default slider-prev"><i class="far fa-arrow-left"></i></button><div class="slider-pagination" data-slider-id="#projectSlider51"></div><button data-slider-next="#projectSlider51" class="slider-arrow default slider-next"><i class="far fa-arrow-right"></i></button></div></div>				</div>
-				</div>
-				</div>
-				</div>
-		</div><div class="tab-pane fade " id="nav-3" role="tabpanel" aria-labelledby="nav-3-tab"><style id="elementor-post-1186">.elementor-1186 .elementor-element.elementor-element-c26e3b3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}</style>		<div data-elementor-type="wp-post" data-elementor-id="1186" class="elementor elementor-1186">
-				<div class="elementor-element elementor-element-c26e3b3 e-con-full e-flex e-con e-parent" data-id="c26e3b3" data-element_type="container" data-e-type="container">
-				<div class="elementor-element elementor-element-f6690c5 elementor-widget elementor-widget-rakarproject" data-id="f6690c5" data-element_type="widget" data-e-type="widget" data-widget_type="rakarproject.default">
-				<div class="elementor-widget-container">
-					<div class="slider-wrap text-center"><div class="swiper th-slider project-slider5" id="projectSlider52" data-slider-options='{"paginationType":"fraction","centeredSlides":true,"centeredSlidesBounds":true,"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"1"},"768":{"slidesPerView":"1"},"992":{"slidesPerView":"2"},"1200":{"slidesPerView":"2"}}}'><div class="swiper-wrapper"><div class="swiper-slide"><div class="project-element"><div class="box-img"><img decoding="async" src="/assets/images/outdoormist.webp" alt="outdoormist"  /></div><a class="icon-btn" href="/project"><i class="far fa-arrow-up-right"></i></a><div class="box-content"><p class="box-subtitle">Misting Solution</p><h3 class="box-title"><a href="/project">Outdoor Cooling Misting Systems</a></h3><p class="box-text">Patio &amp; Garden Misting – Perfect for homes, villas, cafés, and restaurants, Resort &amp; Poolside Cooling – Enhances guest comfort in hot climates, Event &amp; Festival Misting – Creates a cooling and refreshing atmosphere for outdoor gatherings</p></div></div></div><div class="swiper-slide"><div class="project-element"><div class="box-img"><img decoding="async" src="/assets/images/mistingindus.jpg" alt="mistingindus"  /></div><a class="icon-btn" href="/project"><i class="far fa-arrow-up-right"></i></a><div class="box-content"><p class="box-subtitle">Misting Solution</p><h3 class="box-title"><a href="/project">Industrial &amp; Commercial Misting</a></h3><p class="box-text">Warehouse &amp; Factory Cooling – Reduces heat in large workspaces,  Greenhouse Humidification – Maintains optimal humidity for plant growth, Dust &amp; Odor Control – Suppresses airborne particles in construction and waste management sites</p></div></div></div><div class="swiper-slide"><div class="project-element"><div class="box-img"><img decoding="async" src="/assets/images/fogg.jpeg" alt="fogg"  /></div><a class="icon-btn" href="/project"><i class="far fa-arrow-up-right"></i></a><div class="box-content"><p class="box-subtitle">Misting Solution</p><h3 class="box-title"><a href="/project">Special Effects &amp; Fogging</a></h3><p class="box-text">Theme Parks &amp; Water Attractions – Enhances visual effects and ambiance ,Stage &amp; Concert Mist Effects – Adds a dramatic cooling mist for performances , Landscape &amp; Architectural Fogging – Creates a unique and aesthetic environment</p></div></div></div><div class="swiper-slide"><div class="project-element"><div class="box-img"><img decoding="async" src="/assets/images/cust.mist_.webp" alt="cust.mist_"  /></div><a class="icon-btn" href="/project"><i class="far fa-arrow-up-right"></i></a><div class="box-content"><p class="box-subtitle">Misting Solution</p><h3 class="box-title"><a href="/project">Custom Misting Solutions</a></h3><p class="box-text">Tailored designs for any application , High-quality, durable nozzles, pumps, and tubing, Energy-efficient and low-maintenance systems</p></div></div></div></div></div><div class="slider-controller"><button data-slider-prev="#projectSlider52" class="slider-arrow default slider-prev"><i class="far fa-arrow-left"></i></button><div class="slider-pagination" data-slider-id="#projectSlider52"></div><button data-slider-next="#projectSlider52" class="slider-arrow default slider-next"><i class="far fa-arrow-right"></i></button></div></div>				</div>
-				</div>
-				</div>
-				</div>
-		</div></div>				</div>
-				</div>
-				<div class="elementor-element elementor-element-208ae46 elementor-widget elementor-widget-rakarshapeimage" data-id="208ae46" data-element_type="widget" data-e-type="widget" data-widget_type="rakarshapeimage.default">
-				<div class="elementor-widget-container">
-					<!-- Image --><div class="shape-mockup  " data-top="1px" data-right="1px"><img decoding="async" class="" src="/assets/images/project_bg_5.png" alt="Shape Image" ></div><!-- End Image -->				</div>
-				</div>
-					</div>
-				</div>
-		<div class="elementor-element elementor-element-4b90467 contact-sec5  e-flex e-con-boxed e-con e-parent" data-id="4b90467" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
-					<div class="e-con-inner">
-		<div class="elementor-element elementor-element-2bf89c2 e-con-full e-flex e-con e-child" data-id="2bf89c2" data-element_type="container" data-e-type="container">
-				<div class="elementor-element elementor-element-c6385e5 elementor-widget__width-initial elementor-widget elementor-widget-rakarsectiontitle" data-id="c6385e5" data-element_type="widget" data-e-type="widget" data-widget_type="rakarsectiontitle.default">
-				<div class="elementor-widget-container">
-							<div class="title-area text-left ">
-			<h2 class="sec-title ">Request a quote</h2>		</div>
-
-					</div>
-				</div>
-				<div class="elementor-element elementor-element-a54413c elementor-widget elementor-widget-rakarcontactform" data-id="a54413c" data-element_type="widget" data-e-type="widget" data-widget_type="rakarcontactform.default">
-				<div class="elementor-widget-container">
-					<div class="input-transparent ajax-contact">
-<div class="wpcf7 no-js" id="wpcf7-f1078-p23-o1" lang="en-US" dir="ltr" data-wpcf7-id="1078">
-<div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div>
-<form action="index.html#wpcf7-f1078-p23-o1" method="post" class="wpcf7-form init" aria-label="Contact form" novalidate="novalidate" data-status="init">
-<fieldset class="hidden-fields-container"><input type="hidden" name="_wpcf7" value="1078" /><input type="hidden" name="_wpcf7_version" value="6.1.6" /><input type="hidden" name="_wpcf7_locale" value="en_US" /><input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f1078-p23-o1" /><input type="hidden" name="_wpcf7_container_post" value="23" /><input type="hidden" name="_wpcf7_posted_data_hash" value="" />
-</fieldset>
-<div class="row">
-    <div class="form-group col-md-6">
-<span class="wpcf7-form-control-wrap" data-name="text-163"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" aria-required="true" aria-invalid="false" placeholder="Your Name" value="" type="text" name="text-163" /></span>
-    </div>
-    <div class="form-group col-md-6">
-<span class="wpcf7-form-control-wrap" data-name="email-181"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email form-control" aria-required="true" aria-invalid="false" placeholder="Email Address" value="" type="email" name="email-181" /></span>
-    </div>
-    <div class="form-group col-md-6">
-<span class="wpcf7-form-control-wrap" data-name="number-197"><input class="wpcf7-form-control wpcf7-number wpcf7-validates-as-required wpcf7-validates-as-number form-control" aria-required="true" aria-invalid="false" placeholder="Phone Number" value="" type="number" name="number-197" /></span>
-    </div>
-    <div class="form-group col-md-6">
-<span class="wpcf7-form-control-wrap" data-name="menu-115"><select class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required form-select nice-select" id="subject" aria-required="true" aria-invalid="false" name="menu-115"><option value="Select Subject">Select Subject</option><option value="General Query">General Query</option><option value="Help Support">Help Support</option><option value="Sales Support">Sales Support</option></select></span>
-    </div>
-    <div class="form-group col-12">
-<span class="wpcf7-form-control-wrap" data-name="textarea-117"><textarea cols="40" rows="10" maxlength="2000" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required form-control" aria-required="true" aria-invalid="false" placeholder="Your Message" name="textarea-117"></textarea></span>
-    </div>
-    <div class="form-btn col-12">
-<button class="th-btn style3 rounded-10">Submit Request<i class="far fa-arrow-right ms-2"></i></button>
-    </div>
-</div>
-<p class="form-messages mb-0 mt-3"></p><div class="wpcf7-response-output" aria-hidden="true"></div>
-</form>
-</div>
-</div>				</div>
-				</div>
-				</div>
-					</div>
-				</div>
-		<div class="elementor-element elementor-element-d427a31 e-flex e-con-boxed e-con e-parent" data-id="d427a31" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
-					<div class="e-con-inner">
-				<div class="elementor-element elementor-element-b17d88d elementor-widget elementor-widget-rakarsectiontitle" data-id="b17d88d" data-element_type="widget" data-e-type="widget" data-widget_type="rakarsectiontitle.default">
-				<div class="elementor-widget-container">
-							<div class="title-area text-center ">
-			<span class="sub-title2 "><img decoding="async" src="/assets/images/title_icon5.svg" alt="Shape">Our Best Gallery</span><h2 class="sec-title ">Our Awesome Gallery</h2>		</div>
-
-					</div>
-				</div>
-				<div class="elementor-element elementor-element-cab3119 elementor-widget elementor-widget-rakargallery" data-id="cab3119" data-element_type="widget" data-e-type="widget" data-widget_type="rakargallery.default">
-				<div class="elementor-widget-container">
-					<div class="row gy-4 filter-active"><div class="col-xl-3 col-md-6 filter-item"><div class="gallery-grid"><div class="box-img"><img decoding="async" src="/assets/images/IMG-11.jpg" alt="IMG 11"  /></div><a href="/assets/images/IMG-11.jpg" class="icon-btn popup-image"><i class="fas fa-plus"></i></a></div></div><div class="col-md-6  filter-item"><div class="gallery-grid"><div class="box-img"><img decoding="async" src="/assets/images/IMG-8.jpg" alt="IMG 8"  /></div><a href="/assets/images/IMG-8.jpg" class="icon-btn popup-image"><i class="fas fa-plus"></i></a></div></div><div class="col-xl-3 col-md-6 filter-item"><div class="gallery-grid"><div class="box-img"><img decoding="async" src="/assets/images/IMG-7.jpg" alt="IMG 7"  /></div><a href="/assets/images/IMG-7.jpg" class="icon-btn popup-image"><i class="fas fa-plus"></i></a></div></div><div class="col-xl-3 col-md-6 filter-item"><div class="gallery-grid"><div class="box-img"><img decoding="async" src="/assets/images/IMG-9.jpg" alt="IMG 9"  /></div><a href="/assets/images/IMG-9.jpg" class="icon-btn popup-image"><i class="fas fa-plus"></i></a></div></div><div class="col-xl-3 col-md-6 filter-item"><div class="gallery-grid"><div class="box-img"><img decoding="async" src="/assets/images/ELECTRICAL.jpg" alt="ELECTRICAL"  /></div><a href="/assets/images/ELECTRICAL.jpg" class="icon-btn popup-image"><i class="fas fa-plus"></i> </a></div></div></div>				</div>
-				</div>
-					</div>
-				</div>
-		<div class="elementor-element elementor-element-5ead1f4 e-flex e-con-boxed e-con e-parent" data-id="5ead1f4" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
-					<div class="e-con-inner">
-		<div class="elementor-element elementor-element-46a681a e-con-full e-flex e-con e-child" data-id="46a681a" data-element_type="container" data-e-type="container">
-		<div class="elementor-element elementor-element-5efe3e8 e-con-full e-flex e-con e-child" data-id="5efe3e8" data-element_type="container" data-e-type="container">
-				<div class="elementor-element elementor-element-9616bd1 elementor-widget elementor-widget-rakarsectiontitle" data-id="9616bd1" data-element_type="widget" data-e-type="widget" data-widget_type="rakarsectiontitle.default">
-				<div class="elementor-widget-container">
-							<div class="title-area text-left ">
-			<span class="sub-title2 "><img decoding="async" src="/assets/images/title_icon5.svg" alt="Shape">About Us</span><h2 class="sec-title ">Building Future with Integrity</h2><p>Profen Engineering, your trusted partner in comprehensive Sustainability, MEP &amp;Construction Services. With a commitment to excellence, innovation, and client satisfaction, we stand as a beacon of reliability in the construction industry.</p>		</div>
-
-					</div>
-				</div>
-				<div class="elementor-element elementor-element-af95b28 elementor-widget elementor-widget-rakarfeatures" data-id="af95b28" data-element_type="widget" data-e-type="widget" data-widget_type="rakarfeatures.default">
-				<div class="elementor-widget-container">
-					<div class="about-media-wrap"><div class="about-media"><div class="box-icon"><img decoding="async" src="/assets/images/about_media_1.svg" alt="about_media_1"  /></div><h3 class="box-title">Efficient Use of Resources</h3><p class="box-text">Cost-effective planning to maximize value</p></div><div class="about-media"><div class="box-icon"><img decoding="async" src="/assets/images/about_media_2.svg" alt="about_media_2"  /></div><h3 class="box-title">Focus on Quality &amp; Safety</h3><p class="box-text">Built into every stage of the plan.</p></div></div>				</div>
-				</div>
-		<div class="elementor-element elementor-element-29f108d e-con-full e-flex e-con e-child" data-id="29f108d" data-element_type="container" data-e-type="container">
-				<div class="elementor-element elementor-element-a13bc6b elementor-widget elementor-widget-rakarbutton" data-id="a13bc6b" data-element_type="widget" data-e-type="widget" data-widget_type="rakarbutton.default">
-				<div class="elementor-widget-container">
-					<div class="btn-wrapper"><a class="th-btn th_btn style4 rounded-10" href="/about">Discover More<i class="far fa-arrow-right"></i></a></div>				</div>
-				</div>
-				<div class="elementor-element elementor-element-ac33de4 elementor-widget elementor-widget-html" data-id="ac33de4" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
-				<div class="elementor-widget-container">
-					<div class="call-btn">
-<div class="play-btn">
-<i class="fas fa-phone"></i>
-</div>
-<div class="media-body">
-<p class="box-label">Call Us </p>
-<h6 class="box-link"><a href="tel: +97143200869"> +971 4 320 0869</a></h6>
-</div>
-</div>				</div>
-				</div>
-				</div>
-				</div>
-		<div class="elementor-element elementor-element-4d50f48 e-con-full e-flex e-con e-child" data-id="4d50f48" data-element_type="container" data-e-type="container">
-				<div class="elementor-element elementor-element-6ab087a elementor-widget elementor-widget-rakarimage" data-id="6ab087a" data-element_type="widget" data-e-type="widget" data-widget_type="rakarimage.default">
-				<div class="elementor-widget-container">
-					<div class="img-box5"><div class="img1"><img decoding="async" src="/assets/images/aboutcooling.png" alt="aboutcooling"  /></div><div class="customer-box"><div class="media-body"><h4 class="box-title"><span class="counter-number">80</span>+</h4><p class="box-text">SATISFIED CLIENTS </p></div></div></div>				</div>
-				</div>
-				</div>
-					</div>
-				</div>
-		<div class="elementor-element elementor-element-16406fa elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="16406fa" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
-					<div class="e-con-inner">
-		<div class="elementor-element elementor-element-7ae256c e-con-full e-flex e-con e-child" data-id="7ae256c" data-element_type="container" data-e-type="container">
-				<div class="elementor-element elementor-element-16fb7ef elementor-widget__width-initial elementor-widget elementor-widget-rakarsectiontitle" data-id="16fb7ef" data-element_type="widget" data-e-type="widget" data-widget_type="rakarsectiontitle.default">
-				<div class="elementor-widget-container">
-							<div class="title-area text-left ">
-			<span class="sub-title2 shape-white"><img decoding="async" src="/assets/images/title_icon5.svg" alt="Shape">Expert Team</span><h2 class="sec-title ">Meet With Our Experts</h2><p>At Profen Engineering LLC, our strength lies in our dedicated team of experts who bring extensive experience, technical expertise, and a passion for excellence to every project. </p>		</div>
-
-					</div>
-				</div>
-				<div class="elementor-element elementor-element-1dcca6e elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-rakarbutton" data-id="1dcca6e" data-element_type="widget" data-e-type="widget" data-widget_type="rakarbutton.default">
-				<div class="elementor-widget-container">
-					<div class="btn-wrapper"><a class="th-btn th_btn style4 rounded-12" href="https://wordpress.themeholy.com/rakar/team/">View Full Team<i class="far fa-arrow-right"></i></a></div>				</div>
-				</div>
-				</div>
-				<div class="elementor-element elementor-element-557722b elementor-widget elementor-widget-rakarteam" data-id="557722b" data-element_type="widget" data-e-type="widget" data-widget_type="rakarteam.default">
-				<div class="elementor-widget-container">
-					<div class="slider-wrap text-center"><div class="swiper th-slider has-shadow" id="teamSlider5" data-slider-options='{"paginationType":"fraction","breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"1"},"768":{"slidesPerView":"2"},"992":{"slidesPerView":"2"},"1200":{"slidesPerView":"3"}}}'> <div class="swiper-wrapper"><div class="swiper-slide"><div class="th-team team-element"><div class="box-img"><img decoding="async" src="https://profen.imdigitals.com/assets/images/cropped-Profen_favicon.png" alt="cropped Profen_favicon"  /></div><a href="/" class="icon-btn arrow-icon"><i class="far fa-arrow-up-right"></i></a><div class="box-content"><h3 class="box-title"><a href="/">John Simon</a></h3><span class="box-desig">Electrician</span><a href="/" class="icon-btn whatsapp"><i class="fab fa-whatsapp"></i></a></div></div></div><div class="swiper-slide"><div class="th-team team-element"><div class="box-img"><img decoding="async" src="https://profen.imdigitals.com/assets/images/cropped-Profen_favicon.png" alt="cropped Profen_favicon"  /></div><a href="/" class="icon-btn arrow-icon"><i class="far fa-arrow-up-right"></i></a><div class="box-content"><h3 class="box-title"><a href="/">Michel Jack</a></h3><span class="box-desig">Electrician</span><a href="/" class="icon-btn whatsapp"><i class="fab fa-whatsapp"></i></a></div></div></div><div class="swiper-slide"><div class="th-team team-element"><div class="box-img"><img decoding="async" src="https://profen.imdigitals.com/assets/images/cropped-Profen_favicon.png" alt="cropped Profen_favicon"  /></div><a href="/" class="icon-btn arrow-icon"><i class="far fa-arrow-up-right"></i></a><div class="box-content"><h3 class="box-title"><a href="/">Mackolin Smith</a></h3><span class="box-desig">Electrician</span><a href="/" class="icon-btn whatsapp"><i class="fab fa-whatsapp"></i></a></div></div></div></div></div><div class="slider-controller"><button data-slider-prev="#teamSlider5" class="slider-arrow default slider-prev"><i class="far fa-arrow-left"></i></button><div class="slider-pagination" data-slider-id="#teamSlider5"></div><button data-slider-next="#teamSlider5" class="slider-arrow default slider-next"><i class="far fa-arrow-right"></i></button></div></div>				</div>
-				</div>
-					</div>
-				</div>
-		<div class="elementor-element elementor-element-0ccadfa elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="0ccadfa" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
-					<div class="e-con-inner">
-				<div class="elementor-element elementor-element-19b9f7c elementor-widget__width-initial elementor-widget elementor-widget-rakarsectiontitle" data-id="19b9f7c" data-element_type="widget" data-e-type="widget" data-widget_type="rakarsectiontitle.default">
-				<div class="elementor-widget-container">
-							<div class="title-area text-center ">
-			<span class="sub-title2 "><img decoding="async" src="https://wordpress.themeholy.com/rakar/assets/images/title_icon5_white.svg" alt="title_icon5_white"  />Testimonial</span><h2 class="sec-title ">What our client say</h2>		</div>
-
-					</div>
-				</div>
-				<div class="elementor-element elementor-element-0f7a58f elementor-widget elementor-widget-rakartestimonialslider" data-id="0f7a58f" data-element_type="widget" data-e-type="widget" data-widget_type="rakartestimonialslider.default">
-				<div class="elementor-widget-container">
-					<div class="slider-wrap text-center"><div class="swiper th-slider has-shadow" id="testiSlider5" data-slider-options='{"paginationType":"fraction","breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"1"},"768":{"slidesPerView":"1"},"992":{"slidesPerView":"2"},"1200":{"slidesPerView":"2"}}}'><div class="swiper-wrapper"><div class="swiper-slide"><div class="testi-grid style2"><div class="box-logo"><img decoding="async" src="https://wordpress.themeholy.com/rakar/assets/images/testi_logo_1.svg" alt="testi_logo_1"  /></div><div class="box-icon">
-										<svg width="71" height="70" viewBox="0 0 71 70" fill="none" xmlns="http://www.w3.org/2000/svg">
-											<rect x="70.5" y="70" width="70" height="70" rx="35" transform="rotate(180 70.5 70)" fill="var(--theme-color)" />
-											<path d="M47.3629 25.975C48.9879 27.7167 49.9629 29.6167 49.9629 32.7833C49.9629 38.325 45.9004 43.2333 40.2129 45.7667L38.7504 43.7083C44.1129 40.8583 45.2504 37.2167 45.5754 34.8417C44.7629 35.3167 43.6254 35.475 42.4879 35.3167C39.5629 35 37.2879 32.7833 37.2879 29.775C37.2879 28.35 37.9379 26.925 38.9129 25.8167C40.0504 24.7083 41.3504 24.2333 42.9754 24.2333C44.7629 24.2333 46.3879 25.025 47.3629 25.975ZM31.1129 25.975C32.7379 27.7167 33.7129 29.6167 33.7129 32.7833C33.7129 38.325 29.6504 43.2333 23.9629 45.7667L22.5004 43.7083C27.8629 40.8583 29.0004 37.2167 29.3254 34.8417C28.5129 35.3167 27.3754 35.475 26.2379 35.3167C23.3129 35 21.0379 32.7833 21.0379 29.775C21.0379 28.35 21.6879 26.925 22.6629 25.8167C23.6379 24.7083 25.1004 24.2333 26.7254 24.2333C28.5129 24.2333 30.1379 25.025 31.1129 25.975Z" fill="white" />
-										</svg>
-									</div><div class="box-profile"><div class="box-avater"><img decoding="async" src="https://wordpress.themeholy.com/rakar/assets/images/testi_3_1.jpg" alt="testi_3_1"  /></div><div class="media-body"><h3 class="box-title">Anas Ibrahim</h3><span class="box-desig">Director</span></div></div><div class="box-review"><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i></div><p class="box-text">Profen Team quickly diagnosed and repaired our air handler, ensuring our home was cool again in no time. The technicians were professional, clean, and very knowledgeable. I highly recommend their services</p></div></div><div class="swiper-slide"><div class="testi-grid style2"><div class="box-logo"><img decoding="async" src="https://wordpress.themeholy.com/rakar/assets/images/testi_logo_2.svg" alt="testi_logo_2"  /></div><div class="box-icon">
-										<svg width="71" height="70" viewBox="0 0 71 70" fill="none" xmlns="http://www.w3.org/2000/svg">
-											<rect x="70.5" y="70" width="70" height="70" rx="35" transform="rotate(180 70.5 70)" fill="var(--theme-color)" />
-											<path d="M47.3629 25.975C48.9879 27.7167 49.9629 29.6167 49.9629 32.7833C49.9629 38.325 45.9004 43.2333 40.2129 45.7667L38.7504 43.7083C44.1129 40.8583 45.2504 37.2167 45.5754 34.8417C44.7629 35.3167 43.6254 35.475 42.4879 35.3167C39.5629 35 37.2879 32.7833 37.2879 29.775C37.2879 28.35 37.9379 26.925 38.9129 25.8167C40.0504 24.7083 41.3504 24.2333 42.9754 24.2333C44.7629 24.2333 46.3879 25.025 47.3629 25.975ZM31.1129 25.975C32.7379 27.7167 33.7129 29.6167 33.7129 32.7833C33.7129 38.325 29.6504 43.2333 23.9629 45.7667L22.5004 43.7083C27.8629 40.8583 29.0004 37.2167 29.3254 34.8417C28.5129 35.3167 27.3754 35.475 26.2379 35.3167C23.3129 35 21.0379 32.7833 21.0379 29.775C21.0379 28.35 21.6879 26.925 22.6629 25.8167C23.6379 24.7083 25.1004 24.2333 26.7254 24.2333C28.5129 24.2333 30.1379 25.025 31.1129 25.975Z" fill="white" />
-										</svg>
-									</div><div class="box-profile"><div class="box-avater"><img decoding="async" src="https://wordpress.themeholy.com/rakar/assets/images/testi_3_2.jpg" alt="testi_3_2"  /></div><div class="media-body"><h3 class="box-title">Musa Mohammed</h3><span class="box-desig">Managing Director</span></div></div><div class="box-review"><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i></div><p class="box-text">I had a great experience with Profen Engineering. They installed a new Carrier HVAC system in our home, and the difference is night and day. The technicians were punctual, courteous, and took the time to explain everything.</p></div></div><div class="swiper-slide"><div class="testi-grid style2"><div class="box-logo"><img decoding="async" src="https://wordpress.themeholy.com/rakar/assets/images/testi_logo_1.svg" alt="testi_logo_1"  /></div><div class="box-icon">
-										<svg width="71" height="70" viewBox="0 0 71 70" fill="none" xmlns="http://www.w3.org/2000/svg">
-											<rect x="70.5" y="70" width="70" height="70" rx="35" transform="rotate(180 70.5 70)" fill="var(--theme-color)" />
-											<path d="M47.3629 25.975C48.9879 27.7167 49.9629 29.6167 49.9629 32.7833C49.9629 38.325 45.9004 43.2333 40.2129 45.7667L38.7504 43.7083C44.1129 40.8583 45.2504 37.2167 45.5754 34.8417C44.7629 35.3167 43.6254 35.475 42.4879 35.3167C39.5629 35 37.2879 32.7833 37.2879 29.775C37.2879 28.35 37.9379 26.925 38.9129 25.8167C40.0504 24.7083 41.3504 24.2333 42.9754 24.2333C44.7629 24.2333 46.3879 25.025 47.3629 25.975ZM31.1129 25.975C32.7379 27.7167 33.7129 29.6167 33.7129 32.7833C33.7129 38.325 29.6504 43.2333 23.9629 45.7667L22.5004 43.7083C27.8629 40.8583 29.0004 37.2167 29.3254 34.8417C28.5129 35.3167 27.3754 35.475 26.2379 35.3167C23.3129 35 21.0379 32.7833 21.0379 29.775C21.0379 28.35 21.6879 26.925 22.6629 25.8167C23.6379 24.7083 25.1004 24.2333 26.7254 24.2333C28.5129 24.2333 30.1379 25.025 31.1129 25.975Z" fill="white" />
-										</svg>
-									</div><div class="box-profile"><div class="box-avater"><img decoding="async" src="https://wordpress.themeholy.com/rakar/assets/images/testi_3_1.jpg" alt="testi_3_1"  /></div><div class="media-body"><h3 class="box-title">David Thomas</h3><span class="box-desig">Project Manager</span></div></div><div class="box-review"><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i></div><p class="box-text">The service from Profen Engineering was exceptional. Dean diagnosed our furnace issue quickly and had it repaired in no time. The whole team was friendly and kept me informed at every step. I highly recommend them</p></div></div><div class="swiper-slide"><div class="testi-grid style2"><div class="box-logo"><img decoding="async" src="https://wordpress.themeholy.com/rakar/assets/images/testi_logo_2.svg" alt="testi_logo_2"  /></div><div class="box-icon">
-										<svg width="71" height="70" viewBox="0 0 71 70" fill="none" xmlns="http://www.w3.org/2000/svg">
-											<rect x="70.5" y="70" width="70" height="70" rx="35" transform="rotate(180 70.5 70)" fill="var(--theme-color)" />
-											<path d="M47.3629 25.975C48.9879 27.7167 49.9629 29.6167 49.9629 32.7833C49.9629 38.325 45.9004 43.2333 40.2129 45.7667L38.7504 43.7083C44.1129 40.8583 45.2504 37.2167 45.5754 34.8417C44.7629 35.3167 43.6254 35.475 42.4879 35.3167C39.5629 35 37.2879 32.7833 37.2879 29.775C37.2879 28.35 37.9379 26.925 38.9129 25.8167C40.0504 24.7083 41.3504 24.2333 42.9754 24.2333C44.7629 24.2333 46.3879 25.025 47.3629 25.975ZM31.1129 25.975C32.7379 27.7167 33.7129 29.6167 33.7129 32.7833C33.7129 38.325 29.6504 43.2333 23.9629 45.7667L22.5004 43.7083C27.8629 40.8583 29.0004 37.2167 29.3254 34.8417C28.5129 35.3167 27.3754 35.475 26.2379 35.3167C23.3129 35 21.0379 32.7833 21.0379 29.775C21.0379 28.35 21.6879 26.925 22.6629 25.8167C23.6379 24.7083 25.1004 24.2333 26.7254 24.2333C28.5129 24.2333 30.1379 25.025 31.1129 25.975Z" fill="white" />
-										</svg>
-									</div><div class="box-profile"><div class="box-avater"><img decoding="async" src="https://wordpress.themeholy.com/rakar/assets/images/testi_3_2.jpg" alt="testi_3_2"  /></div><div class="media-body"><h3 class="box-title">Merlin Chacko</h3><span class="box-desig">Project Coordinator</span></div></div><div class="box-review"><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i></div><p class="box-text">Our store&#039;s HVAC system went down on a Sunday, and Profen Engineering responded quickly. Mohammed helped us troubleshoot the issue over the phone, saving us from costly emergency repairs. Excellent service and highly recommended.</p></div></div></div><div class="slider-pagination"></div></div><div class="slider-controller"><button data-slider-prev="#testiSlider5" class="slider-arrow default text-white slider-prev"><i class="far fa-arrow-left"></i></button><div class="slider-pagination white-color" data-slider-id="#testiSlider5"></div><button data-slider-next="#testiSlider5" class="slider-arrow default text-white slider-next"><i class="far fa-arrow-right"></i></button></div></div>				</div>
-				</div>
-					</div>
-				</div>
-		<div class="elementor-element elementor-element-3ccd8d3 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="3ccd8d3" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
-					<div class="e-con-inner">
-		<div class="elementor-element elementor-element-ed81b4a e-con-full e-flex e-con e-child" data-id="ed81b4a" data-element_type="container" data-e-type="container">
-				<div class="elementor-element elementor-element-099ae7b elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-rakarsectiontitle" data-id="099ae7b" data-element_type="widget" data-e-type="widget" data-widget_type="rakarsectiontitle.default">
-				<div class="elementor-widget-container">
-							<div class="title-area text-left ">
-			<span class="sub-title2 "><img decoding="async" src="/assets/images/title_icon5.svg" alt="Shape">Blog &amp; Articles</span><h2 class="sec-title ">Every Single Update From Profen</h2>		</div>
-
-					</div>
-				</div>
-				<div class="elementor-element elementor-element-e1ea760 elementor-widget elementor-widget-rakarbutton" data-id="e1ea760" data-element_type="widget" data-e-type="widget" data-widget_type="rakarbutton.default">
-				<div class="elementor-widget-container">
-					<div class="btn-wrapper"><a class="th-btn th_btn style4 rounded-12" href="#">View All Articles<i class="far fa-arrow-right"></i></a></div>				</div>
-				</div>
-				</div>
-				<div class="elementor-element elementor-element-c9ee644 elementor-widget elementor-widget-rakarblog" data-id="c9ee644" data-element_type="widget" data-e-type="widget" data-widget_type="rakarblog.default">
-				<div class="elementor-widget-container">
-					<div class="row gy-4"><div class="col-xl-4 col-md-6"><div class="blog-grid"><a href="index.html%3Fp=115.html" class="blog-img"><img decoding="async" width="425" height="585" src="/assets/images/outdoorcooling-425x585.webp" class="attachment-rakar_425X585 size-rakar_425X585 wp-post-image" alt="" /></a><a href="/blog-details.html" class="icon-btn"><i class="far fa-arrow-right"></i></a><span class="box-date"></span><div class="blog-content"><div class="blog-meta"><a href="author/pf_admin/index.html"><i class="fas fa-user"></i>By Admin</a><a href="category/solar/index.html"><i class="fas fa-tags"></i>Solar</a></div><h3 class="box-title"><a href="index.html%3Fp=115.html">The Future of Outdoor Cooling: How Misting Systems Are Revolutionizing</a></h3></div></div></div><div class="col-xl-4 col-md-6"><div class="blog-grid"><a href="index.html%3Fp=114.html" class="blog-img"><img decoding="async" width="425" height="585" src="/assets/images/Insights-Swimming-Pool-Heat-Pumps-425x585.jpg" class="attachment-rakar_425X585 size-rakar_425X585 wp-post-image" alt="" /></a><a href="/blog-details.html" class="icon-btn"><i class="far fa-arrow-right"></i></a><span class="box-date"></span><div class="blog-content"><div class="blog-meta"><a href="author/pf_admin/index.html"><i class="fas fa-user"></i>By Admin</a><a href="category/repair/index.html"><i class="fas fa-tags"></i>Repair</a></div><h3 class="box-title"><a href="index.html%3Fp=114.html">Swimming Pool Heating &amp; Cooling: Choosing the Right System for</a></h3></div></div></div><div class="col-xl-4 col-md-6"><div class="blog-grid"><a href="index.html%3Fp=113.html" class="blog-img"><img loading="lazy" decoding="async" width="425" height="585" src="/assets/images/commercial-heating-425x585.jpg" class="attachment-rakar_425X585 size-rakar_425X585 wp-post-image" alt="" /></a><a href="/blog-details.html" class="icon-btn"><i class="far fa-arrow-right"></i></a><span class="box-date"></span><div class="blog-content"><div class="blog-meta"><a href="author/pf_admin/index.html"><i class="fas fa-user"></i>By Admin</a><a href="category/news-tips/index.html"><i class="fas fa-tags"></i>News &amp; Tips</a></div><h3 class="box-title"><a href="index.html%3Fp=113.html">Energy-Efficient Heating Solutions for Commercial &amp; Industrial Spaces</a></h3></div></div></div></div>				</div>
-				</div>
-					</div>
-				</div>
-		<div class="elementor-element elementor-element-2d5650d e-flex e-con-boxed e-con e-parent" data-id="2d5650d" data-element_type="container" data-e-type="container">
-					<div class="e-con-inner">
-					</div>
-				</div>
-				</div>
-		
-	</div>
-	</div>

src/data/service-content.html

@@ -1,186 +0,0 @@
-<!-- Page title 2 --><div class="breadcumb-banner"><div class="breadcumb-wrapper " id="breadcumbwrap"><div class="container"><div class="breadcumb-content"><h1 class="breadcumb-title">Our Services</h1><ul class="breadcumb-menu"><li><a href="/">Home</a></li><li>Our Services</li></ul></div></div></div></div><!-- End of Page title -->	<div class="rakar-fluid">
-	<div class="builder-page-wrapper">
-			<div data-elementor-type="wp-page" data-elementor-id="32" class="elementor elementor-32">
-				<div class="elementor-element elementor-element-e471ccf e-flex e-con-boxed e-con e-parent" data-id="e471ccf" data-element_type="container" data-e-type="container">
-					<div class="e-con-inner">
-				<div class="elementor-element elementor-element-58994a2 elementor-widget__width-initial elementor-widget elementor-widget-rakarsectiontitle" data-id="58994a2" data-element_type="widget" data-e-type="widget" data-widget_type="rakarsectiontitle.default">
-				<div class="elementor-widget-container">
-							<div class="title-area text-center ">
-			<span class="sub-title "><img decoding="async" src="/assets/images/title_icon.svg" alt="Shape">Our Services</span><h2 class="sec-title ">What Services We Offer</h2><p>Welcome to Rakar renovation, we provide a robust synopsis for high level overviews. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.</p>		</div>
-
-					</div>
-				</div>
-				<div class="elementor-element elementor-element-97218ac elementor-widget elementor-widget-rakarservice" data-id="97218ac" data-element_type="widget" data-e-type="widget" data-widget_type="rakarservice.default">
-				<div class="elementor-widget-container">
-					<div class="row gy-4"><div class="col-xxl-3 col-lg-4 col-md-6"><div class="service-card"><div class="box-number">08</div><div class="box-icon"><img decoding="async" src="/assets/images/price_1_3.svg" alt="price_1_3"  /></div><p class="box-subtitle">Service And Repairs</p><h3 class="box-title"><a href="/service?p=3199">Adiabatic Pre-Cooling System</a></h3><p class="box-text">Designed to optimize your cooling efficiency while reducing energy consumption. </p><a href="/service?p=3199" class="th-btn btn-sm th_btn">Read More<i class="far fa-arrow-right ms-2"></i></a></div></div><div class="col-xxl-3 col-lg-4 col-md-6"><div class="service-card"><div class="box-number">07</div><div class="box-icon"><img decoding="async" src="/assets/images/price_1_1.svg" alt="price_1_1"  /></div><p class="box-subtitle">Service And Repairs</p><h3 class="box-title"><a href="/service?p=3192">Misting Solutions</a></h3><p class="box-text">We specialize in providing high-performance misting solutions designed to keep you cool.</p><a href="/service?p=3192" class="th-btn btn-sm th_btn">Read More<i class="far fa-arrow-right ms-2"></i></a></div></div><div class="col-xxl-3 col-lg-4 col-md-6"><div class="service-card"><div class="box-number">01</div><div class="box-icon"><img decoding="async" src="/assets/images/service_card_2.svg" alt="service_card_2"  /></div><p class="box-subtitle">Service And Repairs</p><h3 class="box-title"><a href="/service?p=35">Electro-Mechanical Works</a></h3><p class="box-text">We, at Profen, specialize in comprehensive electro-mechanical solutions,..</p><a href="/service?p=35" class="th-btn btn-sm th_btn">Read More<i class="far fa-arrow-right ms-2"></i></a></div></div><div class="col-xxl-3 col-lg-4 col-md-6"><div class="service-card"><div class="box-number">02</div><div class="box-icon"><img decoding="async" src="/assets/images/service_grid_1.svg" alt="service_grid_1"  /></div><p class="box-subtitle">Service And Repairs</p><h3 class="box-title"><a href="/service?p=3159">Landscaping &amp; Fencing</a></h3><p class="box-text">Our expert team ensures exceptional design, durable materials,..</p><a href="/service?p=3159" class="th-btn btn-sm th_btn">Read More<i class="far fa-arrow-right ms-2"></i></a></div></div><div class="col-xxl-3 col-lg-4 col-md-6"><div class="service-card"><div class="box-number">03</div><div class="box-icon"><img decoding="async" src="/assets/images/service_card_4.svg" alt="service_card_4"  /></div><p class="box-subtitle">Service And Repairs</p><h3 class="box-title"><a href="/service?p=3160">Metal Construction &amp; Fabrications</a></h3><p class="box-text">We ensure superior craftsmanship, strength, and reliability in every...</p><a href="/service?p=3160" class="th-btn btn-sm th_btn">Read More<i class="far fa-arrow-right ms-2"></i></a></div></div><div class="col-xxl-3 col-lg-4 col-md-6"><div class="service-card"><div class="box-number">04</div><div class="box-icon"><img decoding="async" src="/assets/images/service_card_7.svg" alt="service_card_7"  /></div><p class="box-subtitle">Service And Repairs</p><h3 class="box-title"><a href="/service?p=3172">Building Contracting Works</a></h3><p class="box-text">We provide comprehensive building contracting services, delivering..</p><a href="/service?p=3172" class="th-btn btn-sm th_btn">Read More<i class="far fa-arrow-right ms-2"></i></a></div></div><div class="col-xxl-3 col-lg-4 col-md-6"><div class="service-card"><div class="box-number">05</div><div class="box-icon"><img decoding="async" src="/assets/images/service_card_3.svg" alt="service_card_3"  /></div><p class="box-subtitle">Service And Repairs</p><h3 class="box-title"><a href="/service?p=3179">Interior &amp; Fit-Out Works</a></h3><p class="box-text">You are looking to revamp a home, office, or commercial space,..</p><a href="/service?p=3179" class="th-btn btn-sm th_btn">Read More<i class="far fa-arrow-right ms-2"></i></a></div></div><div class="col-xxl-3 col-lg-4 col-md-6"><div class="service-card"><div class="box-number">06</div><div class="box-icon"><img decoding="async" src="/assets/images/service_card_8.svg" alt="service_card_8"  /></div><p class="box-subtitle">Service And Repairs</p><h3 class="box-title"><a href="/service?p=3186">Chiller Hot &amp; Cool Solutions</a></h3><p class="box-text">We specialize in providing advanced chiller systems for both heating and cooling </p><a href="/service?p=3186" class="th-btn btn-sm th_btn">Read More<i class="far fa-arrow-right ms-2"></i></a></div></div></div>				</div>
-				</div>
-				<div class="elementor-element elementor-element-72617d9 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="72617d9" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
-				<div class="elementor-widget-container">
-							<div class="elementor-divider">
-			<span class="elementor-divider-separator">
-						</span>
-		</div>
-						</div>
-				</div>
-					</div>
-				</div>
-		<div class="elementor-element elementor-element-44ce77c e-flex e-con-boxed e-con e-parent" data-id="44ce77c" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
-					<div class="e-con-inner">
-		<div class="elementor-element elementor-element-6d49ce3 e-con-full e-flex e-con e-child" data-id="6d49ce3" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
-		<div class="elementor-element elementor-element-5b6532e e-con-full e-flex e-con e-child" data-id="5b6532e" data-element_type="container" data-e-type="container">
-				<div class="elementor-element elementor-element-2195fdf elementor-widget elementor-widget-image" data-id="2195fdf" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
-				<div class="elementor-widget-container">
-															<img decoding="async" src="/assets/images/img-12-r11tjeyk6bpfdhrkqtg3fniuzzc4mct5jx7en5pwcw.jpg" title="img-12" alt="img-12" loading="lazy" />															</div>
-				</div>
-				</div>
-		<div class="elementor-element elementor-element-47042bf e-con-full e-flex e-con e-child" data-id="47042bf" data-element_type="container" data-e-type="container">
-				<div class="elementor-element elementor-element-a3d9660 elementor-widget elementor-widget-rakarsectiontitle" data-id="a3d9660" data-element_type="widget" data-e-type="widget" data-widget_type="rakarsectiontitle.default">
-				<div class="elementor-widget-container">
-							<div class="title-area text-left ">
-			<span class="sub-title2 "><img decoding="async" src="/assets/images/title_icon5.svg" alt="Shape">Contact Us</span><h2 class="sec-title ">Get A Quote</h2>		</div>
-
-					</div>
-				</div>
-				<div class="elementor-element elementor-element-c233244 elementor-widget elementor-widget-rakarcontactform" data-id="c233244" data-element_type="widget" data-e-type="widget" data-widget_type="rakarcontactform.default">
-				<div class="elementor-widget-container">
-					<div class="input-light ajax-contact pb-30 pb-md-0">
-<div class="wpcf7 no-js" id="wpcf7-f523-p32-o1" lang="en-US" dir="ltr" data-wpcf7-id="523">
-<div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div>
-<form action="../index.html%3Fp=32.html#wpcf7-f523-p32-o1" method="post" class="wpcf7-form init" aria-label="Contact form" novalidate="novalidate" data-status="init">
-<fieldset class="hidden-fields-container"><input type="hidden" name="_wpcf7" value="523" /><input type="hidden" name="_wpcf7_version" value="6.1.6" /><input type="hidden" name="_wpcf7_locale" value="en_US" /><input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f523-p32-o1" /><input type="hidden" name="_wpcf7_container_post" value="32" /><input type="hidden" name="_wpcf7_posted_data_hash" value="" />
-</fieldset>
-<div class="row">
-	<div class="form-group col-md-6">
-<span class="wpcf7-form-control-wrap" data-name="text-63"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" aria-required="true" aria-invalid="false" placeholder="Your Name" value="" type="text" name="text-63" /></span>
-		<i class="fas fa-user"></i>
-	</div>
-	<div class="form-group col-md-6">
-<span class="wpcf7-form-control-wrap" data-name="email-81"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email form-control" aria-required="true" aria-invalid="false" placeholder="Email Address" value="" type="email" name="email-81" /></span>
-		<i class="fas fa-envelope"></i>
-	</div>
-	<div class="form-group col-md-6">
-<span class="wpcf7-form-control-wrap" data-name="number-97"><input class="wpcf7-form-control wpcf7-number wpcf7-validates-as-required wpcf7-validates-as-number form-control" aria-required="true" aria-invalid="false" placeholder="Phone Number" value="" type="number" name="number-97" /></span>
-		<i class="fas fa-phone"></i>
-	</div>
-	<div class="form-group col-md-6">
-<span class="wpcf7-form-control-wrap" data-name="menu-115"><select class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required form-select nice-select" id="subject" aria-required="true" aria-invalid="false" name="menu-115"><option value="Select Subject">Select Subject</option><option value="General Query">General Query</option><option value="Help Support">Help Support</option><option value="Sales Support">Sales Support</option></select></span>
-		<i class="fas fa-chevron-down"></i>
-	</div>
-	<div class="form-group col-12">
-<span class="wpcf7-form-control-wrap" data-name="textarea-17"><textarea cols="40" rows="10" maxlength="2000" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required form-control" aria-required="true" aria-invalid="false" placeholder="Your Message" name="textarea-17"></textarea></span>
-		<i class="fas fa-pencil"></i>
-	</div>
-	<div class="form-btn col-12">
-<button class="th-btn">Send Message Now<i class="far fa-arrow-right ms-2"></i></button>
-	</div>
-</div>
-<p class="form-messages mb-0 mt-3"></p><div class="wpcf7-response-output" aria-hidden="true"></div>
-</form>
-</div>
-</div>				</div>
-				</div>
-				</div>
-				</div>
-					</div>
-				</div>
-		<div class="elementor-element elementor-element-dbc5d33 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="dbc5d33" data-element_type="container" data-e-type="container">
-					<div class="e-con-inner">
-				<div class="elementor-element elementor-element-b4c414d elementor-widget__width-initial elementor-widget elementor-widget-rakarsectiontitle" data-id="b4c414d" data-element_type="widget" data-e-type="widget" data-widget_type="rakarsectiontitle.default">
-				<div class="elementor-widget-container">
-							<div class="title-area text-center ">
-			<span class="sub-title "><img decoding="async" src="/assets/images/title_icon.svg" alt="Shape">Best Gallery</span><h2 class="sec-title ">Our Awesome Gallery</h2>		</div>
-
-					</div>
-				</div>
-				<div class="elementor-element elementor-element-2e21688 elementor-widget elementor-widget-rakargallery" data-id="2e21688" data-element_type="widget" data-e-type="widget" data-widget_type="rakargallery.default">
-				<div class="elementor-widget-container">
-					<div class="row gy-30 filter-active"><div class="cat2 col-xl-3 col-md-6 filter-item  th-gallery-loop"><div class="gallery-card"><a class="box-img popup-image" href="https://wordpress.themeholy.com/rakar/assets/images/gallery_1_1.jpg"><img decoding="async" src="https://wordpress.themeholy.com/rakar/assets/images/gallery_1_1.jpg" alt="gallery_1_1"  /><div class="box-content"><span class="box-btn"><i class="fas fa-plus"></i> </span></div></a></div></div><div class="cat2 col-xl-3 col-md-6 filter-item  th-gallery-loop"><div class="gallery-card"><a class="box-img popup-image" href="https://wordpress.themeholy.com/rakar/assets/images/gallery_1_2.jpg"><img decoding="async" src="https://wordpress.themeholy.com/rakar/assets/images/gallery_1_2.jpg" alt="gallery_1_2"  /><div class="box-content"><span class="box-btn"><i class="fas fa-plus"></i></span></div></a></div></div><div class="cat2 col-xl-6 col-md-6 filter-item  th-gallery-loop"><div class="gallery-card"><a class="box-img popup-image" href="https://wordpress.themeholy.com/rakar/assets/images/gallery_1_3.jpg"><img decoding="async" src="https://wordpress.themeholy.com/rakar/assets/images/gallery_1_3.jpg" alt="gallery_1_3"  /><div class="box-content"><span class="box-btn"><i class="fas fa-plus"></i></span></div></a></div></div><div class="cat2 col-xl-6 col-md-6 filter-item  th-gallery-loop"><div class="gallery-card"><a class="box-img popup-image" href="https://wordpress.themeholy.com/rakar/assets/images/gallery_1_4.jpg"><img decoding="async" src="https://wordpress.themeholy.com/rakar/assets/images/gallery_1_4.jpg" alt="gallery_1_4"  /><div class="box-content"><span class="box-btn"><i class="fas fa-plus"></i></span></div></a></div></div><div class="cat2 col-xl-3 col-md-6 filter-item  th-gallery-loop"><div class="gallery-card"><a class="box-img popup-image" href="https://wordpress.themeholy.com/rakar/assets/images/gallery_1_5.jpg"><img decoding="async" src="https://wordpress.themeholy.com/rakar/assets/images/gallery_1_5.jpg" alt="gallery_1_5"  /><div class="box-content"><span class="box-btn"><i class="fas fa-plus"></i></span></div></a></div></div><div class="cat2 col-xl-3 col-md-6 filter-item  th-gallery-loop"><div class="gallery-card"><a class="box-img popup-image" href="https://wordpress.themeholy.com/rakar/assets/images/gallery_1_6.jpg"><img decoding="async" src="https://wordpress.themeholy.com/rakar/assets/images/gallery_1_6.jpg" alt="gallery_1_6"  /><div class="box-content"><span class="box-btn"><i class="fas fa-plus"></i></span></div></a></div></div><div class="cat2 col-xl-3 col-md-6 filter-item  th-gallery-loop"><div class="gallery-card"><a class="box-img popup-image" href="https://wordpress.themeholy.com/rakar/assets/images/gallery_1_7.jpg"><img decoding="async" src="https://wordpress.themeholy.com/rakar/assets/images/gallery_1_7.jpg" alt="gallery_1_7"  /><div class="box-content"><span class="box-btn"><i class="fas fa-plus"></i></span></div></a></div></div><div class="cat2 col-xl-6 col-md-6 filter-item  th-gallery-loop"><div class="gallery-card"><a class="box-img popup-image" href="https://wordpress.themeholy.com/rakar/assets/images/gallery_1_8.jpg"><img decoding="async" src="https://wordpress.themeholy.com/rakar/assets/images/gallery_1_8.jpg" alt="gallery_1_8"  /><div class="box-content"><span class="box-btn"><i class="fas fa-plus"></i></span></div></a></div></div><div class="cat2 col-xl-3 col-md-6 filter-item  th-gallery-loop"><div class="gallery-card"><a class="box-img popup-image" href="https://wordpress.themeholy.com/rakar/assets/images/gallery_1_9.jpg"><img decoding="async" src="https://wordpress.themeholy.com/rakar/assets/images/gallery_1_9.jpg" alt="gallery_1_9"  /><div class="box-content"><span class="box-btn"><i class="fas fa-plus"></i></span></div></a></div></div></div>				</div>
-				</div>
-				<div class="elementor-element elementor-element-be52d56 elementor-widget elementor-widget-rakarbutton" data-id="be52d56" data-element_type="widget" data-e-type="widget" data-widget_type="rakarbutton.default">
-				<div class="elementor-widget-container">
-					<div class="btn-wrapper"><a class="th-btn th_btn " href="/project">View All Gallery<i class="far fa-arrow-right"></i></a></div>				</div>
-				</div>
-					</div>
-				</div>
-		<div class="elementor-element elementor-element-cc4ec66 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="cc4ec66" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
-					<div class="e-con-inner">
-				<div class="elementor-element elementor-element-68b4dae elementor-widget__width-initial elementor-widget elementor-widget-rakarsectiontitle" data-id="68b4dae" data-element_type="widget" data-e-type="widget" data-widget_type="rakarsectiontitle.default">
-				<div class="elementor-widget-container">
-							<div class="title-area text-center ">
-			<span class="sub-title shape-white"><img decoding="async" src="https://wordpress.themeholy.com/rakar/assets/images/title_icon_white.svg" alt="title_icon_white"  />Pricing Plan</span><h2 class="sec-title ">Our Best Pricing Plan</h2><p>The popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock.</p>		</div>
-
-					</div>
-				</div>
-				<div class="elementor-element elementor-element-96922c6 elementor-widget elementor-widget-rakarprice" data-id="96922c6" data-element_type="widget" data-e-type="widget" data-widget_type="rakarprice.default">
-				<div class="elementor-widget-container">
-					<div class="row gy-4"><div class="col-xl-3 col-md-6"><div class="price-card"><div class="box-shape"><img decoding="async" src="https://wordpress.themeholy.com/rakar/assets/images/lines_3.png" alt="lines_3"  /></div><h3 class="box-title">Basic Plan</h3><p class="box-price">$99.00<span class="duration">/Monthly</span></p><div class="box-list"><ul>
-<li>Monthly Inspection</li>
-<li>General Repair</li>
-<li class="unavailable">Maintenance</li>
-<li class="unavailable">Fixing of Faulty Wiring</li>
-<li class="unavailable">Ac Condition Repair</li>
-</ul></div><div class="box-footer"><a href="/contact" class="th-btn">Get Started<i class="far fa-arrow-right ms-2"></i></a></div></div></div><div class="col-xl-3 col-md-6"><div class="price-card"><div class="box-shape"><img decoding="async" src="https://wordpress.themeholy.com/rakar/assets/images/lines_3.png" alt="lines_3"  /></div><span class="tag">Popular Plan</span><h3 class="box-title">Standard</h3><p class="box-price">$129.00<span class="duration">/Monthly</span></p><div class="box-list"><ul>
-<li>Monthly Inspection</li>
-<li>General Repair</li>
-<li>Maintenance</li>
-<li class="unavailable">Fixing of Faulty Wiring</li>
-<li class="unavailable">Ac Condition Repair</li>
-</ul></div><div class="box-footer"><a href="/contact" class="th-btn">Get Started<i class="far fa-arrow-right ms-2"></i></a></div></div></div><div class="col-xl-3 col-md-6"><div class="price-card"><div class="box-shape"><img decoding="async" src="https://wordpress.themeholy.com/rakar/assets/images/lines_3.png" alt="lines_3"  /></div><h3 class="box-title">Premium</h3><p class="box-price">$199.00<span class="duration">/Monthly</span></p><div class="box-list"><ul>
-<li>Monthly Inspection</li>
-<li>General Repair</li>
-<li>Maintenance</li>
-<li>Fixing of Faulty Wiring</li>
-<li class="unavailable">Ac Condition Repair</li>
-</ul></div><div class="box-footer"><a href="/contact" class="th-btn">Get Started<i class="far fa-arrow-right ms-2"></i></a></div></div></div><div class="col-xl-3 col-md-6"><div class="price-card"><div class="box-shape"><img decoding="async" src="https://wordpress.themeholy.com/rakar/assets/images/lines_3.png" alt="lines_3"  /></div><h3 class="box-title">Dedicated Plan</h3><p class="box-price">$299.00<span class="duration">/Monthly</span></p><div class="box-list"><ul>
-<li>Monthly Inspection</li>
-<li>General Repair</li>
-<li>Maintenance</li>
-<li>Fixing of Faulty Wiring</li>
-<li>Ac Condition Repair</li>
-</ul></div><div class="box-footer"><a href="/contact" class="th-btn">Get Started<i class="far fa-arrow-right ms-2"></i></a></div></div></div></div>				</div>
-				</div>
-				<div class="elementor-element elementor-element-dc2c8e4 elementor-widget elementor-widget-rakarshapeimage" data-id="dc2c8e4" data-element_type="widget" data-e-type="widget" data-widget_type="rakarshapeimage.default">
-				<div class="elementor-widget-container">
-					<!-- Image --><div class="shape-mockup spin " data-top="15%" data-right="6%"><img decoding="async" class="" src="https://wordpress.themeholy.com/rakar/assets/images/dots_1.svg" alt="Shape Image" ></div><!-- End Image -->				</div>
-				</div>
-				<div class="elementor-element elementor-element-a3db61d elementor-widget elementor-widget-rakarshapeimage" data-id="a3db61d" data-element_type="widget" data-e-type="widget" data-widget_type="rakarshapeimage.default">
-				<div class="elementor-widget-container">
-					<!-- Image --><div class="shape-mockup spin " data-bottom="6%" data-left="4%"><img decoding="async" class="" src="https://wordpress.themeholy.com/rakar/assets/images/dots_1.svg" alt="Shape Image" ></div><!-- End Image -->				</div>
-				</div>
-					</div>
-				</div>
-		<div class="elementor-element elementor-element-de92766 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="de92766" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
-					<div class="e-con-inner">
-		<div class="elementor-element elementor-element-fcec06d e-con-full e-flex e-con e-child" data-id="fcec06d" data-element_type="container" data-e-type="container">
-				<div class="elementor-element elementor-element-9d81d77 elementor-widget__width-initial elementor-widget elementor-widget-rakarsectiontitle" data-id="9d81d77" data-element_type="widget" data-e-type="widget" data-widget_type="rakarsectiontitle.default">
-				<div class="elementor-widget-container">
-							<div class="title-area text-left ">
-			<span class="sub-title "><img decoding="async" src="/assets/images/title_icon.svg" alt="Shape">Testimonial</span><h2 class="sec-title ">What Our Client Say</h2>		</div>
-
-					</div>
-				</div>
-				<div class="elementor-element elementor-element-6ef5541 elementor-widget elementor-widget-rakarbutton" data-id="6ef5541" data-element_type="widget" data-e-type="widget" data-widget_type="rakarbutton.default">
-				<div class="elementor-widget-container">
-					<div class="btn-wrapper"><a class="th-btn th_btn style4" href="https://wordpress.themeholy.com/rakar/testimonials/">View All Reviews<i class="far fa-arrow-right"></i></a></div>				</div>
-				</div>
-				</div>
-				<div class="elementor-element elementor-element-037663e elementor-widget elementor-widget-rakartestimonialslider" data-id="037663e" data-element_type="widget" data-e-type="widget" data-widget_type="rakartestimonialslider.default">
-				<div class="elementor-widget-container">
-					<div class="slider-area"><div class="swiper th-slider has-shadow" id="testiSlider1" data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"1"},"768":{"slidesPerView":"1"},"992":{"slidesPerView":"2"},"1200":{"slidesPerView":"2"}}}'><div class="swiper-wrapper"><div class="swiper-slide"><div class="testi-card "><div class="box-img"><img decoding="async" src="https://wordpress.themeholy.com/rakar/assets/images/testi_b_1.jpg" alt="testi_b_1"  /></div><div class="box-content"><div class="box-review"><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i></div><p class="box-text">Rakar has most quality services by subtle craftmens, Diam id semper tellus. Est aliquam sit est ac. Felis diam nunc nibh blandit risus ndrerit sed consectetur quis leo on the  praesent scelerisque.</p><div class="box-profile"><div class="box-avater"><img decoding="async" src="https://wordpress.themeholy.com/rakar/assets/images/testi_1_1.jpg" alt="testi_1_1"  /></div><div class="media-body"><h3 class="box-title">Sumaiya Zara</h3><span class="box-desig">CEO Of Company</span></div></div></div></div></div><div class="swiper-slide"><div class="testi-card "><div class="box-img"><img decoding="async" src="https://wordpress.themeholy.com/rakar/assets/images/testi_b_2.jpg" alt="testi_b_2"  /></div><div class="box-content"><div class="box-review"><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i></div><p class="box-text">The most quality services by subtle craftmens, Diam id semper tellus. Est aliquam sit est ac. Felis diam nunc nibh blandit risus ndrerit sed consectetur quis leo on the  praesent in Rakar.</p><div class="box-profile"><div class="box-avater"><img decoding="async" src="https://wordpress.themeholy.com/rakar/assets/images/testi_1_2.jpg" alt="testi_1_2"  /></div><div class="media-body"><h3 class="box-title">Alex Simon</h3><span class="box-desig">Managing Director</span></div></div></div></div></div><div class="swiper-slide"><div class="testi-card "><div class="box-img"><img decoding="async" src="https://wordpress.themeholy.com/rakar/assets/images/testi_b_1.jpg" alt="testi_b_1"  /></div><div class="box-content"><div class="box-review"><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i></div><p class="box-text">Rakar has most quality services by subtle craftmens, Diam id semper tellus. Est aliquam sit est ac. Felis diam nunc nibh blandit risus ndrerit sed consectetur quis leo on the  praesent scelerisque.</p><div class="box-profile"><div class="box-avater"><img decoding="async" src="https://wordpress.themeholy.com/rakar/assets/images/testi_1_1.jpg" alt="testi_1_1"  /></div><div class="media-body"><h3 class="box-title">Agelina Margret</h3><span class="box-desig">CEO Of Company</span></div></div></div></div></div><div class="swiper-slide"><div class="testi-card "><div class="box-img"><img decoding="async" src="https://wordpress.themeholy.com/rakar/assets/images/testi_b_2.jpg" alt="testi_b_2"  /></div><div class="box-content"><div class="box-review"><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i></div><p class="box-text">The most quality services by subtle craftmens, Diam id semper tellus. Est aliquam sit est ac. Felis diam nunc nibh blandit risus ndrerit sed consectetur quis leo on the  praesent in Rakar.</p><div class="box-profile"><div class="box-avater"><img decoding="async" src="https://wordpress.themeholy.com/rakar/assets/images/testi_1_2.jpg" alt="testi_1_2"  /></div><div class="media-body"><h3 class="box-title">Robert Danials</h3><span class="box-desig">Managing Director</span></div></div></div></div></div></div><div class="slider-pagination"></div></div></div>				</div>
-				</div>
-					</div>
-				</div>
-		<div class="elementor-element elementor-element-6afdab5 e-con-full e-flex e-con e-parent" data-id="6afdab5" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
-				<div class="elementor-element elementor-element-a69b4f9 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="a69b4f9" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
-				<div class="elementor-widget-container">
-							<div class="elementor-divider">
-			<span class="elementor-divider-separator">
-						</span>
-		</div>
-						</div>
-				</div>
-				</div>
-				</div>
-		
-	</div>
-	</div>

src/data/services.json

@@ -1,848 +0,0 @@
-[
-  {
-    "slug": "adiabatic-pre-cooling-system",
-    "title": "Adiabatic Pre-Cooling System",
-    "postId": 3199,
-    "image": "/assets/images/adiabatic-cooling.jpg",
-    "imageSrcset": "/assets/images/adiabatic-cooling.jpg 872w, /assets/images/adiabatic-cooling-300x184.jpg 300w, /assets/images/adiabatic-cooling-768x472.jpg 768w",
-    "imageWidth": 872,
-    "imageHeight": 536,
-    "contentBlocks": [
-      {
-        "type": "paragraph",
-        "text": "At Profen Engineering LLC, we deliver Adiabatic Pre-Cooling Systems that significantly improve the efficiency of HVAC, chiller, and industrial cooling systems. By using the natural process of evaporative cooling, our solutions reduce incoming air temperature before it reaches condensers or chillers, resulting in lower energy consumption, improved performance, and extended equipment life."
-      },
-      {
-        "type": "heading",
-        "level": 4,
-        "text": "How Adiabatic Pre-Cooling Works"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Hot ambient air passes through water-wetted media",
-          "Water evaporation absorbs heat and lowers air temperature",
-          "Pre-cooled air enters the condenser/chiller, reducing system load"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Key Benefits"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Energy savings up to 30\u201340%",
-          "Improved cooling efficiency, especially in hot climates",
-          "Reduced power consumption and operational costs",
-          "Extended lifespan of HVAC and chiller equipment",
-          "Eco-friendly solution with low water usage and reduced carbon footprint"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 2,
-        "text": "System Features"
-      },
-      {
-        "type": "list",
-        "items": [
-          "High-efficiency evaporative cooling pads",
-          "Smart control systems with temperature & humidity sensors",
-          "Corrosion-resistant and weatherproof construction",
-          "Easy integration with existing HVAC and chiller systems",
-          "Low maintenance and reliable operation"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Applications"
-      },
-      {
-        "type": "list",
-        "items": [
-          "HVAC & chiller plants",
-          "Data centers & server rooms",
-          "Industrial facilities & manufacturing plants",
-          "Supermarkets & cold storage units",
-          "Power plants & substations"
-        ]
-      }
-    ]
-  },
-  {
-    "slug": "building-contracting-works",
-    "title": "Building Contracting Works",
-    "postId": 3172,
-    "image": "/assets/images/construction.jpg",
-    "imageSrcset": "/assets/images/construction.jpg 872w, /assets/images/construction-300x184.jpg 300w, /assets/images/construction-768x472.jpg 768w",
-    "imageWidth": 872,
-    "imageHeight": 536,
-    "contentBlocks": [
-      {
-        "type": "paragraph",
-        "text": "At Profen Engineering LLC, we provide complete building contracting services delivering high-quality construction, renovation, and turnkey solutions for residential, commercial, and industrial projects. With a strong commitment to quality, safety, and timely delivery, we manage every stage of construction with professional precision and engineering excellence."
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "New Building Construction"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Residential villas & apartment buildings",
-          "Commercial buildings, offices & retail spaces",
-          "Industrial facilities, warehouses & labor accommodations"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Renovation & Refurbishment"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Complete building renovations and structural modifications",
-          "Office, villa, and retail fit-out works",
-          "Electrical, plumbing, and HVAC upgrades"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Turnkey Project Solutions"
-      },
-      {
-        "type": "list",
-        "items": [
-          "End-to-end project management from design to handover",
-          "Coordination of civil, MEP, and finishing works",
-          "Single-point responsibility for smooth execution"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Civil & Structural Works"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Concrete works, block works & plastering",
-          "Foundation, slab & structural strengthening works",
-          "External & internal finishing works"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Authority Approvals & Compliance"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Compliance with Dubai Municipality and local authority standards",
-          "Safety management and quality assurance throughout the project"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Project Applications"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Residential & villa developments",
-          "Commercial & mixed-use buildings",
-          "Industrial and infrastructure projects",
-          "Renovation and extension works"
-        ]
-      }
-    ]
-  },
-  {
-    "slug": "building-management-system",
-    "title": "Building Management System",
-    "postId": 3206,
-    "image": "/assets/images/bms01.jpg",
-    "imageSrcset": "/assets/images/bms01.jpg 872w, /assets/images/bms01-300x184.jpg 300w, /assets/images/bms01-768x472.jpg 768w",
-    "imageWidth": 872,
-    "imageHeight": 536,
-    "contentBlocks": [
-      {
-        "type": "paragraph",
-        "text": "At Profen Engineering LLC, we provide advanced Building Management System (BMS) solutions that enable centralized monitoring, control, and optimization of building services. Our BMS solutions enhance operational efficiency, energy savings, safety, and occupant comfort for commercial, residential, and industrial buildings."
-      },
-      {
-        "type": "heading",
-        "level": 4,
-        "text": "What is a Building Management System?"
-      },
-      {
-        "type": "paragraph",
-        "text": "A Building Management System (BMS) is an intelligent control system that integrates and automates a building\u2019s HVAC, lighting, electrical, plumbing, fire safety, and security systems through a single centralized platform."
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "HVAC & Climate Control"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Centralized control of chillers, AHUs, FCUs, and ventilation systems",
-          "Temperature, humidity, and air quality monitoring",
-          "Optimized energy usage and comfort management"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Lighting Control Systems"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Automated lighting schedules and zoning",
-          "Motion sensors and daylight harvesting",
-          "Reduced energy consumption and operational cost"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Electrical & Power Monitoring"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Real-time power monitoring and load management",
-          "Energy metering and consumption analytics",
-          "Alerts for faults, overloads, and power failures"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Plumbing & Water Management"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Monitoring of water tanks, pumps, and pressure systems",
-          "Leak detection and water usage optimization"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Fire & Life Safety Integration"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Integration with fire alarm systems",
-          "Emergency response coordination and alerts"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Security & Access Control"
-      },
-      {
-        "type": "list",
-        "items": [
-          "CCTV integration and access control monitoring",
-          "Centralized security management"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Key Benefits of Our BMS Solutions"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Energy Efficiency & Cost Savings",
-          "Centralized Monitoring & Control",
-          "Improved Comfort & Indoor Environment Quality",
-          "Reduced Maintenance Costs through predictive alerts",
-          "Enhanced Safety & Security",
-          "Scalable & Future-Ready Systems"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Applications"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Commercial office buildings",
-          "Hotels & hospitality projects",
-          "Hospitals & healthcare facilities",
-          "Shopping malls & retail complexes",
-          "Residential towers & villas",
-          "Industrial and mixed-use developments"
-        ]
-      }
-    ]
-  },
-  {
-    "slug": "chiller-hot-cool-solutions",
-    "title": "Chiller Hot & Cool Solutions",
-    "postId": 3186,
-    "image": "/assets/images/poolsolutions.jpg",
-    "imageSrcset": "/assets/images/poolsolutions.jpg 872w, /assets/images/poolsolutions-300x184.jpg 300w, /assets/images/poolsolutions-768x472.jpg 768w",
-    "imageWidth": 872,
-    "imageHeight": 536,
-    "contentBlocks": [
-      {
-        "type": "paragraph",
-        "text": "At Profen Engineering LLC, we provide advanced chiller-based heating and cooling solutions designed to deliver efficient temperature control, energy savings, and reliable performance for commercial, residential, and industrial applications. Our systems are engineered to ensure year-round comfort, even in the most demanding environments."
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Chiller Cooling Solutions"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Air-Cooled & Water-Cooled Chillers",
-          "Centralized Chilled Water Systems",
-          "Industrial & Commercial Chillers",
-          "Process cooling for factories and plants"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Heating Solutions"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Heat Pump Systems for space and water heating",
-          "Hot Water Chillers & Boilers",
-          "Swimming Pool Heating Systems",
-          "Radiant & underfloor heating solutions"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Design, Installation & Upgrades"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Custom system design based on load calculations",
-          "Installation of new chiller systems",
-          "Upgrading and retrofitting existing HVAC systems"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Maintenance & After-Sales Support"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Preventive and corrective maintenance",
-          "Performance optimization and energy audits",
-          "Breakdown repair and system troubleshooting"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Applications"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Commercial buildings & office towers",
-          "Hotels, malls & hospitality projects",
-          "Industrial facilities & warehouses",
-          "Residential compounds & villas",
-          "Swimming pools & recreational facilities"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Energy-Efficient & Sustainable Solutions"
-      },
-      {
-        "type": "list",
-        "items": [
-          "High-efficiency chillers with low energy consumption",
-          "Eco-friendly refrigerants",
-          "Smart controls & automation systems",
-          "Reduced operational cost and carbon footprint"
-        ]
-      }
-    ]
-  },
-  {
-    "slug": "electro-mechanical-works",
-    "title": "Electro Mechanical Works",
-    "postId": 35,
-    "image": "/assets/images/electrical.jpg",
-    "imageSrcset": "/assets/images/electrical.jpg 872w, /assets/images/electrical-300x184.jpg 300w, /assets/images/electrical-768x472.jpg 768w",
-    "imageWidth": 872,
-    "imageHeight": 536,
-    "contentBlocks": [
-      {
-        "type": "paragraph",
-        "text": "At Profen Engineering LLC, we specialize in comprehensive electro-mechanical solutions, delivering high-quality, energy-efficient, and innovative services for residential, commercial, and industrial projects. Our expertise in mechanical, electrical, and plumbing (MEP) systems ensures seamless integration, maximum efficiency, and long-lasting performance."
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "HVAC Systems (Heating, Ventilation & Air Conditioning)"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Design, installation, and maintenance of commercial & industrial HVAC systems",
-          "Chilled water systems, VRF/VRV systems, and air handling units (AHU)",
-          "Ducting, ventilation, and air filtration solutions"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Electrical Systems"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Power distribution & electrical panel installations",
-          "Lighting systems & energy-efficient electrical solutions",
-          "Backup power solutions, UPS, and generators"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Plumbing & Drainage Systems"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Water supply and drainage solutions",
-          "Pump stations, water treatment, and piping works",
-          "Sewage and wastewater management systems"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Fire Fighting & Safety Systems"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Fire alarm, suppression, and protection systems",
-          "Sprinkler system installation & maintenance",
-          "Smoke extraction and ventilation solutions"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Maintenance & Facility Management"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Preventive & corrective maintenance for electro-mechanical systems",
-          "Emergency support & troubleshooting",
-          "Upgrades & retrofitting for energy efficiency"
-        ]
-      }
-    ]
-  },
-  {
-    "slug": "interior-fit-out-works",
-    "title": "Interior & Fit-Out Works",
-    "postId": 3179,
-    "image": "/assets/images/interior.jpg",
-    "imageSrcset": "/assets/images/interior.jpg 872w, /assets/images/interior-300x184.jpg 300w, /assets/images/interior-768x472.jpg 768w",
-    "imageWidth": 872,
-    "imageHeight": 536,
-    "contentBlocks": [
-      {
-        "type": "paragraph",
-        "text": "At Profen Engineering LLC, we deliver complete interior and fit-out solutions that combine functionality, aesthetics, and quality craftsmanship. From concept to completion, we transform spaces into modern, efficient, and visually appealing environments for residential, commercial, and industrial projects."
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Design & Space Planning"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Customized interior layouts based on client requirements",
-          "Efficient space utilization with modern design concepts",
-          "Material selection and finish recommendations"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Commercial & Office Fit-Outs"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Corporate offices, co-working spaces & business centers",
-          "Retail shops, showrooms & restaurants",
-          "False ceilings, partitions & flooring works"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Residential Interior Works"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Villas & apartments interior renovations",
-          "Bedrooms, living areas, kitchens & bathrooms",
-          "Wardrobes, storage solutions & custom furniture"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Joinery & Custom Works"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Wooden doors, cabinets & wardrobes",
-          "Reception counters, wall paneling & decorative elements",
-          "Gypsum, glass & metal partitions"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "MEP & Finishing Works"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Electrical, plumbing & HVAC coordination",
-          "Lighting design & installation",
-          "Painting, wallpaper & decorative finishes"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Applications"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Residential villas & apartments",
-          "Commercial offices & retail spaces",
-          "Hotels, restaurants & hospitality projects",
-          "Industrial offices & staff facilities"
-        ]
-      }
-    ]
-  },
-  {
-    "slug": "landscaping-fencing-works",
-    "title": "Landscaping & Fencing Works",
-    "postId": 3159,
-    "image": "/assets/images/landscape.jpg",
-    "imageSrcset": "/assets/images/landscape.jpg 872w, /assets/images/landscape-300x184.jpg 300w, /assets/images/landscape-768x472.jpg 768w",
-    "imageWidth": 872,
-    "imageHeight": 536,
-    "contentBlocks": [
-      {
-        "type": "paragraph",
-        "text": "At Profen Engineering LLC, we provide complete landscaping and fencing solutions that enhance the beauty, functionality, and security of residential, commercial, and industrial properties. Our services are designed to create well-planned outdoor environments while ensuring privacy, safety, and long-term durability."
-      },
-      {
-        "type": "heading",
-        "level": 4,
-        "text": "Landscaping Works"
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Soft Landscaping"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Planting of trees, shrubs, flowers, and lawns suitable for the UAE climate",
-          "Natural grass & artificial turf installation",
-          "Vertical gardens & green walls",
-          "Soil preparation and turf development"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Hard Landscaping"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Paving works, pathways, and driveways",
-          "Pergolas, gazebos, decks, and patios",
-          "Water features, fountains, and decorative elements",
-          "Kerbstones, interlock, and decorative stone works"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Irrigation & Drainage Systems"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Automatic irrigation systems",
-          "Drip and sprinkler irrigation for efficient water usage",
-          "Proper drainage solutions to protect landscaped areas"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Fencing Works"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Villa & Residential Fencing for privacy and security",
-          "Commercial & Industrial Fencing solutions",
-          "Metal, wooden, PVC, and chain-link fences",
-          "Boundary walls, gates, and access control fencing",
-          "Custom-designed fencing to match architectural styles"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Applications"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Villas & residential compounds",
-          "Commercial buildings & business parks",
-          "Hotels, resorts & recreational areas",
-          "Industrial facilities & warehouses",
-          "Public spaces & community developments"
-        ]
-      }
-    ]
-  },
-  {
-    "slug": "metal-construction-fabrications",
-    "title": "Metal Construction & Fabrications",
-    "postId": 3160,
-    "image": "/assets/images/fabrications.jpg",
-    "imageSrcset": "/assets/images/fabrications.jpg 872w, /assets/images/fabrications-300x184.jpg 300w, /assets/images/fabrications-768x472.jpg 768w",
-    "imageWidth": 872,
-    "imageHeight": 536,
-    "contentBlocks": [
-      {
-        "type": "paragraph",
-        "text": "At Profen Engineering LLC, we deliver high-quality metal construction and fabrication solutions tailored to meet the needs of residential, commercial, and industrial projects. With a strong focus on precision engineering, durability, and safety, we provide custom metal works that combine strength, functionality, and aesthetic appeal."
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Structural Steel Works"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Steel structures for buildings, warehouses, and sheds",
-          "Mezzanine floors and platforms",
-          "Staircases, handrails, and ladders",
-          "Canopies, car parking shades, and steel frames"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Custom Metal Fabrication"
-      },
-      {
-        "type": "list",
-        "items": [
-          "MS, SS, and aluminum fabrication works",
-          "Doors, gates, grills, and railings",
-          "Balconies, pergolas, and decorative metal works",
-          "Customized metal components as per drawings and specifications"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Industrial Metal Works"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Equipment supports and skids",
-          "Pipe racks and cable trays",
-          "Protective enclosures and safety barriers",
-          "Heavy-duty fabrication for industrial applications"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Welding & Finishing"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Certified welding services (MIG, TIG, ARC)",
-          "Surface treatments including galvanizing, powder coating, and painting",
-          "Corrosion-resistant finishes for long-lasting performance"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Applications"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Residential villas & buildings",
-          "Commercial complexes & retail spaces",
-          "Industrial plants & warehouses",
-          "Infrastructure and utility projects"
-        ]
-      }
-    ]
-  },
-  {
-    "slug": "misting-solutions",
-    "title": "Misting Solutions",
-    "postId": 3192,
-    "image": "/assets/images/misting.jpg",
-    "imageSrcset": "/assets/images/misting.jpg 872w, /assets/images/misting-300x184.jpg 300w, /assets/images/misting-768x472.jpg 768w",
-    "imageWidth": 872,
-    "imageHeight": 536,
-    "contentBlocks": [
-      {
-        "type": "paragraph",
-        "text": "Promist is our specialized brand, dedicated to delivering innovative, high-performance misting and evaporative cooling solutions. Designed to perform reliably in hot and demanding climates, Promist combines advanced engineering, energy efficiency, and superior quality to create comfortable, refreshing environments for residential, commercial, and industrial applications."
-      },
-      {
-        "type": "heading",
-        "level": 4,
-        "text": "About Promist"
-      },
-      {
-        "type": "paragraph",
-        "text": "Promist focuses on precision misting technology that produces ultra-fine water particles, ensuring effective cooling without wetting surfaces. Backed by the technical expertise and engineering standards of Profen Engineering LLC, Promist systems are built for durability, efficiency, and long-term performance."
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Outdoor Misting Systems"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Cooling for patios, terraces, gardens, pergolas, and pool areas",
-          "Ideal for caf\u00e9s, restaurants, resorts, and outdoor seating areas",
-          "Temperature reduction of up to 10\u201315\u00b0C"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "High-Pressure Misting Systems"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Ultra-fine mist for efficient cooling without wet surfaces",
-          "Energy-efficient systems with low water consumption",
-          "Durable, corrosion-resistant components"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Commercial & Industrial Misting"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Cooling for warehouses, factories, and workshops",
-          "Dust suppression for construction and industrial sites",
-          "Humidity control for sensitive environments"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Agricultural & Greenhouse Misting"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Temperature and humidity control for greenhouses and farms",
-          "Improved plant growth and livestock comfort"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Smart & Automated Misting Solutions"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Timer-based and sensor-controlled systems",
-          "Remote operation and climate-responsive automation"
-        ]
-      },
-      {
-        "type": "heading",
-        "level": 5,
-        "text": "Applications"
-      },
-      {
-        "type": "list",
-        "items": [
-          "Residential villas & outdoor living spaces",
-          "Restaurants, caf\u00e9s & hospitality projects",
-          "Industrial facilities & warehouses",
-          "Agricultural & landscaping areas",
-          "Public spaces & event venues"
-        ]
-      }
-    ]
-  }
-]

src/hooks/useNavFix.js

@@ -1,6 +1,6 @@
 import { useNavigate } from 'react-router-dom'
 import { useEffect } from 'react'
-import { SPA_ROUTES, POST_ID_TO_SLUG } from '../config'
+import { SPA_ROUTES } from '../config'
 
 export function useNavFix(ref) {
   const navigate = useNavigate()
@@ -34,17 +34,6 @@ export function useNavFix(ref) {
       // Normalize: remove leading /, handle relative paths
       let route = href.replace(/^\//, '')
 
-      // Handle ?p= service links → SPA route
-      const serviceMatch = route.match(/service\?p=(\d+)/)
-      if (serviceMatch) {
-        const slug = POST_ID_TO_SLUG[serviceMatch[1]]
-        if (slug) {
-          navigate('/service/' + slug)
-        } else {
-          navigate('/service')
-        }
-        return
-      }
 
       // Handle ../ x/index.html relative paths like ../contact/index.html
       route = route.replace(/\.\.\//g, '')

src/hooks/useSwiper.js

@@ -15,8 +15,7 @@ export default function useSwiper(containerRef) {
     instances.current.forEach(s => s.destroy(true, true))
     instances.current = []
 
-    // Init all .th-slider elements
+    const initSlider = (el) => {
-    container.querySelectorAll('.th-slider').forEach(el => {
       try {
         const userOptions = JSON.parse(el.dataset.sliderOptions || '{}')
 
@@ -30,6 +29,13 @@ export default function useSwiper(containerRef) {
         const hasNumberPagi = el.querySelector('.slider-pagination.pagi-number')
         const paginationType = userOptions.paginationType || 'bullets'
 
+        // Keys the hook explicitly handles — everything else is forwarded to Swiper
+        const knownKeys = [
+          'slidesPerView', 'spaceBetween', 'loop', 'speed', 'autoplay',
+          'effect', 'centeredSlides', 'slidesPerGroup', 'breakpoints',
+          'paginationType', 'pagination', 'navigation', 'on', 'modules'
+        ]
+
         const swiper = new Swiper(el, {
           modules: [Navigation, Pagination, Autoplay, EffectFade],
           slidesPerView: userOptions.slidesPerView || 1,
@@ -41,6 +47,8 @@ export default function useSwiper(containerRef) {
           centeredSlides: userOptions.centeredSlides || false,
           slidesPerGroup: userOptions.slidesPerGroup || 1,
           breakpoints: userOptions.breakpoints || {},
+          observer: true,
+          observeParents: true,
           navigation: {
             nextEl: el.querySelector('.slider-next'),
             prevEl: el.querySelector('.slider-prev'),
@@ -70,14 +78,42 @@ export default function useSwiper(containerRef) {
             },
             ...(userOptions.on || {}),
           },
+
+          // Forward unknown userOptions to Swiper (e.g. centeredSlidesBounds, freeMode, mousewheel, grabCursor)
+          ...Object.fromEntries(
+            Object.entries(userOptions).filter(([key]) => !knownKeys.includes(key))
+          ),
         })
 
         instances.current.push(swiper)
+        // Fade sliders: trigger the CSS ::after overlay fade-out animation
+        if (userOptions.effect === 'fade') {
+          el.classList.add('fade-ani')
+        }
       } catch (e) {
         console.warn('useSwiper: failed to init', el.id || el.className, e)
       }
+    }
+
+    // Init all visible .th-slider elements (skip hidden tab panes)
+    container.querySelectorAll('.th-slider').forEach(el => {
+      const tabPane = el.closest('.tab-pane')
+      if (tabPane && !tabPane.classList.contains('active')) return
+      initSlider(el)
     })
 
+    // Listen for Bootstrap tab shown events to init deferred sliders
+    const handleTabShown = (e) => {
+      const targetId = e.target?.getAttribute('data-bs-target')
+      if (!targetId) return
+      const pane = document.querySelector(targetId)
+      if (!pane) return
+      pane.querySelectorAll('.th-slider').forEach(el => {
+        if (!el.swiper) requestAnimationFrame(() => initSlider(el))
+      })
+    }
+    document.addEventListener('shown.bs.tab', handleTabShown)
+
     // External controls: [data-slider-prev] and [data-slider-next]
     const handleClick = (e) => {
       const btn = e.target.closest('[data-slider-prev], [data-slider-next]')
@@ -128,6 +164,7 @@ export default function useSwiper(containerRef) {
       instances.current.forEach(s => s.destroy(true, true))
       instances.current = []
       container.removeEventListener('click', handleClick)
+      document.removeEventListener('shown.bs.tab', handleTabShown)
     }
   }, [containerRef, pathname])
 }

src/main.jsx

@@ -8,7 +8,6 @@ import "swiper/css/navigation"
 import "swiper/css/pagination"
 import './css/bootstrap.css'
 import './css/swiper-bundle.css'
-import './css/magnific-popup.css'
 import './css/fontawesome.css'
 import './css/th-wl.css'
 

src/pages/About.jsx

@@ -1,6 +1,25 @@
-import contentHtml from '../data/about-content.html?raw'
+import AboutBreadcrumb from '../components/about/AboutBreadcrumb'
-import SafeHtml from '../components/SafeHtml'
+import AboutIntro from '../components/about/AboutIntro'
+import AboutExpertise from '../components/about/AboutExpertise'
+import AboutWhyChooseUs from '../components/about/AboutWhyChooseUs'
+import AboutDivider from '../components/about/AboutDivider'
 
 export default function About() {
-  return <SafeHtml html={contentHtml} />
+  return (
+    <div className="rakar-fluid">
+      <div className="builder-page-wrapper">
+        <div
+          data-elementor-type="wp-page"
+          data-elementor-id="31"
+          className="elementor elementor-31"
+        >
+          <AboutBreadcrumb />
+          <AboutIntro />
+          <AboutExpertise />
+          <AboutWhyChooseUs />
+          <AboutDivider />
+        </div>
+      </div>
+    </div>
+  )
 }

src/pages/Home.jsx

@@ -1,6 +1,35 @@
-import contentHtml from '../data/home-content.html?raw'
+import HomeHero from '../components/home/HomeHero'
-import SafeHtml from '../components/SafeHtml'
+import HomeClients from '../components/home/HomeClients'
+import HomeServicesSection from '../components/home/HomeServicesSection'
+import HomeWhyChooseUs from '../components/home/HomeWhyChooseUs'
+import HomePartners from '../components/home/HomePartners'
+import HomeProcess from '../components/home/HomeProcess'
+import HomeProjects from '../components/home/HomeProjects'
+import HomeContact from '../components/home/HomeContact'
+import HomeGallery from '../components/home/HomeGallery'
+import HomeAbout from '../components/home/HomeAbout'
 
 export default function Home() {
-  return <SafeHtml html={contentHtml} />
+  return (
+    <div className="rakar-fluid">
+      <div className="builder-page-wrapper">
+        <div
+          data-elementor-type="wp-page"
+          data-elementor-id="23"
+          className="elementor elementor-23"
+        >
+          <HomeHero />
+          <HomeClients />
+          <HomeServicesSection />
+          <HomeWhyChooseUs />
+          <HomePartners />
+          <HomeProcess />
+          <HomeProjects />
+          <HomeContact />
+          <HomeGallery />
+          <HomeAbout />
+        </div>
+      </div>
+    </div>
+  )
 }

src/pages/ServiceDetail.jsx

@@ -1,13 +1,230 @@
 import { useParams, Link } from 'react-router-dom'
 import { useEffect, useRef } from 'react'
 import { useNavFix } from '../hooks/useNavFix'
-import services from '../data/services.json'
 import { BRAND_PRIMARY } from '../config'
 import ServiceBreadcrumb from '../components/sections/ServiceBreadcrumb'
 import ServiceImage from '../components/sections/ServiceImage'
 import ServiceBody from '../components/sections/ServiceBody'
 import ServiceSidebar from '../components/sections/ServiceSidebar'
 
+const services = [
+  {
+    "slug": "adiabatic-pre-cooling-system",
+    "title": "Adiabatic Pre-Cooling System",
+    "postId": 3199,
+    "image": "/assets/images/adiabatic-cooling.jpg",
+    "imageSrcset": "/assets/images/adiabatic-cooling.jpg 872w, /assets/images/adiabatic-cooling-300x184.jpg 300w, /assets/images/adiabatic-cooling-768x472.jpg 768w",
+    "imageWidth": 872,
+    "imageHeight": 536,
+    "contentBlocks": [
+      { "type": "paragraph", "text": "At Profen Engineering LLC, we deliver Adiabatic Pre-Cooling Systems that significantly improve the efficiency of HVAC, chiller, and industrial cooling systems. By using the natural process of evaporative cooling, our solutions reduce incoming air temperature before it reaches condensers or chillers, resulting in lower energy consumption, improved performance, and extended equipment life." },
+      { "type": "heading", "level": 4, "text": "How Adiabatic Pre-Cooling Works" },
+      { "type": "list", "items": ["Hot ambient air passes through water-wetted media", "Water evaporation absorbs heat and lowers air temperature", "Pre-cooled air enters the condenser/chiller, reducing system load"] },
+      { "type": "heading", "level": 5, "text": "Key Benefits" },
+      { "type": "list", "items": ["Energy savings up to 30\u201340%", "Improved cooling efficiency, especially in hot climates", "Reduced power consumption and operational costs", "Extended lifespan of HVAC and chiller equipment", "Eco-friendly solution with low water usage and reduced carbon footprint"] },
+      { "type": "heading", "level": 2, "text": "System Features" },
+      { "type": "list", "items": ["High-efficiency evaporative cooling pads", "Smart control systems with temperature & humidity sensors", "Corrosion-resistant and weatherproof construction", "Easy integration with existing HVAC and chiller systems", "Low maintenance and reliable operation"] },
+      { "type": "heading", "level": 5, "text": "Applications" },
+      { "type": "list", "items": ["HVAC & chiller plants", "Data centers & server rooms", "Industrial facilities & manufacturing plants", "Supermarkets & cold storage units", "Power plants & substations"] }
+    ]
+  },
+  {
+    "slug": "building-contracting-works",
+    "title": "Building Contracting Works",
+    "postId": 3172,
+    "image": "/assets/images/construction.jpg",
+    "imageSrcset": "/assets/images/construction.jpg 872w, /assets/images/construction-300x184.jpg 300w, /assets/images/construction-768x472.jpg 768w",
+    "imageWidth": 872,
+    "imageHeight": 536,
+    "contentBlocks": [
+      { "type": "paragraph", "text": "At Profen Engineering LLC, we provide complete building contracting services delivering high-quality construction, renovation, and turnkey solutions for residential, commercial, and industrial projects. With a strong commitment to quality, safety, and timely delivery, we manage every stage of construction with professional precision and engineering excellence." },
+      { "type": "heading", "level": 5, "text": "New Building Construction" },
+      { "type": "list", "items": ["Residential villas & apartment buildings", "Commercial buildings, offices & retail spaces", "Industrial facilities, warehouses & labor accommodations"] },
+      { "type": "heading", "level": 5, "text": "Renovation & Refurbishment" },
+      { "type": "list", "items": ["Complete building renovations and structural modifications", "Office, villa, and retail fit-out works", "Electrical, plumbing, and HVAC upgrades"] },
+      { "type": "heading", "level": 5, "text": "Turnkey Project Solutions" },
+      { "type": "list", "items": ["End-to-end project management from design to handover", "Coordination of civil, MEP, and finishing works", "Single-point responsibility for smooth execution"] },
+      { "type": "heading", "level": 5, "text": "Civil & Structural Works" },
+      { "type": "list", "items": ["Concrete works, block works & plastering", "Foundation, slab & structural strengthening works", "External & internal finishing works"] },
+      { "type": "heading", "level": 5, "text": "Authority Approvals & Compliance" },
+      { "type": "list", "items": ["Compliance with Dubai Municipality and local authority standards", "Safety management and quality assurance throughout the project"] },
+      { "type": "heading", "level": 5, "text": "Project Applications" },
+      { "type": "list", "items": ["Residential & villa developments", "Commercial & mixed-use buildings", "Industrial and infrastructure projects", "Renovation and extension works"] }
+    ]
+  },
+  {
+    "slug": "building-management-system",
+    "title": "Building Management System",
+    "postId": 3206,
+    "image": "/assets/images/bms01.jpg",
+    "imageSrcset": "/assets/images/bms01.jpg 872w, /assets/images/bms01-300x184.jpg 300w, /assets/images/bms01-768x472.jpg 768w",
+    "imageWidth": 872,
+    "imageHeight": 536,
+    "contentBlocks": [
+      { "type": "paragraph", "text": "At Profen Engineering LLC, we provide advanced Building Management System (BMS) solutions that enable centralized monitoring, control, and optimization of building services. Our BMS solutions enhance operational efficiency, energy savings, safety, and occupant comfort for commercial, residential, and industrial buildings." },
+      { "type": "heading", "level": 4, "text": "What is a Building Management System?" },
+      { "type": "paragraph", "text": "A Building Management System (BMS) is an intelligent control system that integrates and automates a building\u2019s HVAC, lighting, electrical, plumbing, fire safety, and security systems through a single centralized platform." },
+      { "type": "heading", "level": 5, "text": "HVAC & Climate Control" },
+      { "type": "list", "items": ["Centralized control of chillers, AHUs, FCUs, and ventilation systems", "Temperature, humidity, and air quality monitoring", "Optimized energy usage and comfort management"] },
+      { "type": "heading", "level": 5, "text": "Lighting Control Systems" },
+      { "type": "list", "items": ["Automated lighting schedules and zoning", "Motion sensors and daylight harvesting", "Reduced energy consumption and operational cost"] },
+      { "type": "heading", "level": 5, "text": "Electrical & Power Monitoring" },
+      { "type": "list", "items": ["Real-time power monitoring and load management", "Energy metering and consumption analytics", "Alerts for faults, overloads, and power failures"] },
+      { "type": "heading", "level": 5, "text": "Plumbing & Water Management" },
+      { "type": "list", "items": ["Monitoring of water tanks, pumps, and pressure systems", "Leak detection and water usage optimization"] },
+      { "type": "heading", "level": 5, "text": "Fire & Life Safety Integration" },
+      { "type": "list", "items": ["Integration with fire alarm systems", "Emergency response coordination and alerts"] },
+      { "type": "heading", "level": 5, "text": "Security & Access Control" },
+      { "type": "list", "items": ["CCTV integration and access control monitoring", "Centralized security management"] },
+      { "type": "heading", "level": 5, "text": "Key Benefits of Our BMS Solutions" },
+      { "type": "list", "items": ["Energy Efficiency & Cost Savings", "Centralized Monitoring & Control", "Improved Comfort & Indoor Environment Quality", "Reduced Maintenance Costs through predictive alerts", "Enhanced Safety & Security", "Scalable & Future-Ready Systems"] },
+      { "type": "heading", "level": 5, "text": "Applications" },
+      { "type": "list", "items": ["Commercial office buildings", "Hotels & hospitality projects", "Hospitals & healthcare facilities", "Shopping malls & retail complexes", "Residential towers & villas", "Industrial and mixed-use developments"] }
+    ]
+  },
+  {
+    "slug": "chiller-hot-cool-solutions",
+    "title": "Chiller Hot & Cool Solutions",
+    "postId": 3186,
+    "image": "/assets/images/poolsolutions.jpg",
+    "imageSrcset": "/assets/images/poolsolutions.jpg 872w, /assets/images/poolsolutions-300x184.jpg 300w, /assets/images/poolsolutions-768x472.jpg 768w",
+    "imageWidth": 872,
+    "imageHeight": 536,
+    "contentBlocks": [
+      { "type": "paragraph", "text": "At Profen Engineering LLC, we provide advanced chiller-based heating and cooling solutions designed to deliver efficient temperature control, energy savings, and reliable performance for commercial, residential, and industrial applications. Our systems are engineered to ensure year-round comfort, even in the most demanding environments." },
+      { "type": "heading", "level": 5, "text": "Chiller Cooling Solutions" },
+      { "type": "list", "items": ["Air-Cooled & Water-Cooled Chillers", "Centralized Chilled Water Systems", "Industrial & Commercial Chillers", "Process cooling for factories and plants"] },
+      { "type": "heading", "level": 5, "text": "Heating Solutions" },
+      { "type": "list", "items": ["Heat Pump Systems for space and water heating", "Hot Water Chillers & Boilers", "Swimming Pool Heating Systems", "Radiant & underfloor heating solutions"] },
+      { "type": "heading", "level": 5, "text": "Design, Installation & Upgrades" },
+      { "type": "list", "items": ["Custom system design based on load calculations", "Installation of new chiller systems", "Upgrading and retrofitting existing HVAC systems"] },
+      { "type": "heading", "level": 5, "text": "Maintenance & After-Sales Support" },
+      { "type": "list", "items": ["Preventive and corrective maintenance", "Performance optimization and energy audits", "Breakdown repair and system troubleshooting"] },
+      { "type": "heading", "level": 5, "text": "Applications" },
+      { "type": "list", "items": ["Commercial buildings & office towers", "Hotels, malls & hospitality projects", "Industrial facilities & warehouses", "Residential compounds & villas", "Swimming pools & recreational facilities"] },
+      { "type": "heading", "level": 5, "text": "Energy-Efficient & Sustainable Solutions" },
+      { "type": "list", "items": ["High-efficiency chillers with low energy consumption", "Eco-friendly refrigerants", "Smart controls & automation systems", "Reduced operational cost and carbon footprint"] }
+    ]
+  },
+  {
+    "slug": "electro-mechanical-works",
+    "title": "Electro Mechanical Works",
+    "postId": 35,
+    "image": "/assets/images/electrical.jpg",
+    "imageSrcset": "/assets/images/electrical.jpg 872w, /assets/images/electrical-300x184.jpg 300w, /assets/images/electrical-768x472.jpg 768w",
+    "imageWidth": 872,
+    "imageHeight": 536,
+    "contentBlocks": [
+      { "type": "paragraph", "text": "At Profen Engineering LLC, we specialize in comprehensive electro-mechanical solutions, delivering high-quality, energy-efficient, and innovative services for residential, commercial, and industrial projects. Our expertise in mechanical, electrical, and plumbing (MEP) systems ensures seamless integration, maximum efficiency, and long-lasting performance." },
+      { "type": "heading", "level": 5, "text": "HVAC Systems (Heating, Ventilation & Air Conditioning)" },
+      { "type": "list", "items": ["Design, installation, and maintenance of commercial & industrial HVAC systems", "Chilled water systems, VRF/VRV systems, and air handling units (AHU)", "Ducting, ventilation, and air filtration solutions"] },
+      { "type": "heading", "level": 5, "text": "Electrical Systems" },
+      { "type": "list", "items": ["Power distribution & electrical panel installations", "Lighting systems & energy-efficient electrical solutions", "Backup power solutions, UPS, and generators"] },
+      { "type": "heading", "level": 5, "text": "Plumbing & Drainage Systems" },
+      { "type": "list", "items": ["Water supply and drainage solutions", "Pump stations, water treatment, and piping works", "Sewage and wastewater management systems"] },
+      { "type": "heading", "level": 5, "text": "Fire Fighting & Safety Systems" },
+      { "type": "list", "items": ["Fire alarm, suppression, and protection systems", "Sprinkler system installation & maintenance", "Smoke extraction and ventilation solutions"] },
+      { "type": "heading", "level": 5, "text": "Maintenance & Facility Management" },
+      { "type": "list", "items": ["Preventive & corrective maintenance for electro-mechanical systems", "Emergency support & troubleshooting", "Upgrades & retrofitting for energy efficiency"] }
+    ]
+  },
+  {
+    "slug": "interior-fit-out-works",
+    "title": "Interior & Fit-Out Works",
+    "postId": 3179,
+    "image": "/assets/images/interior.jpg",
+    "imageSrcset": "/assets/images/interior.jpg 872w, /assets/images/interior-300x184.jpg 300w, /assets/images/interior-768x472.jpg 768w",
+    "imageWidth": 872,
+    "imageHeight": 536,
+    "contentBlocks": [
+      { "type": "paragraph", "text": "At Profen Engineering LLC, we deliver complete interior and fit-out solutions that combine functionality, aesthetics, and quality craftsmanship. From concept to completion, we transform spaces into modern, efficient, and visually appealing environments for residential, commercial, and industrial projects." },
+      { "type": "heading", "level": 5, "text": "Design & Space Planning" },
+      { "type": "list", "items": ["Customized interior layouts based on client requirements", "Efficient space utilization with modern design concepts", "Material selection and finish recommendations"] },
+      { "type": "heading", "level": 5, "text": "Commercial & Office Fit-Outs" },
+      { "type": "list", "items": ["Corporate offices, co-working spaces & business centers", "Retail shops, showrooms & restaurants", "False ceilings, partitions & flooring works"] },
+      { "type": "heading", "level": 5, "text": "Residential Interior Works" },
+      { "type": "list", "items": ["Villas & apartments interior renovations", "Bedrooms, living areas, kitchens & bathrooms", "Wardrobes, storage solutions & custom furniture"] },
+      { "type": "heading", "level": 5, "text": "Joinery & Custom Works" },
+      { "type": "list", "items": ["Wooden doors, cabinets & wardrobes", "Reception counters, wall paneling & decorative elements", "Gypsum, glass & metal partitions"] },
+      { "type": "heading", "level": 5, "text": "MEP & Finishing Works" },
+      { "type": "list", "items": ["Electrical, plumbing & HVAC coordination", "Lighting design & installation", "Painting, wallpaper & decorative finishes"] },
+      { "type": "heading", "level": 5, "text": "Applications" },
+      { "type": "list", "items": ["Residential villas & apartments", "Commercial offices & retail spaces", "Hotels, restaurants & hospitality projects", "Industrial offices & staff facilities"] }
+    ]
+  },
+  {
+    "slug": "landscaping-fencing-works",
+    "title": "Landscaping & Fencing Works",
+    "postId": 3159,
+    "image": "/assets/images/landscape.jpg",
+    "imageSrcset": "/assets/images/landscape.jpg 872w, /assets/images/landscape-300x184.jpg 300w, /assets/images/landscape-768x472.jpg 768w",
+    "imageWidth": 872,
+    "imageHeight": 536,
+    "contentBlocks": [
+      { "type": "paragraph", "text": "At Profen Engineering LLC, we provide complete landscaping and fencing solutions that enhance the beauty, functionality, and security of residential, commercial, and industrial properties. Our services are designed to create well-planned outdoor environments while ensuring privacy, safety, and long-term durability." },
+      { "type": "heading", "level": 4, "text": "Landscaping Works" },
+      { "type": "heading", "level": 5, "text": "Soft Landscaping" },
+      { "type": "list", "items": ["Planting of trees, shrubs, flowers, and lawns suitable for the UAE climate", "Natural grass & artificial turf installation", "Vertical gardens & green walls", "Soil preparation and turf development"] },
+      { "type": "heading", "level": 5, "text": "Hard Landscaping" },
+      { "type": "list", "items": ["Paving works, pathways, and driveways", "Pergolas, gazebos, decks, and patios", "Water features, fountains, and decorative elements", "Kerbstones, interlock, and decorative stone works"] },
+      { "type": "heading", "level": 5, "text": "Irrigation & Drainage Systems" },
+      { "type": "list", "items": ["Automatic irrigation systems", "Drip and sprinkler irrigation for efficient water usage", "Proper drainage solutions to protect landscaped areas"] },
+      { "type": "heading", "level": 5, "text": "Fencing Works" },
+      { "type": "list", "items": ["Villa & Residential Fencing for privacy and security", "Commercial & Industrial Fencing solutions", "Metal, wooden, PVC, and chain-link fences", "Boundary walls, gates, and access control fencing", "Custom-designed fencing to match architectural styles"] },
+      { "type": "heading", "level": 5, "text": "Applications" },
+      { "type": "list", "items": ["Villas & residential compounds", "Commercial buildings & business parks", "Hotels, resorts & recreational areas", "Industrial facilities & warehouses", "Public spaces & community developments"] }
+    ]
+  },
+  {
+    "slug": "metal-construction-fabrications",
+    "title": "Metal Construction & Fabrications",
+    "postId": 3160,
+    "image": "/assets/images/fabrications.jpg",
+    "imageSrcset": "/assets/images/fabrications.jpg 872w, /assets/images/fabrications-300x184.jpg 300w, /assets/images/fabrications-768x472.jpg 768w",
+    "imageWidth": 872,
+    "imageHeight": 536,
+    "contentBlocks": [
+      { "type": "paragraph", "text": "At Profen Engineering LLC, we deliver high-quality metal construction and fabrication solutions tailored to meet the needs of residential, commercial, and industrial projects. With a strong focus on precision engineering, durability, and safety, we provide custom metal works that combine strength, functionality, and aesthetic appeal." },
+      { "type": "heading", "level": 5, "text": "Structural Steel Works" },
+      { "type": "list", "items": ["Steel structures for buildings, warehouses, and sheds", "Mezzanine floors and platforms", "Staircases, handrails, and ladders", "Canopies, car parking shades, and steel frames"] },
+      { "type": "heading", "level": 5, "text": "Custom Metal Fabrication" },
+      { "type": "list", "items": ["MS, SS, and aluminum fabrication works", "Doors, gates, grills, and railings", "Balconies, pergolas, and decorative metal works", "Customized metal components as per drawings and specifications"] },
+      { "type": "heading", "level": 5, "text": "Industrial Metal Works" },
+      { "type": "list", "items": ["Equipment supports and skids", "Pipe racks and cable trays", "Protective enclosures and safety barriers", "Heavy-duty fabrication for industrial applications"] },
+      { "type": "heading", "level": 5, "text": "Welding & Finishing" },
+      { "type": "list", "items": ["Certified welding services (MIG, TIG, ARC)", "Surface treatments including galvanizing, powder coating, and painting", "Corrosion-resistant finishes for long-lasting performance"] },
+      { "type": "heading", "level": 5, "text": "Applications" },
+      { "type": "list", "items": ["Residential villas & buildings", "Commercial complexes & retail spaces", "Industrial plants & warehouses", "Infrastructure and utility projects"] }
+    ]
+  },
+  {
+    "slug": "misting-solutions",
+    "title": "Misting Solutions",
+    "postId": 3192,
+    "image": "/assets/images/misting.jpg",
+    "imageSrcset": "/assets/images/misting.jpg 872w, /assets/images/misting-300x184.jpg 300w, /assets/images/misting-768x472.jpg 768w",
+    "imageWidth": 872,
+    "imageHeight": 536,
+    "contentBlocks": [
+      { "type": "paragraph", "text": "Promist is our specialized brand, dedicated to delivering innovative, high-performance misting and evaporative cooling solutions. Designed to perform reliably in hot and demanding climates, Promist combines advanced engineering, energy efficiency, and superior quality to create comfortable, refreshing environments for residential, commercial, and industrial applications." },
+      { "type": "heading", "level": 4, "text": "About Promist" },
+      { "type": "paragraph", "text": "Promist focuses on precision misting technology that produces ultra-fine water particles, ensuring effective cooling without wetting surfaces. Backed by the technical expertise and engineering standards of Profen Engineering LLC, Promist systems are built for durability, efficiency, and long-term performance." },
+      { "type": "heading", "level": 5, "text": "Outdoor Misting Systems" },
+      { "type": "list", "items": ["Cooling for patios, terraces, gardens, pergolas, and pool areas", "Ideal for caf\u00e9s, restaurants, resorts, and outdoor seating areas", "Temperature reduction of up to 10\u201315\u00b0C"] },
+      { "type": "heading", "level": 5, "text": "High-Pressure Misting Systems" },
+      { "type": "list", "items": ["Ultra-fine mist for efficient cooling without wet surfaces", "Energy-efficient systems with low water consumption", "Durable, corrosion-resistant components"] },
+      { "type": "heading", "level": 5, "text": "Commercial & Industrial Misting" },
+      { "type": "list", "items": ["Cooling for warehouses, factories, and workshops", "Dust suppression for construction and industrial sites", "Humidity control for sensitive environments"] },
+      { "type": "heading", "level": 5, "text": "Agricultural & Greenhouse Misting" },
+      { "type": "list", "items": ["Temperature and humidity control for greenhouses and farms", "Improved plant growth and livestock comfort"] },
+      { "type": "heading", "level": 5, "text": "Smart & Automated Misting Solutions" },
+      { "type": "list", "items": ["Timer-based and sensor-controlled systems", "Remote operation and climate-responsive automation"] },
+      { "type": "heading", "level": 5, "text": "Applications" },
+      { "type": "list", "items": ["Residential villas & outdoor living spaces", "Restaurants, caf\u00e9s & hospitality projects", "Industrial facilities & warehouses", "Agricultural & landscaping areas", "Public spaces & event venues"] }
+    ]
+  }
+]
+
 export default function ServiceDetail() {
   const { slug } = useParams()
   const ref = useRef(null)
@@ -27,7 +244,6 @@ export default function ServiceDetail() {
       <div style={{ padding: '120px 24px', textAlign: 'center' }}>
         <h1>Service Not Found</h1>
         <p>The service you're looking for doesn't exist.</p>
-        <Link to="/service" style={{ color: BRAND_PRIMARY }}>← Back to Services</Link>
       </div>
     )
   }

src/pages/Services.jsx

@@ -1,6 +0,0 @@
-import contentHtml from '../data/service-content.html?raw'
-import SafeHtml from '../components/SafeHtml'
-
-export default function Services() {
-  return <SafeHtml html={contentHtml} />
-}