{"id":32,"date":"2025-07-11T09:05:08","date_gmt":"2025-07-11T09:05:08","guid":{"rendered":"https:\/\/wonderspacesindia.com\/index.php\/home\/"},"modified":"2025-11-26T06:34:55","modified_gmt":"2025-11-26T06:34:55","slug":"home","status":"publish","type":"page","link":"https:\/\/wonderspacesindia.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"32\" class=\"elementor elementor-32\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05f34fa e-flex e-con-boxed e-con e-parent\" data-id=\"05f34fa\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4aceea1 e-con-full e-flex e-con e-child\" data-id=\"4aceea1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-93ce37b elementor-widget elementor-widget-image\" data-id=\"93ce37b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2560\" height=\"1024\" src=\"https:\/\/wonderspacesindia.com\/wp-content\/uploads\/2025\/11\/Web-Slider-2-1-scaled.jpg\" class=\"attachment-full size-full wp-image-1017\" alt=\"\" srcset=\"https:\/\/wonderspacesindia.com\/wp-content\/uploads\/2025\/11\/Web-Slider-2-1-scaled.jpg 2560w, https:\/\/wonderspacesindia.com\/wp-content\/uploads\/2025\/11\/Web-Slider-2-1-300x120.jpg 300w, https:\/\/wonderspacesindia.com\/wp-content\/uploads\/2025\/11\/Web-Slider-2-1-1024x410.jpg 1024w, https:\/\/wonderspacesindia.com\/wp-content\/uploads\/2025\/11\/Web-Slider-2-1-768x307.jpg 768w, https:\/\/wonderspacesindia.com\/wp-content\/uploads\/2025\/11\/Web-Slider-2-1-1536x614.jpg 1536w, https:\/\/wonderspacesindia.com\/wp-content\/uploads\/2025\/11\/Web-Slider-2-1-2048x819.jpg 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-19bafd1 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"19bafd1\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2cec454 elementor-widget elementor-widget-html\" data-id=\"2cec454\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n  <style>\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    body {\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      background: #f5f5f5;\n    }\n\n    .stepper-wrapper {\n      background: #ffffff;\n      padding: 100px 20px;\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    }\n\n    .stepper-container {\n      max-width: 1200px;\n      margin: 0 auto;\n    }\n\n    .stepper-header {\n      text-align: center;\n      margin-bottom: 60px;\n    }\n\n    .stepper-title {\n      color: #1a1a1a;\n      font-size: 3.5rem;\n      font-weight: 800;\n      margin-bottom: 15px;\n      line-height: 1.3;\n    }\n\n    .stepper-title-highlight {\n      background: linear-gradient(135deg, #ff6b35, #f7931e);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    .stepper-subtitle {\n      color: #666;\n      font-size: 1.2rem;\n      font-weight: 400;\n      line-height: 1.6;\n    }\n\n    .stepper-subtitle strong {\n      color: #ff6b35;\n      font-weight: 600;\n    }\n\n    .bb-steps {\n      display: flex;\n      gap: 0;\n      max-width: 1100px;\n      margin: 0 auto 50px;\n      padding: 0;\n      list-style: none;\n      position: relative;\n      overflow-x: auto;\n      scroll-snap-type: x mandatory;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .bb-steps::-webkit-scrollbar {\n      height: 6px;\n    }\n\n    .bb-steps::-webkit-scrollbar-track {\n      background: #f0f0f0;\n      border-radius: 10px;\n    }\n\n    .bb-steps::-webkit-scrollbar-thumb {\n      background: linear-gradient(135deg, #ff6b35, #f7931e);\n      border-radius: 10px;\n    }\n\n    .bb-step {\n      flex: 1;\n      min-width: 150px;\n      text-align: center;\n      position: relative;\n      cursor: pointer;\n      scroll-snap-align: center;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      padding: 20px 10px;\n      transition: all 0.3s ease;\n    }\n\n    \/* Connector line *\/\n    .bb-step:not(:last-child)::after {\n      content: \"\";\n      position: absolute;\n      top: 42px;\n      left: 50%;\n      width: 100%;\n      height: 3px;\n      background: #e0e0e0;\n      z-index: 0;\n      transition: all 0.3s ease;\n    }\n\n    .bb-step.completed:not(:last-child)::after {\n      background: linear-gradient(90deg, #ff6b35, #f7931e);\n    }\n\n    \/* Step circles *\/\n    .bb-step-btn {\n      width: 70px;\n      height: 70px;\n      border-radius: 50%;\n      border: 3px solid #e0e0e0;\n      background: #ffffff;\n      color: #999;\n      font-weight: 700;\n      font-size: 1.5rem;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      z-index: 1;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.08);\n    }\n\n    .bb-step.active .bb-step-btn,\n    .bb-step.completed .bb-step-btn {\n      background: linear-gradient(135deg, #ff6b35, #f7931e);\n      color: #ffffff;\n      border-color: #ff6b35;\n      box-shadow: 0 10px 30px rgba(255,107,53,0.4);\n    }\n\n    .bb-step.active .bb-step-btn {\n      transform: scale(1.15);\n    }\n\n    .bb-step:hover .bb-step-btn {\n      transform: scale(1.1);\n      border-color: #ff6b35;\n    }\n\n    .bb-step.active:hover .bb-step-btn,\n    .bb-step.completed:hover .bb-step-btn {\n      transform: scale(1.2);\n    }\n\n    .step-title {\n      font-size: 1.05rem;\n      line-height: 1.4;\n      color: #666;\n      margin-top: 15px;\n      max-width: 120px;\n      font-weight: 500;\n      transition: all 0.3s ease;\n    }\n\n    .bb-step.active .step-title,\n    .bb-step.completed .step-title {\n      font-weight: 700;\n      color: #1a1a1a;\n    }\n\n    .bb-step.active .step-title {\n      transform: scale(1.05);\n    }\n\n    \/* Images section *\/\n    .step-images-wrapper {\n      max-width: 600px;\n      margin: 0 auto;\n      padding: 40px 20px;\n      background: #fafafa;\n      border-radius: 25px;\n      box-shadow: 0 15px 40px rgba(0,0,0,0.08);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .step-images-wrapper::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 5px;\n      background: linear-gradient(90deg, #ff6b35, #f7931e);\n    }\n\n    .step-images {\n      position: relative;\n      min-height: 400px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .step-img {\n      display: none;\n      width: 100%;\n      height: auto;\n      border-radius: 15px;\n      box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n      opacity: 0;\n      transform: scale(0.95);\n      transition: all 0.5s ease;\n    }\n\n    .step-img.active {\n      display: block;\n      opacity: 1;\n      transform: scale(1);\n      animation: fadeInScale 0.5s ease forwards;\n    }\n\n    @keyframes fadeInScale {\n      from {\n        opacity: 0;\n        transform: scale(0.95) translateY(10px);\n      }\n      to {\n        opacity: 1;\n        transform: scale(1) translateY(0);\n      }\n    }\n\n    .step-indicator {\n      text-align: center;\n      margin-top: 25px;\n      color: #ff6b35;\n      font-weight: 600;\n      font-size: 1rem;\n    }\n\n    \/* Mobile responsive *\/\n    @media (max-width: 968px) {\n      .stepper-wrapper {\n        padding: 60px 15px;\n      }\n\n      .stepper-title {\n        font-size: 2.5rem;\n      }\n\n      .bb-steps {\n        gap: 10px;\n        padding: 0 15px;\n        justify-content: flex-start;\n        overflow-x: scroll;\n      }\n\n      .bb-step {\n        flex: 0 0 120px;\n        min-width: 120px;\n        padding: 15px 5px;\n      }\n\n      .bb-step-btn {\n        width: 60px;\n        height: 60px;\n        font-size: 1.3rem;\n      }\n\n      .bb-step.active .bb-step-btn {\n        transform: scale(1.1);\n      }\n\n      .step-title {\n        font-size: 0.9rem;\n        max-width: 100px;\n      }\n\n      .bb-step:not(:last-child)::after {\n        top: 35px;\n      }\n\n      .step-images {\n        min-height: 300px;\n      }\n    }\n\n    @media (max-width: 600px) {\n      .stepper-title {\n        font-size: 2rem;\n      }\n\n      .stepper-subtitle {\n        font-size: 1rem;\n      }\n\n      .bb-step {\n        flex: 0 0 100px;\n        min-width: 100px;\n      }\n\n      .bb-step-btn {\n        width: 50px;\n        height: 50px;\n        font-size: 1.1rem;\n      }\n\n      .step-title {\n        font-size: 0.85rem;\n        max-width: 80px;\n      }\n\n      .bb-step:not(:last-child)::after {\n        top: 30px;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n  <section class=\"stepper-wrapper\">\n    <div class=\"stepper-container\">\n      <div class=\"stepper-header\">\n        <h2 class=\"stepper-title\">\n          How It <span class=\"stepper-title-highlight\">Works<\/span>\n        <\/h2>\n        <p class=\"stepper-subtitle\">\n          Our house construction steps are simple and easy to understand:<br \/>\n          <strong>Plan \u2013 Build \u2013 Track \u2013 Settle in.<\/strong>\n        <\/p>\n      <\/div>\n\n      <ul class=\"bb-steps\" id=\"bbSteps\">\n        <li class=\"bb-step active\" data-step=\"1\">\n          <span class=\"bb-step-btn\">1<\/span>\n          <span class=\"step-title\">Raise a Request<\/span>\n        <\/li>\n        <li class=\"bb-step\" data-step=\"2\">\n          <span class=\"bb-step-btn\">2<\/span>\n          <span class=\"step-title\">Meet our Expert<\/span>\n        <\/li>\n        <li class=\"bb-step\" data-step=\"3\">\n          <span class=\"bb-step-btn\">3<\/span>\n          <span class=\"step-title\">Book with Us<\/span>\n        <\/li>\n        <li class=\"bb-step\" data-step=\"4\">\n          <span class=\"bb-step-btn\">4<\/span>\n          <span class=\"step-title\">Receive Plans<\/span>\n        <\/li>\n        <li class=\"bb-step\" data-step=\"5\">\n          <span class=\"bb-step-btn\">5<\/span>\n          <span class=\"step-title\">Track & Transact<\/span>\n        <\/li>\n        <li class=\"bb-step\" data-step=\"6\">\n          <span class=\"bb-step-btn\">6<\/span>\n          <span class=\"step-title\">Settle in<\/span>\n        <\/li>\n      <\/ul>\n\n      <div class=\"step-images-wrapper\">\n        <div class=\"step-images\" id=\"stepImages\">\n          <img decoding=\"async\" src=\"https:\/\/wonderspacesindia.com\/wp-content\/uploads\/2025\/11\/internet-booking-online-concept-mobile-phone-cellphone-web-order-reservation-confirmed_101884-1413.avif\" class=\"step-img active\" data-step=\"1\" alt=\"Raise a Request\" \/>\n          <img decoding=\"async\" src=\"https:\/\/wonderspacesindia.com\/wp-content\/uploads\/2025\/11\/investment_f63cca4295f8d5bdb04970d78a4a0657.jpeg.webp\" class=\"step-img\" data-step=\"2\" alt=\"Meet our Expert\" \/>\n          <img decoding=\"async\" src=\"https:\/\/wonderspacesindia.com\/wp-content\/uploads\/2025\/11\/book-now-banner-template-hanging-poster-design-flat-icon-vector.jpg\" class=\"step-img\" data-step=\"3\" alt=\"Book with Us\" \/>\n          <img decoding=\"async\" src=\"https:\/\/wonderspacesindia.com\/wp-content\/uploads\/2025\/11\/businesswoman-planning-strategy-documents-desk-600nw-2279032837.jpg.webp\" class=\"step-img\" data-step=\"4\" alt=\"Receive Plans\" \/>\n          <img decoding=\"async\" src=\"https:\/\/wonderspacesindia.com\/wp-content\/uploads\/2025\/07\/how-it-works-6.webp\" class=\"step-img\" data-step=\"5\" alt=\"Track & Transact\" \/>\n          <img decoding=\"async\" src=\"https:\/\/wonderspacesindia.com\/wp-content\/uploads\/2025\/11\/villa-construction-projet-construction-generative-ai_190619-5420.avif\" class=\"step-img\" data-step=\"6\" alt=\"Settle in\" \/>\n        <\/div>\n        <div class=\"step-indicator\" id=\"stepIndicator\">Step 1 of 6<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <script>\n    (function () {\n      const steps = document.querySelectorAll(\".bb-step\");\n      const images = document.querySelectorAll(\".step-img\");\n      const container = document.getElementById(\"bbSteps\");\n      const indicator = document.getElementById(\"stepIndicator\");\n      let current = 1;\n      let autoScrollInterval;\n\n      function showStep(step) {\n        current = parseInt(step);\n        \n        steps.forEach((s) => {\n          const stepNum = parseInt(s.dataset.step);\n          s.classList.remove('active', 'completed');\n          \n          if (stepNum < current) {\n            s.classList.add('completed');\n          } else if (stepNum === current) {\n            s.classList.add('active');\n          }\n        });\n        \n        images.forEach((img) => {\n          img.classList.toggle(\"active\", img.dataset.step == current);\n        });\n\n        indicator.textContent = `Step ${current} of 6`;\n      }\n\n      function scrollToStep(step) {\n        const activeEl = document.querySelector('.bb-step[data-step=\"' + step + '\"]');\n        if (activeEl) {\n          const containerRect = container.getBoundingClientRect();\n          const stepRect = activeEl.getBoundingClientRect();\n          const scrollLeft = stepRect.left - containerRect.left + container.scrollLeft - (containerRect.width \/ 2) + (stepRect.width \/ 2);\n          \n          container.scrollTo({\n            left: scrollLeft,\n            behavior: \"smooth\",\n          });\n        }\n      }\n\n      steps.forEach((el) =>\n        el.addEventListener(\"click\", () => {\n          clearInterval(autoScrollInterval);\n          showStep(el.dataset.step);\n          scrollToStep(el.dataset.step);\n          startAutoScroll();\n        })\n      );\n\n      function startAutoScroll() {\n        autoScrollInterval = setInterval(() => {\n          current = current < 6 ? current + 1 : 1;\n          showStep(current);\n          scrollToStep(current);\n        }, 4000);\n      }\n\n      startAutoScroll();\n    })();\n  <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ce625a6 e-flex e-con-boxed e-con e-parent\" data-id=\"ce625a6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c0eb78 elementor-widget elementor-widget-html\" data-id=\"0c0eb78\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: #f8f9fa;\n            padding: 60px 20px;\n        }\n\n        .projects-section {\n            max-width: 1400px;\n            margin: 0 auto;\n        }\n\n        .section-header {\n            text-align: center;\n            margin-bottom: 60px;\n        }\n\n        .section-header h1 {\n            font-size: 3.5rem;\n            color: #1a1a1a;\n            margin-bottom: 20px;\n            font-weight: 800;\n            letter-spacing: -1px;\n        }\n\n        .section-header p {\n            font-size: 1.2rem;\n            color: #666;\n            max-width: 700px;\n            margin: 0 auto;\n            line-height: 1.8;\n        }\n\n        .projects-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));\n            gap: 40px;\n            margin-bottom: 40px;\n        }\n\n        .project-card {\n            background: white;\n            border-radius: 20px;\n            overflow: hidden;\n            box-shadow: 0 10px 40px rgba(0,0,0,0.08);\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            cursor: pointer;\n            position: relative;\n        }\n\n        .project-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 20px 60px rgba(0,0,0,0.15);\n        }\n\n        .project-image {\n            position: relative;\n            width: 100%;\n            height: 300px;\n            overflow: hidden;\n        }\n\n        .project-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.6s ease;\n        }\n\n        .project-card:hover .project-image img {\n            transform: scale(1.1);\n        }\n\n        .project-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.7) 100%);\n            opacity: 0;\n            transition: opacity 0.4s ease;\n        }\n\n        .project-card:hover .project-overlay {\n            opacity: 1;\n        }\n\n        .project-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background: #ff6b35;\n            color: white;\n            padding: 8px 16px;\n            border-radius: 20px;\n            font-size: 0.85rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            z-index: 2;\n        }\n\n        .project-content {\n            padding: 30px;\n        }\n\n        .project-title {\n            font-size: 1.6rem;\n            color: #1a1a1a;\n            margin-bottom: 12px;\n            font-weight: 700;\n            line-height: 1.3;\n        }\n\n        .project-description {\n            font-size: 1rem;\n            color: #666;\n            line-height: 1.7;\n            margin-bottom: 20px;\n        }\n\n        .project-meta {\n            display: flex;\n            gap: 20px;\n            padding-top: 20px;\n            border-top: 1px solid #eee;\n        }\n\n        .meta-item {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            font-size: 0.9rem;\n            color: #888;\n        }\n\n        .meta-item svg {\n            width: 18px;\n            height: 18px;\n            fill: #ff6b35;\n        }\n\n        .view-more-btn {\n            display: inline-block;\n            margin-top: 15px;\n            color: #ff6b35;\n            font-weight: 600;\n            font-size: 0.95rem;\n            text-decoration: none;\n            position: relative;\n            transition: all 0.3s ease;\n        }\n\n        .view-more-btn:after {\n            content: '\u2192';\n            margin-left: 8px;\n            display: inline-block;\n            transition: transform 0.3s ease;\n        }\n\n        .project-card:hover .view-more-btn:after {\n            transform: translateX(5px);\n        }\n\n        @media (max-width: 768px) {\n            .projects-grid {\n                grid-template-columns: 1fr;\n                gap: 30px;\n            }\n\n            .section-header h1 {\n                font-size: 2.5rem;\n            }\n\n            .section-header p {\n                font-size: 1.05rem;\n            }\n\n            .project-content {\n                padding: 25px;\n            }\n        }\n\n        .filter-buttons {\n            display: flex;\n            justify-content: center;\n            gap: 15px;\n            margin-bottom: 50px;\n            flex-wrap: wrap;\n        }\n\n        .filter-btn {\n            padding: 12px 30px;\n            background: white;\n            border: 2px solid #eee;\n            border-radius: 30px;\n            font-size: 0.95rem;\n            font-weight: 600;\n            color: #666;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n\n        .filter-btn:hover,\n        .filter-btn.active {\n            background: #ff6b35;\n            color: white;\n            border-color: #ff6b35;\n            transform: translateY(-2px);\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"projects-section\">\n        <div class=\"section-header\">\n            <h1>OUR PROJECTS<\/h1>\n            <p>Take a look at some of our successful projects that showcase our expertise in design, construction, and innovation.<\/p>\n        <\/div>\n\n        <div class=\"filter-buttons\">\n            <button class=\"filter-btn active\">All Projects<\/button>\n            <button class=\"filter-btn\">Residential<\/button>\n            <button class=\"filter-btn\">Interior Design<\/button>\n            <button class=\"filter-btn\">Modern Homes<\/button>\n        <\/div>\n\n        <div class=\"projects-grid\">\n            <!-- Project 1 -->\n            <div class=\"project-card\">\n                <div class=\"project-image\">\n                    <img decoding=\"async\" src=\"https:\/\/wonderspacesindia.com\/wp-content\/uploads\/2025\/11\/villa-construction-projet-construction-generative-ai_190619-5420.avif\" alt=\"Construction Site\">\n                    <div class=\"project-overlay\"><\/div>\n                    <div class=\"project-badge\">In Progress<\/div>\n                <\/div>\n                <div class=\"project-content\">\n                    <h3 class=\"project-title\">Modern Villa Construction<\/h3>\n                    <p class=\"project-description\">A stunning two-story villa featuring contemporary architecture with premium materials and sustainable building practices.<\/p>\n                    <div class=\"project-meta\">\n                        <div class=\"meta-item\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7v10c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V7l-10-5z\"\/><\/svg>\n                            <span>3500 sq ft<\/span>\n                        <\/div>\n                        <div class=\"meta-item\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\n                            <span>8 Months<\/span>\n                        <\/div>\n                    <\/div>\n                    <a href=\"#\" class=\"view-more-btn\">--<\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Project 2 -->\n            <div class=\"project-card\">\n                <div class=\"project-image\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?w=800\" alt=\"Living Room Interior\">\n                    <div class=\"project-overlay\"><\/div>\n                    <div class=\"project-badge\">Completed<\/div>\n                <\/div>\n                <div class=\"project-content\">\n                    <h3 class=\"project-title\">Luxury Living Room Design<\/h3>\n                    <p class=\"project-description\">Contemporary interior design with warm earth tones, premium furniture, and large windows for natural lighting.<\/p>\n                    <div class=\"project-meta\">\n                        <div class=\"meta-item\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7v10c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V7l-10-5z\"\/><\/svg>\n                            <span>2800 sq ft<\/span>\n                        <\/div>\n                        <div class=\"meta-item\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\n                            <span>4 Months<\/span>\n                        <\/div>\n                    <\/div>\n                    <a href=\"#\" class=\"view-more-btn\">--<\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Project 3 -->\n            <div class=\"project-card\">\n                <div class=\"project-image\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687644-c7171b42498f?w=800\" alt=\"Modern Bedroom\">\n                    <div class=\"project-overlay\"><\/div>\n                    <div class=\"project-badge\">Completed<\/div>\n                <\/div>\n                <div class=\"project-content\">\n                    <h3 class=\"project-title\">Master Bedroom Suite<\/h3>\n                    <p class=\"project-description\">Elegant master bedroom with ceiling skylights, custom lighting, and sophisticated color palette for ultimate relaxation.<\/p>\n                    <div class=\"project-meta\">\n                        <div class=\"meta-item\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7v10c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V7l-10-5z\"\/><\/svg>\n                            <span>1800 sq ft<\/span>\n                        <\/div>\n                        <div class=\"meta-item\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\n                            <span>3 Months<\/span>\n                        <\/div>\n                    <\/div>\n                    <a href=\"#\" class=\"view-more-btn\">--<\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Project 4 -->\n            <div class=\"project-card\">\n                <div class=\"project-image\">\n                    <img decoding=\"async\" src=\"https:\/\/wonderspacesindia.com\/wp-content\/uploads\/2025\/11\/kitchen-cabinets-500x500.jpg.webp\" alt=\"Modern Kitchen\">\n                    <div class=\"project-overlay\"><\/div>\n                    <div class=\"project-badge\">Completed<\/div>\n                <\/div>\n                <div class=\"project-content\">\n                    <h3 class=\"project-title\">Contemporary Kitchen Design<\/h3>\n                    <p class=\"project-description\">State-of-the-art kitchen with sleek cabinetry, premium appliances, and optimized workflow for modern living.<\/p>\n                    <div class=\"project-meta\">\n                        <div class=\"meta-item\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7v10c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V7l-10-5z\"\/><\/svg>\n                            <span>1200 sq ft<\/span>\n                        <\/div>\n                        <div class=\"meta-item\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\n                            <span>2 Months<\/span>\n                        <\/div>\n                    <\/div>\n                    <a href=\"#\" class=\"view-more-btn\">--<\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Project 5 -->\n            <div class=\"project-card\">\n                <div class=\"project-image\">\n                    <img decoding=\"async\" src=\"https:\/\/wonderspacesindia.com\/wp-content\/uploads\/2025\/08\/IMG_8847-scaled.jpg\" alt=\"Modern House Exterior\">\n                    <div class=\"project-overlay\"><\/div>\n                    <div class=\"project-badge\">Completed<\/div>\n                <\/div>\n                <div class=\"project-content\">\n                    <h3 class=\"project-title\">Contemporary Home Facade<\/h3>\n                    <p class=\"project-description\">Bold modern architecture with striking red and grey color scheme, geometric design, and premium exterior finishes.<\/p>\n                    <div class=\"project-meta\">\n                        <div class=\"meta-item\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7v10c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V7l-10-5z\"\/><\/svg>\n                            <span>4200 sq ft<\/span>\n                        <\/div>\n                        <div class=\"meta-item\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\n                            <span>10 Months<\/span>\n                        <\/div>\n                    <\/div>\n                    <a href=\"#\" class=\"view-more-btn\">--<\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Project 6 -->\n            <div class=\"project-card\">\n                <div class=\"project-image\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154526-990dced4db0d?w=800\" alt=\"Luxury Villa\">\n                    <div class=\"project-overlay\"><\/div>\n                    <div class=\"project-badge\">Completed<\/div>\n                <\/div>\n                <div class=\"project-content\">\n                    <h3 class=\"project-title\">Premium Villa Complex<\/h3>\n                    <p class=\"project-description\">Exclusive residential complex featuring modern villas with landscaped gardens, private parking, and luxury amenities.<\/p>\n                    <div class=\"project-meta\">\n                        <div class=\"meta-item\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7v10c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V7l-10-5z\"\/><\/svg>\n                            <span>5500 sq ft<\/span>\n                        <\/div>\n                        <div class=\"meta-item\">\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\n                            <span>12 Months<\/span>\n                        <\/div>\n                    <\/div>\n                    <a href=\"#\" class=\"view-more-btn\">--<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ Filter functionality\n        const filterButtons = document.querySelectorAll('.filter-btn');\n        const projectCards = document.querySelectorAll('.project-card');\n\n        filterButtons.forEach(button => {\n            button.addEventListener('click', () => {\n                \/\/ Remove active class from all buttons\n                filterButtons.forEach(btn => btn.classList.remove('active'));\n                \/\/ Add active class to clicked button\n                button.classList.add('active');\n\n                \/\/ Add simple animation effect\n                projectCards.forEach((card, index) => {\n                    card.style.animation = 'none';\n                    setTimeout(() => {\n                        card.style.animation = `fadeIn 0.6s ease forwards ${index * 0.1}s`;\n                    }, 10);\n                });\n            });\n        });\n\n        \/\/ Add fade-in animation\n        const style = document.createElement('style');\n        style.textContent = `\n            @keyframes fadeIn {\n                from {\n                    opacity: 0;\n                    transform: translateY(20px);\n                }\n                to {\n                    opacity: 1;\n                    transform: translateY(0);\n                }\n            }\n        `;\n        document.head.appendChild(style);\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-880004f e-flex e-con-boxed e-con e-parent\" data-id=\"880004f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3849000 elementor-widget elementor-widget-html\" data-id=\"3849000\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Add this CSS to WordPress Customizer (Appearance > Customize > Additional CSS) -->\n<style>\n.cc-section {\n    padding: 100px 20px;\n    background: white;\n    position: relative;\n}\n\n.cc-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 80px;\n    align-items: center;\n}\n\n.cc-image-wrapper {\n    position: relative;\n}\n\n.cc-main-image {\n    width: 100%;\n    height: 600px;\n    border-radius: 25px;\n    overflow: hidden;\n    box-shadow: 0 20px 60px rgba(0,0,0,0.15);\n}\n\n.cc-main-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}\n\n.cc-main-image:hover img {\n    transform: scale(1.05);\n}\n\n.cc-content {\n    padding: 20px;\n}\n\n.cc-title {\n    font-size: 3.5rem;\n    color: #1a1a1a;\n    margin-bottom: 25px;\n    font-weight: 800;\n    line-height: 1.2;\n}\n\n.cc-title-highlight {\n    color: #ff6b35;\n}\n\n.cc-description {\n    font-size: 1.15rem;\n    color: #666;\n    line-height: 1.9;\n    margin-bottom: 45px;\n}\n\n.cc-features {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    margin-bottom: 45px;\n}\n\n.cc-feature-item {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    padding: 25px;\n    background: #fff;\n    border-radius: 15px;\n    transition: all 0.3s ease;\n    box-shadow: 0 8px 25px rgba(0,0,0,0.08);\n    border: 2px solid #f5f5f5;\n}\n\n.cc-feature-item:hover {\n    border-color: #ff6b35;\n    box-shadow: 0 10px 35px rgba(255,107,53,0.2);\n    transform: translateY(-5px);\n}\n\n.cc-feature-icon {\n    width: 55px;\n    height: 55px;\n    background: linear-gradient(135deg, #ff6b35, #f7931e);\n    border-radius: 15px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.6rem;\n    flex-shrink: 0;\n    box-shadow: 0 5px 15px rgba(255,107,53,0.3);\n}\n\n.cc-feature-text {\n    font-size: 1.05rem;\n    color: #333;\n    font-weight: 600;\n}\n\n.cc-button-group {\n    display: flex;\n    gap: 20px;\n    align-items: center;\n}\n\n.cc-button {\n    display: inline-block;\n    padding: 18px 45px;\n    background: linear-gradient(135deg, #ff6b35, #f7931e);\n    color: white;\n    text-decoration: none;\n    font-size: 1.1rem;\n    font-weight: 700;\n    border-radius: 50px;\n    transition: all 0.3s ease;\n    box-shadow: 0 8px 25px rgba(255,107,53,0.35);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.cc-button:hover {\n    background: linear-gradient(135deg, #f7931e, #ff6b35);\n    transform: translateY(-3px);\n    box-shadow: 0 12px 35px rgba(255,107,53,0.5);\n    color: white;\n}\n\n.cc-button-secondary {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 18px 35px;\n    background: white;\n    color: #ff6b35;\n    text-decoration: none;\n    font-size: 1.1rem;\n    font-weight: 700;\n    border-radius: 50px;\n    border: 2px solid #ff6b35;\n    transition: all 0.3s ease;\n}\n\n.cc-button-secondary:hover {\n    background: #ff6b35;\n    color: white;\n    transform: translateY(-3px);\n}\n\n@media (max-width: 1024px) {\n    .cc-container {\n        grid-template-columns: 1fr;\n        gap: 50px;\n    }\n\n    .cc-title {\n        font-size: 2.8rem;\n    }\n\n    .cc-main-image {\n        height: 500px;\n    }\n}\n\n@media (max-width: 768px) {\n    .cc-section {\n        padding: 60px 20px;\n    }\n\n    .cc-title {\n        font-size: 2.2rem;\n    }\n\n    .cc-description {\n        font-size: 1.05rem;\n    }\n\n    .cc-features {\n        grid-template-columns: 1fr;\n    }\n\n    .cc-main-image {\n        height: 400px;\n    }\n\n    .cc-button-group {\n        flex-direction: column;\n        align-items: stretch;\n    }\n\n    .cc-button,\n    .cc-button-secondary {\n        text-align: center;\n        justify-content: center;\n    }\n}\n<\/style>\n\n<!-- Add this HTML to your WordPress Page (using HTML block) -->\n<div class=\"cc-section\">\n    <div class=\"cc-container\">\n        <!-- Image Column -->\n        <div class=\"cc-image-wrapper\">\n            <div class=\"cc-main-image\">\n                <img decoding=\"async\" src=\"https:\/\/wonderspacesindia.com\/wp-content\/uploads\/2025\/08\/WhatsApp-Image-2025-07-01-at-2.05.06-PM-2.jpeg\" alt=\"Construction Site J&K\">\n            <\/div>\n        <\/div>\n\n        <!-- Content Column -->\n        <div class=\"cc-content\">\n            <h2 class=\"cc-title\">\n                Home Construction Company in <span class=\"cc-title-highlight\">J&K<\/span>\n            <\/h2>\n            \n            <p class=\"cc-description\">\n                Wonderspaces is recognized for building & construction, remodeling, architectural designs, and allied services. With a strong commitment to quality, innovation, and timely delivery, we transform every project into a benchmark of excellence.\n            <\/p>\n\n            <div class=\"cc-features\">\n                <div class=\"cc-feature-item\">\n                    <div class=\"cc-feature-icon\">\ud83c\udfd7\ufe0f<\/div>\n                    <span class=\"cc-feature-text\">Quality Construction<\/span>\n                <\/div>\n\n                <div class=\"cc-feature-item\">\n                    <div class=\"cc-feature-icon\">\u23f1\ufe0f<\/div>\n                    <span class=\"cc-feature-text\">Timely Delivery<\/span>\n                <\/div>\n\n                <div class=\"cc-feature-item\">\n                    <div class=\"cc-feature-icon\">\ud83d\udcd0<\/div>\n                    <span class=\"cc-feature-text\">Modern Architecture<\/span>\n                <\/div>\n\n                <div class=\"cc-feature-item\">\n                    <div class=\"cc-feature-icon\">\ud83d\udca1<\/div>\n                    <span class=\"cc-feature-text\">Tech-Driven Approach<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"cc-button-group\">\n                <a href=\"#contact\" class=\"cc-button\">Explore More<\/a>\n                <a href=\"#projects\" class=\"cc-button-secondary\">\n                    <span>View Projects<\/span>\n                    <span>\u2192<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4209e01 e-flex e-con-boxed e-con e-parent\" data-id=\"4209e01\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-80f12a4 elementor-widget elementor-widget-html\" data-id=\"80f12a4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n  <style>\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    body {\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      background: #f5f5f5;\n    }\n\n    .wwd-services-section {\n      padding: 100px 20px;\n      background: #ffffff;\n      overflow: hidden;\n    }\n\n    .wwd-container {\n      max-width: 1200px;\n      margin: 0 auto;\n    }\n\n    .wwd-header {\n      text-align: center;\n      margin-bottom: 60px;\n    }\n\n    .wwd-title {\n      font-size: 3.5rem;\n      color: #1a1a1a;\n      margin-bottom: 20px;\n      font-weight: 800;\n      line-height: 1.3;\n    }\n\n    .wwd-title-highlight {\n      background: linear-gradient(135deg, #ff6b35, #f7931e);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    .wwd-subtitle {\n      font-size: 1.2rem;\n      color: #666;\n      max-width: 800px;\n      margin: 0 auto;\n      line-height: 1.8;\n      font-weight: 400;\n    }\n\n    .wwd-slider-wrapper {\n      position: relative;\n      max-width: 900px;\n      margin: 0 auto;\n      padding: 0 70px;\n    }\n\n    .wwd-slider-container {\n      overflow: hidden;\n      border-radius: 25px;\n      box-shadow: 0 20px 60px rgba(0,0,0,0.15);\n    }\n\n    .wwd-slider-track {\n      display: flex;\n      transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .wwd-service-card {\n      min-width: 100%;\n      width: 100%;\n      background: white;\n      overflow: hidden;\n      flex-shrink: 0;\n      position: relative;\n    }\n\n    .wwd-service-image {\n      width: 100%;\n      height: 550px;\n      overflow: hidden;\n      position: relative;\n    }\n\n    .wwd-service-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform 0.6s ease;\n    }\n\n    .wwd-service-card:hover .wwd-service-image img {\n      transform: scale(1.05);\n    }\n\n    .wwd-service-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(to bottom, transparent 40%, rgba(0,0,0,0.85) 100%);\n    }\n\n    .wwd-service-content {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      padding: 50px 40px;\n      color: white;\n      text-align: center;\n    }\n\n    .wwd-service-title {\n      font-size: 3rem;\n      font-weight: 800;\n      margin-bottom: 20px;\n      text-shadow: 2px 2px 15px rgba(0,0,0,0.7);\n      background: linear-gradient(135deg, #ffffff, #f0f0f0);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    .wwd-service-description {\n      font-size: 1.25rem;\n      line-height: 1.7;\n      opacity: 0.95;\n      text-shadow: 1px 1px 10px rgba(0,0,0,0.8);\n      max-width: 700px;\n      margin: 0 auto;\n      font-weight: 400;\n    }\n\n    .wwd-slider-nav {\n      display: flex;\n      justify-content: center;\n      gap: 12px;\n      margin-top: 40px;\n    }\n\n    .wwd-dot {\n      width: 12px;\n      height: 12px;\n      border-radius: 50%;\n      background: #ddd;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      border: 2px solid transparent;\n    }\n\n    .wwd-dot:hover {\n      border-color: #ff6b35;\n      transform: scale(1.2);\n    }\n\n    .wwd-dot.active {\n      background: linear-gradient(135deg, #ff6b35, #f7931e);\n      width: 35px;\n      border-radius: 10px;\n    }\n\n    .wwd-arrow {\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 55px;\n      height: 55px;\n      background: rgba(255,255,255,0.95);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      z-index: 10;\n      transition: all 0.3s ease;\n      border: 2px solid #ff6b35;\n      color: #ff6b35;\n      font-size: 1.8rem;\n      font-weight: bold;\n      box-shadow: 0 5px 20px rgba(0,0,0,0.2);\n    }\n\n    .wwd-arrow:hover {\n      background: linear-gradient(135deg, #ff6b35, #f7931e);\n      color: white;\n      transform: translateY(-50%) scale(1.15);\n      box-shadow: 0 8px 30px rgba(255,107,53,0.4);\n    }\n\n    .wwd-arrow.left {\n      left: 0;\n    }\n\n    .wwd-arrow.right {\n      right: 0;\n    }\n\n    @media (max-width: 968px) {\n      .wwd-services-section {\n        padding: 60px 15px;\n      }\n\n      .wwd-title {\n        font-size: 2.5rem;\n      }\n\n      .wwd-subtitle {\n        font-size: 1.05rem;\n      }\n\n      .wwd-slider-wrapper {\n        padding: 0 60px;\n      }\n\n      .wwd-service-image {\n        height: 450px;\n      }\n\n      .wwd-service-title {\n        font-size: 2.2rem;\n      }\n\n      .wwd-service-description {\n        font-size: 1.1rem;\n      }\n\n      .wwd-service-content {\n        padding: 35px 25px;\n      }\n\n      .wwd-arrow {\n        width: 50px;\n        height: 50px;\n        font-size: 1.5rem;\n      }\n    }\n\n    @media (max-width: 600px) {\n      .wwd-title {\n        font-size: 2rem;\n      }\n\n      .wwd-subtitle {\n        font-size: 1rem;\n      }\n\n      .wwd-slider-wrapper {\n        padding: 0 50px;\n      }\n\n      .wwd-service-image {\n        height: 400px;\n      }\n\n      .wwd-service-title {\n        font-size: 1.8rem;\n      }\n\n      .wwd-service-description {\n        font-size: 1rem;\n      }\n\n      .wwd-service-content {\n        padding: 30px 20px;\n      }\n\n      .wwd-arrow {\n        width: 45px;\n        height: 45px;\n        font-size: 1.3rem;\n      }\n\n      .wwd-arrow.left {\n        left: 0;\n      }\n\n      .wwd-arrow.right {\n        right: 0;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n  <div class=\"wwd-services-section\">\n    <div class=\"wwd-container\">\n      <div class=\"wwd-header\">\n        <h2 class=\"wwd-title\">What <span class=\"wwd-title-highlight\">We Do<\/span><\/h2>\n        <p class=\"wwd-subtitle\">We specialize in end-to-end turnkey solutions, covering every aspect of design, construction, and innovation.<\/p>\n      <\/div>\n\n      <div class=\"wwd-slider-wrapper\">\n        <div class=\"wwd-arrow left\" onclick=\"wwdPrevSlide()\">\u2039<\/div>\n        <div class=\"wwd-arrow right\" onclick=\"wwdNextSlide()\">\u203a<\/div>\n\n        <div class=\"wwd-slider-container\">\n          <div class=\"wwd-slider-track\" id=\"wwdSliderTrack\">\n            <!-- Slide 1 -->\n            <div class=\"wwd-service-card\">\n              <div class=\"wwd-service-image\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1503387762-592deb58ef4e?w=1200&q=80\" alt=\"Architecture\">\n                <div class=\"wwd-service-overlay\"><\/div>\n                <div class=\"wwd-service-content\">\n                  <h3 class=\"wwd-service-title\">Architecture<\/h3>\n                  <p class=\"wwd-service-description\">Innovative architectural designs that blend aesthetics with functionality for modern living spaces<\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- Slide 2 -->\n            <div class=\"wwd-service-card\">\n              <div class=\"wwd-service-image\">\n                <img decoding=\"async\" src=\"https:\/\/wonderspacesindia.com\/wp-content\/uploads\/2025\/11\/IMG-20220323-WA0007.jpg\" alt=\"Construction\">\n                <div class=\"wwd-service-overlay\"><\/div>\n                <div class=\"wwd-service-content\">\n                  <h3 class=\"wwd-service-title\">Construction<\/h3>\n                  <p class=\"wwd-service-description\">Quality construction services from foundation to finishing touches with expert craftsmanship<\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- Slide 3 -->\n            <div class=\"wwd-service-card\">\n              <div class=\"wwd-service-image\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?w=1200&q=80\" alt=\"Interior Design\">\n                <div class=\"wwd-service-overlay\"><\/div>\n                <div class=\"wwd-service-content\">\n                  <h3 class=\"wwd-service-title\">Interior Design<\/h3>\n                  <p class=\"wwd-service-description\">Transform spaces with our creative and functional interior design solutions<\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- Slide 4 -->\n            <div class=\"wwd-service-card\">\n              <div class=\"wwd-service-image\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?w=1200&q=80\" alt=\"Modern Homes\">\n                <div class=\"wwd-service-overlay\"><\/div>\n                <div class=\"wwd-service-content\">\n                  <h3 class=\"wwd-service-title\">Modern Homes<\/h3>\n                  <p class=\"wwd-service-description\">Contemporary home designs with cutting-edge technology and sustainable materials<\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- Slide 5 -->\n            <div class=\"wwd-service-card\">\n              <div class=\"wwd-service-image\">\n                <img decoding=\"async\" src=\"https:\/\/wonderspacesindia.com\/wp-content\/uploads\/2025\/11\/tadilat-nedir.jpg\" alt=\"Renovation\">\n                <div class=\"wwd-service-overlay\"><\/div>\n                <div class=\"wwd-service-content\">\n                  <h3 class=\"wwd-service-title\">Renovation<\/h3>\n                  <p class=\"wwd-service-description\">Breathe new life into existing spaces with our expert renovation and remodeling services<\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- Slide 6 -->\n            <div class=\"wwd-service-card\">\n              <div class=\"wwd-service-image\">\n                <img decoding=\"async\" src=\"https:\/\/wonderspacesindia.com\/wp-content\/uploads\/2025\/08\/WhatsApp-Image-2025-08-01-at-15.02.20.jpeg\" alt=\"Structural Consulting\">\n                <div class=\"wwd-service-overlay\"><\/div>\n                <div class=\"wwd-service-content\">\n                  <h3 class=\"wwd-service-title\">Structural Consulting<\/h3>\n                  <p class=\"wwd-service-description\">Expert structural analysis and consultation for safe, durable building foundations<\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- Slide 7 -->\n            <div class=\"wwd-service-card\">\n              <div class=\"wwd-service-image\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?w=1200&q=80\" alt=\"Project Management\">\n                <div class=\"wwd-service-overlay\"><\/div>\n                <div class=\"wwd-service-content\">\n                  <h3 class=\"wwd-service-title\">Project Management<\/h3>\n                  <p class=\"wwd-service-description\">End-to-end project coordination ensuring timely delivery and quality standards<\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- Slide 8 -->\n            <div class=\"wwd-service-card\">\n              <div class=\"wwd-service-image\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600566753190-17f0baa2a6c3?w=1200&q=80\" alt=\"Luxury Villas\">\n                <div class=\"wwd-service-overlay\"><\/div>\n                <div class=\"wwd-service-content\">\n                  <h3 class=\"wwd-service-title\">Luxury Villas<\/h3>\n                  <p class=\"wwd-service-description\">Exclusive villa construction with premium finishes and world-class amenities<\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- Slide 9 -->\n            <div class=\"wwd-service-card\">\n              <div class=\"wwd-service-image\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600047509807-ba8f99d2cdde?w=1200&q=80\" alt=\"Sustainable Building\">\n                <div class=\"wwd-service-overlay\"><\/div>\n                <div class=\"wwd-service-content\">\n                  <h3 class=\"wwd-service-title\">Sustainable Building<\/h3>\n                  <p class=\"wwd-service-description\">Eco-friendly construction solutions for a greener, more sustainable future<\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- Slide 10 -->\n            <div class=\"wwd-service-card\">\n              <div class=\"wwd-service-image\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600210492493-0946911123ea?w=1200&q=80\" alt=\"Commercial Spaces\">\n                <div class=\"wwd-service-overlay\"><\/div>\n                <div class=\"wwd-service-content\">\n                  <h3 class=\"wwd-service-title\">Commercial Spaces<\/h3>\n                  <p class=\"wwd-service-description\">Professional office and retail space design that enhances productivity and brand image<\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"wwd-slider-nav\" id=\"wwdSliderNav\">\n          <span class=\"wwd-dot active\" onclick=\"wwdGoToSlide(0)\"><\/span>\n          <span class=\"wwd-dot\" onclick=\"wwdGoToSlide(1)\"><\/span>\n          <span class=\"wwd-dot\" onclick=\"wwdGoToSlide(2)\"><\/span>\n          <span class=\"wwd-dot\" onclick=\"wwdGoToSlide(3)\"><\/span>\n          <span class=\"wwd-dot\" onclick=\"wwdGoToSlide(4)\"><\/span>\n          <span class=\"wwd-dot\" onclick=\"wwdGoToSlide(5)\"><\/span>\n          <span class=\"wwd-dot\" onclick=\"wwdGoToSlide(6)\"><\/span>\n          <span class=\"wwd-dot\" onclick=\"wwdGoToSlide(7)\"><\/span>\n          <span class=\"wwd-dot\" onclick=\"wwdGoToSlide(8)\"><\/span>\n          <span class=\"wwd-dot\" onclick=\"wwdGoToSlide(9)\"><\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function() {\n      let wwdCurrentSlide = 0;\n      const wwdTotalSlides = 10;\n      const wwdTrack = document.getElementById('wwdSliderTrack');\n      const wwdDots = document.querySelectorAll('.wwd-dot');\n      let wwdAutoSlideInterval;\n\n      function wwdUpdateSlider() {\n        if (wwdTrack) {\n          wwdTrack.style.transform = `translateX(-${wwdCurrentSlide * 100}%)`;\n          \n          wwdDots.forEach((dot, index) => {\n            dot.classList.toggle('active', index === wwdCurrentSlide);\n          });\n        }\n      }\n\n      window.wwdNextSlide = function() {\n        wwdCurrentSlide = (wwdCurrentSlide + 1) % wwdTotalSlides;\n        wwdUpdateSlider();\n        wwdResetAutoSlide();\n      };\n\n      window.wwdPrevSlide = function() {\n        wwdCurrentSlide = (wwdCurrentSlide - 1 + wwdTotalSlides) % wwdTotalSlides;\n        wwdUpdateSlider();\n        wwdResetAutoSlide();\n      };\n\n      window.wwdGoToSlide = function(index) {\n        wwdCurrentSlide = index;\n        wwdUpdateSlider();\n        wwdResetAutoSlide();\n      };\n\n      function wwdAutoSlide() {\n        wwdNextSlide();\n      }\n\n      function wwdResetAutoSlide() {\n        clearInterval(wwdAutoSlideInterval);\n        wwdAutoSlideInterval = setInterval(wwdAutoSlide, 5000);\n      }\n\n      \/\/ Start auto-sliding\n      wwdAutoSlideInterval = setInterval(wwdAutoSlide, 5000);\n\n      \/\/ Keyboard navigation\n      document.addEventListener('keydown', function(e) {\n        if (e.key === 'ArrowLeft') wwdPrevSlide();\n        if (e.key === 'ArrowRight') wwdNextSlide();\n      });\n\n      \/\/ Pause on hover\n      const wrapper = document.querySelector('.wwd-slider-wrapper');\n      if (wrapper) {\n        wrapper.addEventListener('mouseenter', function() {\n          clearInterval(wwdAutoSlideInterval);\n        });\n\n        wrapper.addEventListener('mouseleave', function() {\n          wwdResetAutoSlide();\n        });\n      }\n\n      \/\/ Touch support for mobile\n      let touchStartX = 0;\n      let touchEndX = 0;\n\n      if (wwdTrack) {\n        wwdTrack.addEventListener('touchstart', function(e) {\n          touchStartX = e.changedTouches[0].screenX;\n        });\n\n        wwdTrack.addEventListener('touchend', function(e) {\n          touchEndX = e.changedTouches[0].screenX;\n          if (touchStartX - touchEndX > 50) wwdNextSlide();\n          if (touchEndX - touchStartX > 50) wwdPrevSlide();\n        });\n      }\n    })();\n  <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c9bec2e e-flex e-con-boxed e-con e-parent\" data-id=\"c9bec2e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7be4f92 elementor-widget elementor-widget-html\" data-id=\"7be4f92\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Add this CSS to WordPress Customizer (Appearance > Customize > Additional CSS) -->\n<style>\n.ws-certificate-section {\n    padding: 80px 20px;\n    background: white;\n}\n\n.ws-certificate-wrapper {\n    max-width: 1400px;\n    margin: 0 auto;\n}\n\n.ws-section-title {\n    text-align: center;\n    font-size: 3rem;\n    color: #1a1a1a;\n    margin-bottom: 60px;\n    font-weight: 800;\n    position: relative;\n    letter-spacing: -0.5px;\n}\n\n.ws-section-title::after {\n    content: '';\n    position: absolute;\n    bottom: -15px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 100px;\n    height: 4px;\n    background: linear-gradient(90deg, #ff6b35, #f7931e);\n    border-radius: 2px;\n}\n\n.ws-certificate-container {\n    display: grid;\n    grid-template-columns: 1fr 1.2fr;\n    gap: 50px;\n    align-items: center;\n}\n\n.ws-certificate-card {\n    background: white;\n    padding: 50px;\n    border-radius: 20px;\n    box-shadow: 0 20px 60px rgba(0,0,0,0.1);\n    position: relative;\n    overflow: hidden;\n    transition: transform 0.3s ease;\n}\n\n.ws-certificate-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 25px 70px rgba(0,0,0,0.15);\n}\n\n.ws-certificate-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 8px;\n    background: linear-gradient(90deg, #ff6b35, #f7931e);\n}\n\n.ws-certificate-badge {\n    position: absolute;\n    top: 30px;\n    right: 30px;\n    width: 80px;\n    height: 80px;\n    background: linear-gradient(135deg, #ff6b35, #f7931e);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 8px 20px rgba(255,107,53,0.3);\n}\n\n.ws-certificate-badge svg {\n    width: 40px;\n    height: 40px;\n    fill: white;\n}\n\n.ws-certificate-image {\n    width: 100%;\n    max-width: 300px;\n    margin-bottom: 30px;\n    border-radius: 15px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n}\n\n.ws-certificate-title {\n    font-size: 2rem;\n    color: #1a1a1a;\n    margin-bottom: 15px;\n    font-weight: 700;\n}\n\n.ws-certificate-validity {\n    color: #666;\n    font-size: 1rem;\n    margin-bottom: 25px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.ws-certificate-validity svg {\n    width: 18px;\n    height: 18px;\n    fill: #ff6b35;\n}\n\n.ws-certificate-details {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 20px;\n    margin-top: 30px;\n}\n\n.ws-detail-item {\n    padding: 15px;\n    background: #f8f9fa;\n    border-radius: 10px;\n    border-left: 4px solid #ff6b35;\n}\n\n.ws-detail-label {\n    font-size: 0.85rem;\n    color: #888;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-bottom: 5px;\n}\n\n.ws-detail-value {\n    font-size: 1.1rem;\n    color: #1a1a1a;\n    font-weight: 600;\n}\n\n.ws-content-card {\n    background: white;\n    padding: 50px;\n    border-radius: 20px;\n    box-shadow: 0 20px 60px rgba(0,0,0,0.1);\n}\n\n.ws-content-intro {\n    font-size: 1.3rem;\n    color: #333;\n    line-height: 1.8;\n    margin-bottom: 30px;\n}\n\n.ws-content-intro strong {\n    color: #ff6b35;\n    font-weight: 700;\n}\n\n.ws-features-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 25px;\n    margin-top: 40px;\n}\n\n.ws-feature-box {\n    text-align: center;\n    padding: 30px 20px;\n    background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%);\n    border-radius: 15px;\n    transition: all 0.3s ease;\n    border: 2px solid #f0f0f0;\n}\n\n.ws-feature-box:hover {\n    transform: translateY(-5px);\n    border-color: #ff6b35;\n    box-shadow: 0 10px 30px rgba(255,107,53,0.2);\n}\n\n.ws-feature-icon {\n    width: 60px;\n    height: 60px;\n    background: linear-gradient(135deg, #ff6b35, #f7931e);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto 20px;\n}\n\n.ws-feature-icon svg {\n    width: 30px;\n    height: 30px;\n    fill: white;\n}\n\n.ws-feature-title {\n    font-size: 1.1rem;\n    color: #1a1a1a;\n    font-weight: 700;\n    margin-bottom: 10px;\n}\n\n.ws-feature-description {\n    font-size: 0.95rem;\n    color: #666;\n    line-height: 1.6;\n}\n\n.ws-stats-bar {\n    display: flex;\n    justify-content: space-around;\n    margin-top: 40px;\n    padding: 30px;\n    background: linear-gradient(135deg, #ff6b35, #f7931e);\n    border-radius: 15px;\n}\n\n.ws-stat-item {\n    text-align: center;\n    color: white;\n}\n\n.ws-stat-number {\n    font-size: 2.5rem;\n    font-weight: 800;\n    margin-bottom: 5px;\n}\n\n.ws-stat-label {\n    font-size: 0.95rem;\n    opacity: 0.9;\n}\n\n@media (max-width: 1024px) {\n    .ws-certificate-container {\n        grid-template-columns: 1fr;\n    }\n\n    .ws-features-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .ws-section-title {\n        font-size: 2.5rem;\n    }\n}\n\n@media (max-width: 768px) {\n    .ws-section-title {\n        font-size: 2rem;\n    }\n\n    .ws-certificate-card,\n    .ws-content-card {\n        padding: 30px;\n    }\n\n    .ws-certificate-details {\n        grid-template-columns: 1fr;\n    }\n\n    .ws-stats-bar {\n        flex-direction: column;\n        gap: 20px;\n    }\n}\n<\/style>\n\n<!-- Add this HTML to your WordPress Page (using HTML block) -->\n\n\n            <!-- Content Card -->\n            <div class=\"ws-content-card\">\n                <p class=\"ws-content-intro\">\n                    At Wonderspaces, we take pride in delivering <strong>turnkey projects<\/strong> across diverse spaces. Our certification stands as proof of our commitment to <strong>quality, integrity,<\/strong> and <strong>timely delivery<\/strong>. Every project is carefully managed from concept to completion, ensuring client satisfaction at every stage.\n                <\/p>\n\n                <div class=\"ws-features-grid\">\n                    <div class=\"ws-feature-box\">\n                        <div class=\"ws-feature-icon\">\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"M12 2L2 7v10c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V7l-10-5z\"\/>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"ws-feature-title\">Quality Assured<\/h3>\n                        <p class=\"ws-feature-description\">Premium materials and expert craftsmanship<\/p>\n                    <\/div>\n\n                    <div class=\"ws-feature-box\">\n                        <div class=\"ws-feature-icon\">\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"ws-feature-title\">On-Time Delivery<\/h3>\n                        <p class=\"ws-feature-description\">Projects completed within timeline<\/p>\n                    <\/div>\n\n                    <div class=\"ws-feature-box\">\n                        <div class=\"ws-feature-icon\">\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z\"\/>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"ws-feature-title\">Full Integrity<\/h3>\n                        <p class=\"ws-feature-description\">Transparent processes and honest communication<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"ws-stats-bar\">\n                    <div class=\"ws-stat-item\">\n                        <div class=\"ws-stat-number\">500+<\/div>\n                        <div class=\"ws-stat-label\">Projects Completed<\/div>\n                    <\/div>\n                    <div class=\"ws-stat-item\">\n                        <div class=\"ws-stat-number\">98%<\/div>\n                        <div class=\"ws-stat-label\">Client Satisfaction<\/div>\n                    <\/div>\n                    <div class=\"ws-stat-item\">\n                        <div class=\"ws-stat-number\">15+<\/div>\n                        <div class=\"ws-stat-label\">Years Experience<\/div>\n                    <\/div>\n                    <div class=\"ws-stat-item\">\n                        <div class=\"ws-stat-number\">50+<\/div>\n                        <div class=\"ws-stat-label\">Expert Team<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3906c63 e-flex e-con-boxed e-con e-parent\" data-id=\"3906c63\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51ace0c elementor-widget elementor-widget-html\" data-id=\"51ace0c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Add this CSS to WordPress Customizer (Appearance > Customize > Additional CSS) -->\n<style>\n.spaces-welcome-section {\n    padding: 100px 20px;\n    background: white;\n}\n\n.spaces-welcome-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    text-align: center;\n}\n\n.spaces-subtitle {\n    font-size: 1rem;\n    color: #ff6b35;\n    text-transform: uppercase;\n    letter-spacing: 3px;\n    margin-bottom: 20px;\n    font-weight: 600;\n}\n\n.spaces-main-title {\n    font-size: 4rem;\n    margin-bottom: 50px;\n    font-weight: 800;\n    line-height: 1.2;\n}\n\n.spaces-main-title .title-welcome {\n    color: #1a1a1a;\n}\n\n.spaces-main-title .title-spaces {\n    color: #ff6b35;\n}\n\n.spaces-description {\n    font-size: 1.2rem;\n    color: #555;\n    line-height: 2;\n    margin-bottom: 40px;\n}\n\n.spaces-description p {\n    margin-bottom: 30px;\n}\n\n.spaces-description p:last-child {\n    margin-bottom: 0;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n    .spaces-welcome-section {\n        padding: 60px 20px;\n    }\n\n    .spaces-subtitle {\n        font-size: 0.85rem;\n        letter-spacing: 2px;\n    }\n\n    .spaces-main-title {\n        font-size: 2.5rem;\n    }\n\n    .spaces-description {\n        font-size: 1.05rem;\n        line-height: 1.8;\n    }\n}\n\n@media (max-width: 480px) {\n    .spaces-main-title {\n        font-size: 2rem;\n    }\n\n    .spaces-description {\n        font-size: 1rem;\n    }\n}\n<\/style>\n\n<!-- Add this HTML to your WordPress Page (using HTML block) -->\n<div class=\"spaces-welcome-section\">\n    <div class=\"spaces-welcome-container\">\n        <div class=\"spaces-subtitle\">START FROM SCRATCH. END UP TO HOME<\/div>\n        \n        <h1 class=\"spaces-main-title\">\n            <span class=\"title-welcome\">Welcome To<\/span> <span class=\"title-spaces\">Spaces<\/span>\n        <\/h1>\n\n        <div class=\"spaces-description\">\n            <p>At Spaces, we take immense pride in being one of Jammu & Kashmir's most trusted names in construction and interior design. What began as a local vision has grown into a full-scale operation delivering world-class spaces across residential, commercial, and hospitality sectors.<\/p>\n\n            <p>From the valleys of Kashmir to the foothills of Jammu, our projects stand tall as symbols of trust, quality, and timeless design. With a team of seasoned engineers, creative interior designers, project managers, and on-site specialists, we ensure that every project is executed with precision and passion.<\/p>\n\n            <p>Whether it's constructing a luxury villa, renovating a traditional home, or designing a contemporary office space \u2014 we bring global standards with local soul.<\/p>\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ae643e4 e-flex e-con-boxed e-con e-parent\" data-id=\"ae643e4\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c87681 elementor-widget elementor-widget-html\" data-id=\"9c87681\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n  <style>\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    body {\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      background: #f5f5f5;\n    }\n\n    .testimonials-section {\n      background: #ffffff;\n      padding: 100px 20px;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .testimonials-container {\n      max-width: 1200px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 1;\n    }\n\n    .testimonials-header {\n      text-align: center;\n      margin-bottom: 60px;\n    }\n\n    .testimonials-title {\n      color: #1a1a1a;\n      font-size: 3.5rem;\n      font-weight: 800;\n      margin-bottom: 15px;\n      line-height: 1.3;\n    }\n\n    .testimonials-title-highlight {\n      background: linear-gradient(135deg, #ff6b35, #f7931e);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    .testimonials-subtitle {\n      color: #666;\n      font-size: 1.2rem;\n      font-weight: 400;\n    }\n\n    .slider-wrapper {\n      position: relative;\n      padding: 0 60px;\n    }\n\n    .testimonials-slider {\n      overflow: hidden;\n      border-radius: 25px;\n    }\n\n    .testimonials-slides {\n      display: flex;\n      transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .testimonial-slide {\n      flex: 0 0 100%;\n      padding: 20px;\n    }\n\n    .testimonial-card {\n      background: white;\n      border-radius: 25px;\n      padding: 50px 45px;\n      box-shadow: 0 20px 60px rgba(0,0,0,0.08);\n      position: relative;\n      border: 2px solid #f0f0f0;\n      transition: all 0.3s ease;\n    }\n\n    .testimonial-card::before {\n      content: '\"';\n      position: absolute;\n      top: -20px;\n      left: 40px;\n      font-size: 120px;\n      font-weight: 800;\n      color: #ff6b35;\n      opacity: 0.15;\n      line-height: 1;\n      font-family: Georgia, serif;\n    }\n\n    .testimonial-card:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 25px 70px rgba(255,107,53,0.15);\n      border-color: #ff6b35;\n    }\n\n    .testimonial-text {\n      font-size: 1.15rem;\n      line-height: 1.8;\n      color: #333;\n      margin-bottom: 35px;\n      position: relative;\n      z-index: 1;\n      font-style: italic;\n    }\n\n    .testimonial-client {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n      padding-top: 25px;\n      border-top: 2px solid #f0f0f0;\n    }\n\n    .client-avatar {\n      width: 70px;\n      height: 70px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border: 4px solid #fff;\n      box-shadow: 0 8px 20px rgba(255,107,53,0.25);\n      background: linear-gradient(135deg, #ff6b35, #f7931e);\n      font-size: 2rem;\n    }\n\n    .client-info h4 {\n      font-size: 1.3rem;\n      font-weight: 700;\n      color: #1a1a1a;\n      margin-bottom: 5px;\n    }\n\n    .client-info span {\n      font-size: 1rem;\n      color: #ff6b35;\n      font-weight: 600;\n    }\n\n    .star-rating {\n      margin-top: 8px;\n      color: #f7931e;\n      font-size: 1.1rem;\n    }\n\n    .slider-controls {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      gap: 15px;\n      margin-top: 40px;\n    }\n\n    .slider-btn {\n      width: 50px;\n      height: 50px;\n      border-radius: 50%;\n      border: 2px solid #ff6b35;\n      background: white;\n      color: #ff6b35;\n      font-size: 1.3rem;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: 0 5px 15px rgba(255,107,53,0.2);\n    }\n\n    .slider-btn:hover {\n      background: linear-gradient(135deg, #ff6b35, #f7931e);\n      color: white;\n      transform: scale(1.1);\n      box-shadow: 0 8px 25px rgba(255,107,53,0.35);\n    }\n\n    .slider-dots {\n      display: flex;\n      gap: 12px;\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n\n    .dot {\n      width: 12px;\n      height: 12px;\n      border-radius: 50%;\n      background: #ddd;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      border: 2px solid transparent;\n    }\n\n    .dot.active {\n      background: linear-gradient(135deg, #ff6b35, #f7931e);\n      width: 35px;\n      border-radius: 10px;\n    }\n\n    .dot:hover {\n      border-color: #ff6b35;\n    }\n\n    @media (max-width: 768px) {\n      .testimonials-section {\n        padding: 60px 15px;\n      }\n\n      .testimonials-title {\n        font-size: 2.2rem;\n      }\n\n      .slider-wrapper {\n        padding: 0 10px;\n      }\n\n      .testimonial-card {\n        padding: 35px 25px;\n      }\n\n      .testimonial-text {\n        font-size: 1rem;\n      }\n\n      .client-avatar {\n        width: 60px;\n        height: 60px;\n      }\n\n      .slider-btn {\n        width: 45px;\n        height: 45px;\n        font-size: 1.1rem;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n  <section class=\"testimonials-section\">\n    <div class=\"testimonials-container\">\n      <div class=\"testimonials-header\">\n        <h2 class=\"testimonials-title\">\n          What Our <span class=\"testimonials-title-highlight\">Clients Say<\/span>\n        <\/h2>\n        <p class=\"testimonials-subtitle\">Real stories from homeowners who trusted us with their dream homes<\/p>\n      <\/div>\n\n      <div class=\"slider-wrapper\">\n        <div class=\"testimonials-slider\">\n          <div class=\"testimonials-slides\" id=\"testimonialSlides\">\n            \n            <div class=\"testimonial-slide\">\n              <div class=\"testimonial-card\">\n                <p class=\"testimonial-text\">\n                  Building our home with this team was the best decision we made. They understood our vision perfectly and delivered beyond expectations. The quality of construction is exceptional and they completed everything on time. Our family is extremely happy with our new home.\n                <\/p>\n                <div class=\"testimonial-client\">\n                  <div class=\"client-avatar\">\ud83d\udc68\u200d\ud83d\udcbc<\/div>\n                  <div class=\"client-info\">\n                    <h4>Rajesh Kumar<\/h4>\n                    <span>Homeowner - Jammu<\/span>\n                    <div class=\"star-rating\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"testimonial-slide\">\n              <div class=\"testimonial-card\">\n                <p class=\"testimonial-text\">\n                  From foundation to finishing, every aspect was handled professionally. The team maintained excellent communication throughout and used high-quality materials. Our 3BHK home is exactly what we dreamed of. Highly recommend their services to anyone looking to build.\n                <\/p>\n                <div class=\"testimonial-client\">\n                  <div class=\"client-avatar\">\ud83d\udc69\u200d\ud83d\udcbc<\/div>\n                  <div class=\"client-info\">\n                    <h4>Priya Sharma<\/h4>\n                    <span>Homeowner - Srinagar<\/span>\n                    <div class=\"star-rating\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"testimonial-slide\">\n              <div class=\"testimonial-card\">\n                <p class=\"testimonial-text\">\n                  The construction quality is top-notch. They paid attention to every small detail and ensured everything was perfect. The transparency in pricing and timeline management was impressive. Our villa stands as a testament to their excellent craftsmanship.\n                <\/p>\n                <div class=\"testimonial-client\">\n                  <div class=\"client-avatar\">\ud83d\udc68<\/div>\n                  <div class=\"client-info\">\n                    <h4>Anil Verma<\/h4>\n                    <span>Villa Owner - Jammu<\/span>\n                    <div class=\"star-rating\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"testimonial-slide\">\n              <div class=\"testimonial-card\">\n                <p class=\"testimonial-text\">\n                  We were nervous about building our first home, but this team made the entire process smooth and stress-free. Their expertise in modern construction techniques is evident in every corner of our house. Worth every penny spent!\n                <\/p>\n                <div class=\"testimonial-client\">\n                  <div class=\"client-avatar\">\ud83d\udc69<\/div>\n                  <div class=\"client-info\">\n                    <h4>Meena Kapoor<\/h4>\n                    <span>First-time Homeowner - Anantnag<\/span>\n                    <div class=\"star-rating\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"testimonial-slide\">\n              <div class=\"testimonial-card\">\n                <p class=\"testimonial-text\">\n                  Exceptional work from start to finish! The structural design is robust and the interior finishing is beautiful. They respected our budget while delivering premium quality. Our duplex home has become the talk of the neighborhood.\n                <\/p>\n                <div class=\"testimonial-client\">\n                  <div class=\"client-avatar\">\ud83e\uddd1\u200d\ud83d\udcbc<\/div>\n                  <div class=\"client-info\">\n                    <h4>Vikram Singh<\/h4>\n                    <span>Duplex Owner - Jammu<\/span>\n                    <div class=\"star-rating\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"testimonial-slide\">\n              <div class=\"testimonial-card\">\n                <p class=\"testimonial-text\">\n                  Their professionalism and dedication to quality construction is remarkable. They handled all government approvals and documentation efficiently. The earthquake-resistant features give us peace of mind. Truly a reliable construction partner.\n                <\/p>\n                <div class=\"testimonial-client\">\n                  <div class=\"client-avatar\">\ud83d\udc69\u200d\ud83e\uddb0<\/div>\n                  <div class=\"client-info\">\n                    <h4>Sunita Malhotra<\/h4>\n                    <span>Homeowner - Srinagar<\/span>\n                    <div class=\"star-rating\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"testimonial-slide\">\n              <div class=\"testimonial-card\">\n                <p class=\"testimonial-text\">\n                  Outstanding construction quality and beautiful design execution. They incorporated all modern amenities while keeping traditional architectural elements we wanted. The project was completed within the promised timeframe. Very satisfied with our new home!\n                <\/p>\n                <div class=\"testimonial-client\">\n                  <div class=\"client-avatar\">\ud83d\udc68\u200d\ud83e\uddb1<\/div>\n                  <div class=\"client-info\">\n                    <h4>Deepak Gupta<\/h4>\n                    <span>Independent House Owner - Jammu<\/span>\n                    <div class=\"star-rating\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"testimonial-slide\">\n              <div class=\"testimonial-card\">\n                <p class=\"testimonial-text\">\n                  The team's expertise in residential construction is evident in every aspect of our home. From proper ventilation to waterproofing, everything was done perfectly. Their after-sales support is also commendable. Highly professional service throughout.\n                <\/p>\n                <div class=\"testimonial-client\">\n                  <div class=\"client-avatar\">\ud83d\udc69\u200d\ud83e\uddb3<\/div>\n                  <div class=\"client-info\">\n                    <h4>Kavita Devi<\/h4>\n                    <span>Homeowner - Anantnag<\/span>\n                    <div class=\"star-rating\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"testimonial-slide\">\n              <div class=\"testimonial-card\">\n                <p class=\"testimonial-text\">\n                  We built our retirement home with them and couldn't be happier. The construction is solid, the design is practical, and they incorporated all accessibility features we needed. Their honest approach and transparent dealings make them stand out.\n                <\/p>\n                <div class=\"testimonial-client\">\n                  <div class=\"client-avatar\">\ud83d\udc68\u200d\ud83e\uddb3<\/div>\n                  <div class=\"client-info\">\n                    <h4>Ramesh Khanna<\/h4>\n                    <span>Retired Homeowner - Jammu<\/span>\n                    <div class=\"star-rating\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"testimonial-slide\">\n              <div class=\"testimonial-card\">\n                <p class=\"testimonial-text\">\n                  Absolutely brilliant construction work! They used eco-friendly materials as we requested and implemented excellent energy-efficient solutions. The workmanship is superior and the finishing touches are perfect. Our modern home is a masterpiece thanks to their skilled team.\n                <\/p>\n                <div class=\"testimonial-client\">\n                  <div class=\"client-avatar\">\ud83d\udc69\u200d\ud83d\udcbb<\/div>\n                  <div class=\"client-info\">\n                    <h4>Neha Patel<\/h4>\n                    <span>Eco-conscious Homeowner - Srinagar<\/span>\n                    <div class=\"star-rating\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n\n          <\/div>\n        <\/div>\n\n        <div class=\"slider-controls\">\n          <button class=\"slider-btn\" id=\"prevBtn\" aria-label=\"Previous testimonial\">\u2039<\/button>\n          <div class=\"slider-dots\" id=\"sliderDots\"><\/div>\n          <button class=\"slider-btn\" id=\"nextBtn\" aria-label=\"Next testimonial\">\u203a<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <script>\n    const slides = document.getElementById('testimonialSlides');\n    const dotsContainer = document.getElementById('sliderDots');\n    const prevBtn = document.getElementById('prevBtn');\n    const nextBtn = document.getElementById('nextBtn');\n    const totalSlides = slides.children.length;\n    let index = 0;\n    let autoSlideInterval;\n\n    \/\/ Create dots\n    for (let i = 0; i < totalSlides; i++) {\n      const dot = document.createElement('div');\n      dot.className = 'dot';\n      if (i === 0) dot.classList.add('active');\n      dot.addEventListener('click', () => goToSlide(i));\n      dotsContainer.appendChild(dot);\n    }\n\n    const dots = document.querySelectorAll('.dot');\n\n    function updateDots() {\n      dots.forEach((dot, i) => {\n        dot.classList.toggle('active', i === index);\n      });\n    }\n\n    function goToSlide(n) {\n      index = n;\n      if (index >= totalSlides) index = 0;\n      if (index < 0) index = totalSlides - 1;\n      \n      slides.style.transform = `translateX(-${index * 100}%)`;\n      updateDots();\n      resetAutoSlide();\n    }\n\n    function nextSlide() {\n      goToSlide(index + 1);\n    }\n\n    function prevSlide() {\n      goToSlide(index - 1);\n    }\n\n    function startAutoSlide() {\n      autoSlideInterval = setInterval(nextSlide, 5000);\n    }\n\n    function resetAutoSlide() {\n      clearInterval(autoSlideInterval);\n      startAutoSlide();\n    }\n\n    prevBtn.addEventListener('click', prevSlide);\n    nextBtn.addEventListener('click', nextSlide);\n\n    \/\/ Touch support for mobile\n    let touchStartX = 0;\n    let touchEndX = 0;\n\n    slides.addEventListener('touchstart', (e) => {\n      touchStartX = e.changedTouches[0].screenX;\n    });\n\n    slides.addEventListener('touchend', (e) => {\n      touchEndX = e.changedTouches[0].screenX;\n      if (touchStartX - touchEndX > 50) nextSlide();\n      if (touchEndX - touchStartX > 50) prevSlide();\n    });\n\n    startAutoSlide();\n  <\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2567fd9 e-flex e-con-boxed e-con e-parent\" data-id=\"2567fd9\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07ed3c9 elementor-widget elementor-widget-html\" data-id=\"07ed3c9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        }\n\n        .cost-estimation-section {\n            background: white;\n            padding: 100px 20px;\n        }\n\n        .cost-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            text-align: center;\n        }\n\n        .cost-header {\n            margin-bottom: 50px;\n        }\n\n        .cost-title {\n            color: #1a1a1a;\n            font-size: 3.5rem;\n            font-weight: 800;\n            margin-bottom: 20px;\n            line-height: 1.3;\n        }\n\n        .cost-title-highlight {\n            color: #ff6b35;\n        }\n\n        .cost-subtitle {\n            color: #666;\n            font-size: 1.2rem;\n            margin-bottom: 30px;\n        }\n\n        .location-selector {\n            display: inline-block;\n            margin-bottom: 50px;\n        }\n\n        .location-select {\n            padding: 15px 30px;\n            font-size: 1.1rem;\n            width: 250px;\n            border-radius: 50px;\n            border: 2px solid #ff6b35;\n            background: white;\n            color: #333;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            outline: none;\n        }\n\n        .location-select:hover,\n        .location-select:focus {\n            background: #fff5f2;\n            border-color: #f7931e;\n            box-shadow: 0 5px 20px rgba(255,107,53,0.2);\n        }\n\n        .pricing-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 30px;\n            margin-bottom: 50px;\n            max-width: 1100px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .pricing-card {\n            background: white;\n            border: 2px solid #f0f0f0;\n            border-radius: 20px;\n            padding: 40px 25px;\n            text-align: center;\n            transition: all 0.3s ease;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .pricing-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 5px;\n            background: linear-gradient(90deg, #ff6b35, #f7931e);\n            transform: scaleX(0);\n            transition: transform 0.3s ease;\n        }\n\n        .pricing-card:hover {\n            border-color: #ff6b35;\n            box-shadow: 0 15px 40px rgba(255,107,53,0.15);\n            transform: translateY(-8px);\n        }\n\n        .pricing-card:hover::before {\n            transform: scaleX(1);\n        }\n\n        .pricing-icon {\n            width: 70px;\n            height: 70px;\n            background: linear-gradient(135deg, #ff6b35, #f7931e);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 20px;\n            font-size: 2rem;\n            box-shadow: 0 8px 20px rgba(255,107,53,0.3);\n            transition: all 0.3s ease;\n        }\n\n        .pricing-card:hover .pricing-icon {\n            transform: scale(1.1) rotate(5deg);\n        }\n\n        .pricing-label {\n            font-weight: 700;\n            font-size: 1.5rem;\n            color: #1a1a1a;\n            margin-bottom: 15px;\n        }\n\n        .pricing-value {\n            font-size: 1.8rem;\n            color: #ff6b35;\n            font-weight: 800;\n            margin-bottom: 10px;\n            transition: opacity 0.3s ease;\n        }\n\n        .pricing-note {\n            font-size: 0.95rem;\n            color: #999;\n        }\n\n        .cost-cta {\n            margin-top: 30px;\n        }\n\n        .cost-button {\n            display: inline-block;\n            padding: 18px 50px;\n            background: linear-gradient(135deg, #ff6b35, #f7931e);\n            color: white;\n            text-decoration: none;\n            font-size: 1.15rem;\n            font-weight: 700;\n            border-radius: 50px;\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(255,107,53,0.35);\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            border: none;\n            cursor: pointer;\n        }\n\n        .cost-button:hover {\n            background: linear-gradient(135deg, #f7931e, #ff6b35);\n            transform: translateY(-3px);\n            box-shadow: 0 15px 40px rgba(255,107,53,0.5);\n            color: white;\n        }\n\n        .cost-disclaimer {\n            margin-top: 40px;\n            padding: 25px;\n            background: #fff5f2;\n            border-radius: 15px;\n            border-left: 4px solid #ff6b35;\n            max-width: 900px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .cost-disclaimer p {\n            color: #666;\n            font-size: 0.95rem;\n            line-height: 1.7;\n            margin: 0;\n        }\n\n        @media (max-width: 768px) {\n            .cost-title {\n                font-size: 2.5rem;\n            }\n\n            .pricing-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .location-select {\n                width: 100%;\n                max-width: 300px;\n            }\n\n            .cost-button {\n                width: 100%;\n                max-width: 350px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"cost-estimation-section\">\n        <div class=\"cost-container\">\n            <div class=\"cost-header\">\n                <h2 class=\"cost-title\">\n                    Cost Estimation Of Constructing<br>\n                    A House In <span class=\"cost-title-highlight\">Jammu<\/span>\n                <\/h2>\n                <p class=\"cost-subtitle\">Transparent pricing with no hidden costs<\/p>\n            <\/div>\n\n            <div class=\"location-selector\">\n                <select id=\"locationSelect\" class=\"location-select\">\n                    <option value=\"jammu\">JAMMU<\/option>\n                <\/select>\n            <\/div>\n\n            <div id=\"pricingGrid\" class=\"pricing-grid\">\n                <div class=\"pricing-card\">\n                    <div class=\"pricing-icon\">\ud83c\udfe0<\/div>\n                    <div class=\"pricing-label\">Basic<\/div>\n                    <div class=\"pricing-value\">\u20b92,300<\/div>\n                    <div class=\"pricing-note\">\/sqft (Incl. GST)<\/div>\n                <\/div>\n\n                <div class=\"pricing-card\">\n                    <div class=\"pricing-icon\">\ud83c\udfe1<\/div>\n                    <div class=\"pricing-label\">Classic<\/div>\n                    <div class=\"pricing-value\">\u20b92,600<\/div>\n                    <div class=\"pricing-note\">\/sqft (Incl. GST)<\/div>\n                <\/div>\n\n                <div class=\"pricing-card\">\n                    <div class=\"pricing-icon\">\ud83c\udfd8\ufe0f<\/div>\n                    <div class=\"pricing-label\">Premium<\/div>\n                    <div class=\"pricing-value\">\u20b92,800<\/div>\n                    <div class=\"pricing-note\">\/sqft (Incl. GST)<\/div>\n                <\/div>\n\n                <div class=\"pricing-card\">\n                    <div class=\"pricing-icon\">\ud83c\udff0<\/div>\n                    <div class=\"pricing-label\">Royale<\/div>\n                    <div class=\"pricing-value\">\u20b93,000<\/div>\n                    <div class=\"pricing-note\">\/sqft (Incl. GST)<\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"cost-cta\">\n                <button class=\"cost-button\" onclick=\"scrollToContact()\">\n                    Start Your Construction\n                <\/button>\n            <\/div>\n\n            <div class=\"cost-disclaimer\">\n                <p>\n                    <strong>Note:<\/strong> Prices are indicative and may vary based on site conditions, material availability, and project specifications. Final quotation will be provided after site visit and detailed consultation.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        function scrollToContact() {\n            \/\/ Try to find contact section\n            const contactSection = document.querySelector('#contact');\n            if (contactSection) {\n                contactSection.scrollIntoView({ behavior: 'smooth' });\n            } else {\n                \/\/ Fallback to alert or redirect\n                alert('Please contact us to start your construction project!');\n            }\n        }\n    <\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-027c552 e-flex e-con-boxed e-con e-parent\" data-id=\"027c552\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4b6c942 e-con-full e-flex e-con e-child\" data-id=\"4b6c942\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0146d4 elementor-widget elementor-widget-heading\" data-id=\"d0146d4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ready to Build? Let\u2019s Talk.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1fbbf66 elementor-widget elementor-widget-text-editor\" data-id=\"1fbbf66\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f44088d elementor-widget elementor-widget-text-editor\" data-id=\"f44088d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\"><p>Contact Spaces for quality construction solutions<\/p><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8d9a478 e-con-full e-flex e-con e-child\" data-id=\"8d9a478\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1220a13 elementor-widget elementor-widget-shortcode\" data-id=\"1220a13\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><noscript class=\"ninja-forms-noscript-message\">\n\tNotice: JavaScript is required for this content.<\/noscript>\n<div id=\"nf-form-3-cont\" class=\"nf-form-cont\" aria-live=\"polite\" aria-labelledby=\"nf-form-title-3\" aria-describedby=\"nf-form-errors-3\" role=\"form\">\n\n    <div class=\"nf-loading-spinner\"><\/div>\n\n<\/div>\n        <!-- That data is being printed as a workaround to page builders reordering the order of the scripts loaded-->\n        <script>var formDisplay=1;var nfForms=nfForms||[];var form=[];form.id='3';form.settings={\"objectType\":\"Form Setting\",\"editActive\":false,\"title\":\"Let\\u2019s Talk\",\"show_title\":1,\"allow_public_link\":0,\"public_link\":\"https:\\\/\\\/wonderspacesindia.com\\\/ninja-forms\\\/3hkqe\",\"embed_form\":\"\",\"clear_complete\":1,\"hide_complete\":1,\"default_label_pos\":\"above\",\"wrapper_class\":\"\",\"element_class\":\"\",\"form_title_heading_level\":\"3\",\"key\":\"\",\"add_submit\":1,\"currency\":\"\",\"unique_field_error\":\"A form with this value has already been submitted.\",\"logged_in\":false,\"not_logged_in_msg\":\"\",\"sub_limit_msg\":\"The form has reached its submission limit.\",\"calculations\":[],\"formContentData\":[\"full_name_1753428797025\",\"phone_1753428834991\",\"city_1753428843764\",\"submit_1753428854782\"],\"public_link_key\":\"3hkqe\",\"ninjaForms\":\"Ninja Forms\",\"changeEmailErrorMsg\":\"Please enter a valid email address!\",\"changeDateErrorMsg\":\"Please enter a valid date!\",\"confirmFieldErrorMsg\":\"These fields must match!\",\"fieldNumberNumMinError\":\"Number Min Error\",\"fieldNumberNumMaxError\":\"Number Max Error\",\"fieldNumberIncrementBy\":\"Please increment by \",\"fieldTextareaRTEInsertLink\":\"Insert Link\",\"fieldTextareaRTEInsertMedia\":\"Insert Media\",\"fieldTextareaRTESelectAFile\":\"Select a file\",\"formErrorsCorrectErrors\":\"Please correct errors before submitting this form.\",\"formHoneypot\":\"If you are a human seeing this field, please leave it empty.\",\"validateRequiredField\":\"This is a required field.\",\"honeypotHoneypotError\":\"Honeypot Error\",\"fileUploadOldCodeFileUploadInProgress\":\"File Upload in Progress.\",\"fileUploadOldCodeFileUpload\":\"FILE UPLOAD\",\"currencySymbol\":false,\"fieldsMarkedRequired\":\"Fields marked with an <span class=\\\"ninja-forms-req-symbol\\\">*<\\\/span> are required\",\"thousands_sep\":\",\",\"decimal_point\":\".\",\"siteLocale\":\"en_US\",\"dateFormat\":\"m\\\/d\\\/Y\",\"startOfWeek\":\"1\",\"of\":\"of\",\"previousMonth\":\"Previous Month\",\"nextMonth\":\"Next Month\",\"months\":[\"January\",\"February\",\"March\",\"April\",\"May\",\"June\",\"July\",\"August\",\"September\",\"October\",\"November\",\"December\"],\"monthsShort\":[\"Jan\",\"Feb\",\"Mar\",\"Apr\",\"May\",\"Jun\",\"Jul\",\"Aug\",\"Sep\",\"Oct\",\"Nov\",\"Dec\"],\"weekdays\":[\"Sunday\",\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\",\"Friday\",\"Saturday\"],\"weekdaysShort\":[\"Sun\",\"Mon\",\"Tue\",\"Wed\",\"Thu\",\"Fri\",\"Sat\"],\"weekdaysMin\":[\"Su\",\"Mo\",\"Tu\",\"We\",\"Th\",\"Fr\",\"Sa\"],\"recaptchaConsentMissing\":\"reCaptcha validation couldn&#039;t load.\",\"recaptchaMissingCookie\":\"reCaptcha v3 validation couldn&#039;t load the cookie needed to submit the form.\",\"recaptchaConsentEvent\":\"Accept reCaptcha cookies before sending the form.\",\"currency_symbol\":\"\",\"beforeForm\":\"\",\"beforeFields\":\"\",\"afterFields\":\"\",\"afterForm\":\"\"};form.fields=[{\"objectType\":\"Field\",\"objectDomain\":\"fields\",\"editActive\":false,\"order\":1,\"idAttribute\":\"id\",\"type\":\"textbox\",\"label\":\"Full Name\",\"key\":\"full_name_1753428797025\",\"label_pos\":\"above\",\"required\":false,\"default\":\"\",\"placeholder\":\"\",\"container_class\":\"\",\"element_class\":\"\",\"input_limit\":\"\",\"input_limit_type\":\"characters\",\"input_limit_msg\":\"Character(s) left\",\"manual_key\":false,\"admin_label\":\"\",\"help_text\":\"\",\"mask\":\"\",\"custom_mask\":\"\",\"custom_name_attribute\":\"\",\"personally_identifiable\":\"\",\"value\":\"\",\"drawerDisabled\":false,\"id\":9,\"beforeField\":\"\",\"afterField\":\"\",\"parentType\":\"textbox\",\"element_templates\":[\"textbox\",\"input\"],\"old_classname\":\"\",\"wrap_template\":\"wrap\"},{\"objectType\":\"Field\",\"objectDomain\":\"fields\",\"editActive\":false,\"order\":999,\"idAttribute\":\"id\",\"type\":\"phone\",\"label\":\"Phone\",\"key\":\"phone_1753428834991\",\"label_pos\":\"above\",\"required\":1,\"default\":\"\",\"placeholder\":\"\",\"container_class\":\"\",\"element_class\":\"\",\"input_limit\":\"\",\"input_limit_type\":\"characters\",\"input_limit_msg\":\"Character(s) left\",\"manual_key\":false,\"admin_label\":\"\",\"help_text\":\"\",\"mask\":\"\",\"custom_mask\":\"\",\"custom_name_attribute\":\"phone\",\"personally_identifiable\":1,\"value\":\"\",\"drawerDisabled\":false,\"id\":10,\"beforeField\":\"\",\"afterField\":\"\",\"parentType\":\"textbox\",\"element_templates\":[\"tel\",\"textbox\",\"input\"],\"old_classname\":\"\",\"wrap_template\":\"wrap\"},{\"objectType\":\"Field\",\"objectDomain\":\"fields\",\"editActive\":false,\"order\":999,\"idAttribute\":\"id\",\"type\":\"city\",\"label\":\"City\",\"key\":\"city_1753428843764\",\"label_pos\":\"above\",\"required\":false,\"default\":\"\",\"placeholder\":\"\",\"container_class\":\"\",\"element_class\":\"\",\"input_limit\":\"\",\"input_limit_type\":\"characters\",\"input_limit_msg\":\"Character(s) left\",\"manual_key\":false,\"admin_label\":\"\",\"help_text\":\"\",\"mask\":\"\",\"custom_mask\":\"\",\"custom_name_attribute\":\"city\",\"personally_identifiable\":\"\",\"value\":\"\",\"id\":11,\"beforeField\":\"\",\"afterField\":\"\",\"parentType\":\"city\",\"element_templates\":[\"city\",\"textbox\",\"input\"],\"old_classname\":\"\",\"wrap_template\":\"wrap\"},{\"objectType\":\"Field\",\"objectDomain\":\"fields\",\"editActive\":false,\"order\":9999,\"idAttribute\":\"id\",\"type\":\"submit\",\"label\":\"Submit\",\"processing_label\":\"Processing\",\"container_class\":\"\",\"element_class\":\"\",\"key\":\"submit_1753428854782\",\"admin_label\":\"\",\"id\":12,\"beforeField\":\"\",\"afterField\":\"\",\"value\":\"\",\"label_pos\":\"above\",\"parentType\":\"textbox\",\"element_templates\":[\"submit\",\"button\",\"input\"],\"old_classname\":\"\",\"wrap_template\":\"wrap-no-label\"}];nfForms.push(form);<\/script>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0955fad e-flex e-con-boxed e-con e-parent\" data-id=\"0955fad\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c37bbd4 elementor-widget elementor-widget-html\" data-id=\"c37bbd4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n  <style>\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    body {\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    }\n\n    .top-bar {\n      background: linear-gradient(135deg, #2d2d2d 0%, #3d3d3d 100%);\n      padding: 14px 30px;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      box-shadow: 0 2px 10px rgba(0,0,0,0.15);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .top-bar::before {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, #ff6b35, #f7931e, #ff6b35);\n      background-size: 200% 100%;\n      animation: gradientFlow 3s linear infinite;\n    }\n\n    @keyframes gradientFlow {\n      0% { background-position: 0% 0%; }\n      100% { background-position: 200% 0%; }\n    }\n\n    .business-hours {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      color: #ffffff;\n      font-size: 1rem;\n      font-weight: 600;\n    }\n\n    .hours-icon {\n      width: 24px;\n      height: 24px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: #ff6b35;\n      font-size: 1.4rem;\n    }\n\n    .social-section {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n    }\n\n    .social-text {\n      color: #ffffff;\n      font-size: 1rem;\n      font-weight: 700;\n      letter-spacing: 0.5px;\n    }\n\n    .social-icons {\n      display: flex;\n      gap: 15px;\n    }\n\n    .social-link {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: rgba(255,255,255,0.15);\n      border-radius: 50%;\n      color: #ffffff;\n      text-decoration: none;\n      font-size: 1.2rem;\n      transition: all 0.3s ease;\n      border: 2px solid rgba(255,255,255,0.2);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .social-link::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(135deg, #ff6b35, #f7931e);\n      opacity: 0;\n      transition: opacity 0.3s ease;\n      z-index: -1;\n    }\n\n    .social-link:hover {\n      transform: translateY(-3px);\n      border-color: #ff6b35;\n      box-shadow: 0 5px 15px rgba(255,107,53,0.4);\n    }\n\n    .social-link:hover::before {\n      opacity: 1;\n    }\n\n    .social-link.facebook:hover {\n      border-color: #1877f2;\n    }\n\n    .social-link.facebook:hover::before {\n      background: #1877f2;\n    }\n\n    .social-link.instagram:hover {\n      border-color: #e4405f;\n    }\n\n    .social-link.instagram:hover::before {\n      background: linear-gradient(135deg, #f58529, #dd2a7b, #8134af);\n    }\n\n    .social-link.linkedin:hover {\n      border-color: #0077b5;\n    }\n\n    .social-link.linkedin:hover::before {\n      background: #0077b5;\n    }\n\n    .social-link.youtube:hover {\n      border-color: #ff0000;\n    }\n\n    .social-link.youtube:hover::before {\n      background: #ff0000;\n    }\n\n    .social-link.twitter:hover {\n      border-color: #1da1f2;\n    }\n\n    .social-link.twitter:hover::before {\n      background: #1da1f2;\n    }\n\n    @media (max-width: 768px) {\n      .top-bar {\n        flex-direction: column;\n        gap: 15px;\n        padding: 15px 20px;\n      }\n\n      .business-hours {\n        font-size: 0.85rem;\n      }\n\n      .social-section {\n        width: 100%;\n        justify-content: center;\n      }\n\n      .social-text {\n        font-size: 0.85rem;\n      }\n\n      .social-icons {\n        gap: 10px;\n      }\n\n      .social-link {\n        width: 32px;\n        height: 32px;\n        font-size: 1rem;\n      }\n    }\n\n    @media (max-width: 480px) {\n      .social-text {\n        display: none;\n      }\n\n      .social-section {\n        gap: 0;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n  <div class=\"top-bar\">\n    <div class=\"business-hours\">\n      <span class=\"hours-icon\">\ud83d\udd52<\/span>\n      <span>Monday to Saturday: 9:00 AM \u2013 8:00 PM \/ Sunday: Closed<\/span>\n    <\/div>\n    \n    <div class=\"social-section\">\n      <span class=\"social-text\">Follow Us On Social Media<\/span>\n      <div class=\"social-icons\">\n        <a href=\"https:\/\/facebook.com\" class=\"social-link facebook\" aria-label=\"Facebook\" target=\"_blank\" rel=\"noopener\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/>\n          <\/svg>\n        <\/a>\n        <a href=\"https:\/\/instagram.com\" class=\"social-link instagram\" aria-label=\"Instagram\" target=\"_blank\" rel=\"noopener\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/>\n          <\/svg>\n        <\/a>\n        <a href=\"https:\/\/linkedin.com\" class=\"social-link linkedin\" aria-label=\"LinkedIn\" target=\"_blank\" rel=\"noopener\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/>\n          <\/svg>\n        <\/a>\n        <a href=\"https:\/\/youtube.com\" class=\"social-link youtube\" aria-label=\"YouTube\" target=\"_blank\" rel=\"noopener\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/>\n          <\/svg>\n        <\/a>\n        <a href=\"https:\/\/twitter.com\" class=\"social-link twitter\" aria-label=\"Twitter\" target=\"_blank\" rel=\"noopener\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/>\n          <\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>How It Works Our house construction steps are simple and easy to understand: Plan \u2013 Build \u2013 Track \u2013 Settle in. 1 Raise a Request 2 Meet our Expert 3 Book with Us 4 Receive Plans 5 Track &#038; Transact 6 Settle in Step 1 of 6 OUR PROJECTS Take a look at some of [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Home - Spaces<\/title>\n<meta name=\"description\" content=\"Finding the best construction company in Jammu is not just about choosing a builder\u2014it is about selecting a team that understands your vision\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wonderspacesindia.com\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - Spaces\" \/>\n<meta property=\"og:description\" content=\"Finding the best construction company in Jammu is not just about choosing a builder\u2014it is about selecting a team that understands your vision\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wonderspacesindia.com\/\" \/>\n<meta property=\"og:site_name\" content=\"Spaces\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/profile.php?id=61577873665185\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-26T06:34:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wonderspacesindia.com\/wp-content\/uploads\/2025\/11\/Web-Slider-2-1-scaled.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wonderspacesindia.com\/\",\"url\":\"https:\/\/wonderspacesindia.com\/\",\"name\":\"Home - Spaces\",\"isPartOf\":{\"@id\":\"https:\/\/wonderspacesindia.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wonderspacesindia.com\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/wonderspacesindia.com\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wonderspacesindia.com\/wp-content\/uploads\/2025\/11\/Web-Slider-2-1-scaled.jpg\",\"datePublished\":\"2025-07-11T09:05:08+00:00\",\"dateModified\":\"2025-11-26T06:34:55+00:00\",\"description\":\"Finding the best construction company in Jammu is not just about choosing a builder\u2014it is about selecting a team that understands your vision\",\"breadcrumb\":{\"@id\":\"https:\/\/wonderspacesindia.com\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wonderspacesindia.com\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wonderspacesindia.com\/#primaryimage\",\"url\":\"https:\/\/wonderspacesindia.com\/wp-content\/uploads\/2025\/11\/Web-Slider-2-1-scaled.jpg\",\"contentUrl\":\"https:\/\/wonderspacesindia.com\/wp-content\/uploads\/2025\/11\/Web-Slider-2-1-scaled.jpg\",\"width\":2560,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wonderspacesindia.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wonderspacesindia.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wonderspacesindia.com\/#website\",\"url\":\"https:\/\/wonderspacesindia.com\/\",\"name\":\"Spaces\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/wonderspacesindia.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wonderspacesindia.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/wonderspacesindia.com\/#organization\",\"name\":\"Wonder Spaces\",\"url\":\"https:\/\/wonderspacesindia.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wonderspacesindia.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/wonderspacesindia.com\/wp-content\/uploads\/2025\/11\/Wonder-Spaces-Logo-.jpg\",\"contentUrl\":\"https:\/\/wonderspacesindia.com\/wp-content\/uploads\/2025\/11\/Wonder-Spaces-Logo-.jpg\",\"width\":1459,\"height\":1437,\"caption\":\"Wonder Spaces\"},\"image\":{\"@id\":\"https:\/\/wonderspacesindia.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/profile.php?id=61577873665185\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - Spaces","description":"Finding the best construction company in Jammu is not just about choosing a builder\u2014it is about selecting a team that understands your vision","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wonderspacesindia.com\/","og_locale":"en_US","og_type":"article","og_title":"Home - Spaces","og_description":"Finding the best construction company in Jammu is not just about choosing a builder\u2014it is about selecting a team that understands your vision","og_url":"https:\/\/wonderspacesindia.com\/","og_site_name":"Spaces","article_publisher":"https:\/\/www.facebook.com\/profile.php?id=61577873665185","article_modified_time":"2025-11-26T06:34:55+00:00","og_image":[{"url":"https:\/\/wonderspacesindia.com\/wp-content\/uploads\/2025\/11\/Web-Slider-2-1-scaled.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wonderspacesindia.com\/","url":"https:\/\/wonderspacesindia.com\/","name":"Home - Spaces","isPartOf":{"@id":"https:\/\/wonderspacesindia.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wonderspacesindia.com\/#primaryimage"},"image":{"@id":"https:\/\/wonderspacesindia.com\/#primaryimage"},"thumbnailUrl":"https:\/\/wonderspacesindia.com\/wp-content\/uploads\/2025\/11\/Web-Slider-2-1-scaled.jpg","datePublished":"2025-07-11T09:05:08+00:00","dateModified":"2025-11-26T06:34:55+00:00","description":"Finding the best construction company in Jammu is not just about choosing a builder\u2014it is about selecting a team that understands your vision","breadcrumb":{"@id":"https:\/\/wonderspacesindia.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wonderspacesindia.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wonderspacesindia.com\/#primaryimage","url":"https:\/\/wonderspacesindia.com\/wp-content\/uploads\/2025\/11\/Web-Slider-2-1-scaled.jpg","contentUrl":"https:\/\/wonderspacesindia.com\/wp-content\/uploads\/2025\/11\/Web-Slider-2-1-scaled.jpg","width":2560,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/wonderspacesindia.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wonderspacesindia.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/wonderspacesindia.com\/#website","url":"https:\/\/wonderspacesindia.com\/","name":"Spaces","description":"","publisher":{"@id":"https:\/\/wonderspacesindia.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wonderspacesindia.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/wonderspacesindia.com\/#organization","name":"Wonder Spaces","url":"https:\/\/wonderspacesindia.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wonderspacesindia.com\/#\/schema\/logo\/image\/","url":"https:\/\/wonderspacesindia.com\/wp-content\/uploads\/2025\/11\/Wonder-Spaces-Logo-.jpg","contentUrl":"https:\/\/wonderspacesindia.com\/wp-content\/uploads\/2025\/11\/Wonder-Spaces-Logo-.jpg","width":1459,"height":1437,"caption":"Wonder Spaces"},"image":{"@id":"https:\/\/wonderspacesindia.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/profile.php?id=61577873665185"]}]}},"_links":{"self":[{"href":"https:\/\/wonderspacesindia.com\/index.php\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wonderspacesindia.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wonderspacesindia.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wonderspacesindia.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wonderspacesindia.com\/index.php\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":544,"href":"https:\/\/wonderspacesindia.com\/index.php\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":1039,"href":"https:\/\/wonderspacesindia.com\/index.php\/wp-json\/wp\/v2\/pages\/32\/revisions\/1039"}],"wp:attachment":[{"href":"https:\/\/wonderspacesindia.com\/index.php\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}