{"id":510,"date":"2025-02-03T19:44:09","date_gmt":"2025-02-03T19:44:09","guid":{"rendered":"https:\/\/demo.colorbee.online\/dhaara\/demo\/?post_type=service&amp;p=510"},"modified":"2025-02-03T19:44:09","modified_gmt":"2025-02-03T19:44:09","slug":"residential-projects","status":"publish","type":"service","link":"https:\/\/demo.colorbee.online\/dhaara\/demo\/services\/residential-projects\/","title":{"rendered":"Residential Projects"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"510\" class=\"elementor elementor-510\">\n\t\t\t\t<div class=\"elementor-element elementor-element-273815da e-grid e-con-full e-con e-parent\" data-id=\"273815da\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c1737e8 elementor-widget elementor-widget-service_boxes\" data-id=\"5c1737e8\" data-element_type=\"widget\" data-widget_type=\"service_boxes.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <section class=\"services-box relative py-16 sm:py-20 lg:py-20 overflow-hidden\">\r\n            <!-- Background Elements -->\r\n            <div class=\"absolute inset-0 -z-10\">\r\n                <!-- Gradient Orbs -->\r\n                <div class=\"absolute top-0 left-0 w-full h-full overflow-hidden\">\r\n                    <div style=\"background-color: #FFB60020\" class=\"bg-fade-effect absolute top-1\/4 -left-20 w-96 h-96 rounded-full mix-blend-multiply filter blur-3xl float\"><\/div>\r\n                    <div style=\"background-color: #FFB60020\" class=\"absolute bottom-1\/4 right-0 w-96 h-96 rounded-full mix-blend-multiply filter blur-3xl float\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"max-w-7xl 2xl:max-w-8xl mx-auto px-4\">\r\n                <!-- Section Header -->\r\n                <div class=\"relative mb-12 sm:mb-16 text-center z-10\">\r\n                    <div class=\"absolute -top-10 left-1\/2  -translate-x-1\/2  text-[80px] sm:text-[120px] font-bold text-gray-100 select-none opacity-0 md:opacity-60 leading-none -z-10\">\r\n                        SERVICES                    <\/div>\r\n                    <h2 class=\"relative text-3xl sm:text-4xl lg:text-5xl font-bold text-gray-900 fade-in-effect \">\r\n                        Building Excellence, Delivering                        <span style=\"color: #FFB600\">Value<\/span>\r\n                    <\/h2>\r\n                    <p class=\"mt-4 text-xl text-gray-600 max-w-2xl mx-auto fade-in-effect effect-1\">\r\n                        Discover how our expertise in commercial construction can transform your vision into reality                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Service Features Grid -->\r\n                <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8 fade-in-effect effect-2\">\r\n                                                <div class=\"group relative\">\r\n                                <div style=\"background-color: #FFB60050\" class=\"absolute inset-0  rounded-2xl blur opacity-0 group-hover:opacity-20 transition-all duration-500\"><\/div>\r\n                                <div class=\"relative bg-white\/80 shadow-lg backdrop-blur-lg rounded-2xl p-8 hover:shadow-xl transition-all duration-500 h-full\">\r\n                                    <div class=\"mb-6 relative\">\r\n                                        <div style=\"background-color: #FFB60020\" class=\"w-14 h-14 rounded-xl flex items-center justify-center group-hover:bg-primary-amber transition-colors duration-300\">\r\n                                            <i class=\"far fa-star w-7 h-7  flex items-center justify-center group-hover:text-white transition-colors duration-300\" style=\"color: #FFB600;\"><\/i>                                        <\/div>\r\n                                    <\/div>\r\n                                    <h3 class=\"text-xl font-bold text-gray-900 mb-3\">\r\n                                        Innovative Design                                    <\/h3>\r\n                                    <p class=\"text-gray-600\">\r\n                                        Utilizing cutting-edge architectural concepts and sustainable building practices.                                    <\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                <div class=\"group relative\">\r\n                                <div style=\"background-color: #FFB60050\" class=\"absolute inset-0  rounded-2xl blur opacity-0 group-hover:opacity-20 transition-all duration-500\"><\/div>\r\n                                <div class=\"relative bg-white\/80 shadow-lg backdrop-blur-lg rounded-2xl p-8 hover:shadow-xl transition-all duration-500 h-full\">\r\n                                    <div class=\"mb-6 relative\">\r\n                                        <div style=\"background-color: #FFB60020\" class=\"w-14 h-14 rounded-xl flex items-center justify-center group-hover:bg-primary-amber transition-colors duration-300\">\r\n                                            <i class=\"fas fa-building w-7 h-7  flex items-center justify-center group-hover:text-white transition-colors duration-300\" style=\"color: #FFB600;\"><\/i>                                        <\/div>\r\n                                    <\/div>\r\n                                    <h3 class=\"text-xl font-bold text-gray-900 mb-3\">\r\n                                        Quality Assurance                                    <\/h3>\r\n                                    <p class=\"text-gray-600\">\r\n                                        Rigorous quality control processes ensuring excellence at every stage.                                    <\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                <div class=\"group relative\">\r\n                                <div style=\"background-color: #FFB60050\" class=\"absolute inset-0  rounded-2xl blur opacity-0 group-hover:opacity-20 transition-all duration-500\"><\/div>\r\n                                <div class=\"relative bg-white\/80 shadow-lg backdrop-blur-lg rounded-2xl p-8 hover:shadow-xl transition-all duration-500 h-full\">\r\n                                    <div class=\"mb-6 relative\">\r\n                                        <div style=\"background-color: #FFB60020\" class=\"w-14 h-14 rounded-xl flex items-center justify-center group-hover:bg-primary-amber transition-colors duration-300\">\r\n                                            <i class=\"far fa-clock w-7 h-7  flex items-center justify-center group-hover:text-white transition-colors duration-300\" style=\"color: #FFB600;\"><\/i>                                        <\/div>\r\n                                    <\/div>\r\n                                    <h3 class=\"text-xl font-bold text-gray-900 mb-3\">\r\n                                        Timely Delivery                                    <\/h3>\r\n                                    <p class=\"text-gray-600\">\r\n                                        Efficient project management ensuring on-time completion.                                    <\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/section>\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5371a72e e-grid e-con-full e-con e-parent\" data-id=\"5371a72e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c470b00 elementor-widget elementor-widget-faq\" data-id=\"4c470b00\" data-element_type=\"widget\" data-widget_type=\"faq.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <section class=\"faq-section relative py-16 sm:py-20 lg:py-20 overflow-hidden\">\r\n            <!-- Background Elements -->\r\n            <div class=\"absolute inset-0 -z-10\">\r\n                <div class=\"absolute top-0 left-0 w-full h-full overflow-hidden\">\r\n                    <div style=\"background-color: #FFB60020\" class=\"bg-fade-effect absolute top-1\/4 -left-20 w-96 h-96 rounded-full mix-blend-multiply filter blur-3xl\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"max-w-7xl 2xl:max-w-8xl mx-auto px-4\">\r\n                <!-- Section Header -->\r\n                <div class=\"relative mb-12 sm:mb-16 text-center z-10\">\r\n                    <div class=\"absolute -top-10 left-1\/2 -translate-x-1\/2 text-[80px] sm:text-[120px] font-bold text-gray-100 select-none opacity-0 md:opacity-60 leading-none -z-10\">\r\n                        FAQ                    <\/div>\r\n                    <h2 class=\"relative text-3xl sm:text-4xl lg:text-5xl font-bold text-gray-900 fade-in-effect \">\r\n                        Common                        <span style=\"color: #FFB600\">Questions<\/span>\r\n                    <\/h2>\r\n                    <p class=\"mt-4 text-xl text-gray-600 max-w-2xl mx-auto fade-in-effect effect-1\">\r\n                        Everything you need to know about our services                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 items-start fade-in-effect effect-2\">\r\n                                                <div class=\"bg-white rounded-xl shadow-sm\">\r\n                                <button class=\"w-full flex items-center justify-between p-6 focus:outline-none shadow-sm\" onclick=\"this.parentElement.classList.toggle('active')\">\r\n                                    <span class=\"text-lg font-semibold text-gray-900\">What types of commercial projects do you handle?<\/span>\r\n                                    <div class=\"relative ml-2 w-7 h-7\">\r\n                                        <div class=\"absolute inset-0  rounded-full transition-colors duration-300\" style=\"background-color: rgba(255, 255, 102, 0.1)\"><\/div>\r\n                                        <svg style=\"color: #FFB600\" class=\"absolute inset-0 w-7 h-7 p-2 text-primary-amber transition-colors duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6v6m0 0v6m0-6h6m-6 0H6\" \/>\r\n                                        <\/svg>\r\n                                    <\/div>\r\n                                <\/button>\r\n                                <div class=\"hidden px-6 pb-6 pt-6\">\r\n                                    <div class=\"text-gray-600 prose prose-sm max-w-none textbox\">\r\n                                        <p>We specialize in:<\/p><ul><li>Office Buildings Corporate Campuses<\/li><li>Retail Shopping Centers<\/li><li>Industrial Manufacturing Facilities<\/li><\/ul>                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                <div class=\"bg-white rounded-xl shadow-sm\">\r\n                                <button class=\"w-full flex items-center justify-between p-6 focus:outline-none shadow-sm\" onclick=\"this.parentElement.classList.toggle('active')\">\r\n                                    <span class=\"text-lg font-semibold text-gray-900\">What&#039;s your typical project timeline?<\/span>\r\n                                    <div class=\"relative ml-2 w-7 h-7\">\r\n                                        <div class=\"absolute inset-0  rounded-full transition-colors duration-300\" style=\"background-color: rgba(255, 255, 102, 0.1)\"><\/div>\r\n                                        <svg style=\"color: #FFB600\" class=\"absolute inset-0 w-7 h-7 p-2 text-primary-amber transition-colors duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6v6m0 0v6m0-6h6m-6 0H6\" \/>\r\n                                        <\/svg>\r\n                                    <\/div>\r\n                                <\/button>\r\n                                <div class=\"hidden px-6 pb-6 pt-6\">\r\n                                    <div class=\"text-gray-600 prose prose-sm max-w-none textbox\">\r\n                                            Project timelines vary based on scope:\n    <ul>\n        <li>\n            Small Projects: 6-8 months\n        <\/li>\n        <li>\n            Medium Projects: 12-18 months\n        <\/li>\n        <li>\n            Large Projects: 18-24+ months\n        <\/li>\n    <\/ul>                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                <div class=\"bg-white rounded-xl shadow-sm\">\r\n                                <button class=\"w-full flex items-center justify-between p-6 focus:outline-none shadow-sm\" onclick=\"this.parentElement.classList.toggle('active')\">\r\n                                    <span class=\"text-lg font-semibold text-gray-900\">What&#039;s unique about your approach?<\/span>\r\n                                    <div class=\"relative ml-2 w-7 h-7\">\r\n                                        <div class=\"absolute inset-0  rounded-full transition-colors duration-300\" style=\"background-color: rgba(255, 255, 102, 0.1)\"><\/div>\r\n                                        <svg style=\"color: #FFB600\" class=\"absolute inset-0 w-7 h-7 p-2 text-primary-amber transition-colors duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6v6m0 0v6m0-6h6m-6 0H6\" \/>\r\n                                        <\/svg>\r\n                                    <\/div>\r\n                                <\/button>\r\n                                <div class=\"hidden px-6 pb-6 pt-6\">\r\n                                    <div class=\"text-gray-600 prose prose-sm max-w-none textbox\">\r\n                                        <ul>\n<li>Integrated solutions<\/li>\n<li>Sustainable practices<\/li>\n<li>Collaborative planning<\/li>\n<li>Expert team<\/li>\n<\/ul>                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                <div class=\"bg-white rounded-xl shadow-sm\">\r\n                                <button class=\"w-full flex items-center justify-between p-6 focus:outline-none shadow-sm\" onclick=\"this.parentElement.classList.toggle('active')\">\r\n                                    <span class=\"text-lg font-semibold text-gray-900\">What support do you offer after completion?<\/span>\r\n                                    <div class=\"relative ml-2 w-7 h-7\">\r\n                                        <div class=\"absolute inset-0  rounded-full transition-colors duration-300\" style=\"background-color: rgba(255, 255, 102, 0.1)\"><\/div>\r\n                                        <svg style=\"color: #FFB600\" class=\"absolute inset-0 w-7 h-7 p-2 text-primary-amber transition-colors duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6v6m0 0v6m0-6h6m-6 0H6\" \/>\r\n                                        <\/svg>\r\n                                    <\/div>\r\n                                <\/button>\r\n                                <div class=\"hidden px-6 pb-6 pt-6\">\r\n                                    <div class=\"text-gray-600 prose prose-sm max-w-none textbox\">\r\n                                        <ul>\n<li>24\/7 maintenance support<\/li>\n<li>Regular inspections<\/li>\n<li>Warranty coverage<\/li>\n<\/ul>                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <style>\r\n            .active .hidden {\r\n                display: block;\r\n            }\r\n            .active svg {\r\n                transform: rotate(45deg);\r\n            }\r\n        <\/style>\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-45302f95 e-grid e-con-full e-con e-parent\" data-id=\"45302f95\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad949b1 elementor-widget elementor-widget-stats\" data-id=\"ad949b1\" data-element_type=\"widget\" data-widget_type=\"stats.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <section class=\"stats-section relative py-16 sm:py-20 lg:py-20 overflow-hidden\">\r\n            <!-- Background Elements -->\r\n            <div class=\"absolute inset-0 -z-10\">\r\n                <!-- Gradient Orbs -->\r\n                <div class=\"absolute top-0 left-0 w-full h-full overflow-hidden\">\r\n                    <div style=\"background-color: #FFB60020\" class=\"bg-fade-effect absolute top-1\/4 -left-20 w-96 h-96 rounded-full mix-blend-multiply filter blur-3xl\"><\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"max-w-7xl 2xl:max-w-8xl mx-auto px-4\">\r\n                <div class=\"space-y-20\">\r\n                    <div class=\"relative fade-in-effect\">\r\n                        <div style=\"background: linear-gradient(to right, #FFB600, #FFB600)\" class=\"absolute inset-0 rounded-3xl rotate-1 blur opacity-10\"><\/div>\r\n                        <div class=\"relative bg-white backdrop-blur-xl rounded-3xl p-12 hover:shadow-2xl transition-all duration-500\">\r\n                            <div class=\"grid grid-cols-1 md:grid-cols-4 gap-8 \">\r\n                                                                    <div class=\"text-center space-y-2 group\">\r\n                                        <div style=\"background-color: #FFB60020\" class=\"inline-flex w-16 h-16 items-center justify-center rounded-2xl group-hover:bg-primary-amber transition-colors duration-300\">\r\n                                                                                            <i style=\"color: #FFB600\" class=\"fas fa-star flex items-center justify-center w-8 h-8   group-hover:text-white transition-colors duration-300\"><\/i>\r\n                                                                                    <\/div>\r\n                                        <div class=\"text-4xl font-bold text-gray-900\">500+<\/div>\r\n                                        <div class=\"text-sm text-gray-600\">Projects Completed<\/div>\r\n                                    <\/div>\r\n                                                                    <div class=\"text-center space-y-2 group\">\r\n                                        <div style=\"background-color: #FFB60020\" class=\"inline-flex w-16 h-16 items-center justify-center rounded-2xl group-hover:bg-primary-amber transition-colors duration-300\">\r\n                                                                                            <i style=\"color: #FFB600\" class=\"fas fa-star flex items-center justify-center w-8 h-8   group-hover:text-white transition-colors duration-300\"><\/i>\r\n                                                                                    <\/div>\r\n                                        <div class=\"text-4xl font-bold text-gray-900\">250+<\/div>\r\n                                        <div class=\"text-sm text-gray-600\">Expert Team<\/div>\r\n                                    <\/div>\r\n                                                                    <div class=\"text-center space-y-2 group\">\r\n                                        <div style=\"background-color: #FFB60020\" class=\"inline-flex w-16 h-16 items-center justify-center rounded-2xl group-hover:bg-primary-amber transition-colors duration-300\">\r\n                                                                                            <i style=\"color: #FFB600\" class=\"fas fa-star flex items-center justify-center w-8 h-8   group-hover:text-white transition-colors duration-300\"><\/i>\r\n                                                                                    <\/div>\r\n                                        <div class=\"text-4xl font-bold text-gray-900\">100%<\/div>\r\n                                        <div class=\"text-sm text-gray-600\">Success Rate<\/div>\r\n                                    <\/div>\r\n                                                                    <div class=\"text-center space-y-2 group\">\r\n                                        <div style=\"background-color: #FFB60020\" class=\"inline-flex w-16 h-16 items-center justify-center rounded-2xl group-hover:bg-primary-amber transition-colors duration-300\">\r\n                                                                                            <i style=\"color: #FFB600\" class=\"fas fa-star flex items-center justify-center w-8 h-8   group-hover:text-white transition-colors duration-300\"><\/i>\r\n                                                                                    <\/div>\r\n                                        <div class=\"text-4xl font-bold text-gray-900\">15+<\/div>\r\n                                        <div class=\"text-sm text-gray-600\">Years Experience<\/div>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c0eba58 e-grid e-con-full e-con e-parent\" data-id=\"1c0eba58\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b28ffd6 elementor-widget elementor-widget-cta\" data-id=\"2b28ffd6\" data-element_type=\"widget\" data-widget_type=\"cta.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <section class=\"cta-section relative py-16 sm:py-20 lg:py-20 overflow-hidden\">\r\n            <!-- Background Elements -->\r\n            <div class=\"absolute inset-0 -z-10\">\r\n                <!-- Gradient Orbs -->\r\n                <div class=\"absolute top-0 left-0 w-full h-full overflow-hidden\">\r\n                    <div style=\"background-color: #FFB60020\" class=\"bg-fade-effect absolute top-1\/4 -left-20 w-96 h-96 rounded-full mix-blend-multiply filter blur-3xl\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"max-w-7xl 2xl:max-w-8xl mx-auto px-4 fade-in-effect\">\r\n                <div class=\"space-y-20\">\r\n                    <div class=\"relative p-12 rounded-3xl overflow-hidden\">\r\n                        <div style=\"background-color: #FFB600\" class=\"absolute inset-0 \"><\/div>\r\n\r\n                        <div class=\"relative flex flex-col md:flex-row items-center justify-between gap-8\">\r\n                            <div class=\"text-white space-y-4\">\r\n                                <h3 class=\"text-3xl font-bold\">Ready to Start Your Project?<\/h3>\r\n                                <p class=\"text-amber-100\">Lets create something extraordinary together<\/p>\r\n                            <\/div>\r\n                            <div class=\"flex flex-col md:flex-row items-center gap-4\">\r\n                                                                    <a style=\"color: #FFB600\" href=\"#\" class=\"px-8 py-4 bg-white font-semibold rounded-xl transition-colors\">\r\n                                        Get Quote                                    <\/a>\r\n                                                                <a href=\"#\" style=\"background-color: rgba(255, 255, 102, 0.2)\" class=\"px-8 py-4 text-white font-semibold rounded-xl transition-colors\">\r\n                                    Contact Us                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>At the intersection of luxury and sustainability, our residential developments stand as beacons of innovative living. Each project embodies our commitment to creating spaces that nurture both residents and the environment.<\/p>\n","protected":false},"featured_media":1114,"template":"elementor_header_footer","service_category":[],"class_list":["post-510","service","type-service","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-json\/wp\/v2\/service\/510","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-json\/wp\/v2\/service"}],"about":[{"href":"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-json\/wp\/v2\/types\/service"}],"version-history":[{"count":0,"href":"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-json\/wp\/v2\/service\/510\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-json\/wp\/v2\/media\/1114"}],"wp:attachment":[{"href":"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-json\/wp\/v2\/media?parent=510"}],"wp:term":[{"taxonomy":"service_category","embeddable":true,"href":"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-json\/wp\/v2\/service_category?post=510"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}