{"id":2981,"date":"2025-06-29T11:13:15","date_gmt":"2025-06-29T11:13:15","guid":{"rendered":"https:\/\/primelivingdevelopments.com\/?page_id=2981"},"modified":"2025-09-02T12:31:59","modified_gmt":"2025-09-02T12:31:59","slug":"our-projects","status":"publish","type":"page","link":"https:\/\/primelivingdevelopments.com\/en\/our-projects\/","title":{"rendered":"Our Projects"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2981\" class=\"elementor elementor-2981 elementor-308\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b6161c e-flex e-con-boxed e-con e-parent\" data-id=\"1b6161c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a621323 e-con-full e-flex e-con e-child\" data-id=\"a621323\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ff45f2 elementor-widget elementor-widget-heading\" data-id=\"2ff45f2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"><h2 data-elementor-setting-key=\"title\" data-pen-placeholder=\"Type Here...\" aria-label=\"To enrich screen reader interactions, please activate Accessibility in Grammarly extension settings\"><font color=\"#ffffff\" face=\"neo-sans-arabic, sans-serif\"><span style=\"font-size: 60px\">Our Projects<\/span><\/font><span style=\"font-family: neo-sans-arabic, sans-serif;font-size: 60px;font-style: inherit\"><\/span><\/h2><\/h1>\t\t\t\t<\/div>\n\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-ccaff70 e-flex e-con-boxed e-con e-parent\" data-id=\"ccaff70\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2ce2e99 e-con-full e-flex e-con e-child\" data-id=\"2ce2e99\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3dfb91b elementor-widget elementor-widget-heading\" data-id=\"3dfb91b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our Projects<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b4352d elementor-widget elementor-widget-shortcode\" data-id=\"7b4352d\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\r\n        .project-tabs {\r\n            text-align: center;\r\n            margin-bottom: 40px;\r\n            font-family: 'Neo Sans Arabic', sans-serif !important;\r\n        }\r\n        .project-tabs .filter-btn {\r\n\t\t\tbackground: #ee7f51;\r\n            color: #fff;\r\n            border: none;\r\n            padding: 10px 25px;\r\n            margin: 5px;\r\n            border-radius: 25px;\r\n            font-weight: bold;\r\n            cursor: pointer;\r\n        }\r\n        .project-tabs .filter-btn.active {\r\n            background: #1c3641;\r\n            color: #fff;\r\n        }\r\n\r\n        .portfolio-grid {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 30px;\r\n            justify-content: flex-start;\r\n            opacity: 1;\r\n            transition: opacity 0.4s ease-in-out;\r\n        }\r\n        .portfolio-grid.fade-out {\r\n            opacity: 0;\r\n        }\r\n\r\n        .project-card {\r\n            width: calc(33.333% - 20px);\r\n            background: #fff;\r\n            border-radius: 25px;\r\n            overflow: hidden;\r\n            box-shadow: 0 4px 14px rgba(0,0,0,0.08);\r\n            position: relative;\r\n        }\r\n        @media (max-width: 1024px) {\r\n            .project-card { width: calc(50% - 20px); }\r\n        }\r\n        @media (max-width: 768px) {\r\n            .project-card { width: 100%; }\r\n        }\r\n        .project-card img:not(.icon-box img){\r\n            width: 100% !important;\r\n            height: 350px !important;;\r\n\t\t\tobject-fit:cover !important;;\r\n            display: block !important;;\r\n        }\r\n        .project-label,.project-soldout-label {\r\n            position: absolute;\r\n            top: 15px;\r\n            right: 15px;\r\n            background: #EE7F51;\r\n            color: #fff;\r\n            padding: 6px 15px;\r\n            border-radius: 20px;\r\n            font-size: 13px;\r\n            font-weight: bold;\r\n        }\r\n\r\n        \/* \u2705 Discount badge style *\/\r\n        .project-discount-badge {\r\n            position: absolute;\r\n            top: 15px;\r\n            left: 15px;\r\n            background: #dc1917;\r\n            color: #fff;\r\n            padding: 6px 12px;\r\n            border-radius: 8px;\r\n            font-size: 13px;\r\n            font-weight: bold;\r\n            z-index: 9;\r\n            box-shadow: 0 2px 6px rgba(0,0,0,0.2);\r\n            font-family: 'Neo Sans Arabic', sans-serif;\r\n        }\r\n\r\n        .project-content {\r\n            padding: 25px;\r\n            text-align: right;\r\n        }\r\n.project-content h3 {\r\n    font-size: 24px;\r\n    color: #1c3641;\r\n    font-weight: bold;\r\n    margin-bottom: 10px;\r\n    line-height: 1.4;\r\n    min-height: 3.2em;\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 2;\r\n    -webkit-box-orient: vertical;\r\n    overflow: hidden;\r\n}\r\n\r\n.project-content p {\r\n    color: #1c3641;\r\n    font-size: 16px;\r\n    line-height: 1.7;\r\n    margin-bottom: 15px;\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 2;\r\n    -webkit-box-orient: vertical;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n}\r\n .project-icons {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 15px 10px;\r\n    margin: 20px 0;\r\n}\r\n\r\n.project-icons .icon-box {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background-color: #f9f9f9;\r\n    padding: 10px 12px;\r\n    border-radius: 12px;\r\n    min-height: 50px;\r\n    flex: 1 1 45%;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.project-icons .icon-img {\r\n    width: 22px;\r\n    height: 22px;\r\n    object-fit: contain;\r\n}\r\n\r\n.project-icons .icon-text {\r\n    font-size: 12px;\r\n    font-weight: 500;\r\n    color: #1c3641;\r\n    line-height: 1.4;\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 1;\r\n    -webkit-box-orient: vertical;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n}\r\n\r\n        .project-icons img {\r\n            height: 25px;\r\n            width: 14%;\r\n            padding-left: 1%;\r\n        }\r\n        .project-button {\r\n            margin-top: 15px;\r\n        }\r\n        .project-button a {\r\n            display: block;\r\n            width: 100%;\r\n            background: transparent !important;\r\n            color: #1c3641 !important;\r\n            border: 1px solid #1c3641;\r\n            padding: 8px 35px;\r\n            border-radius: 30px;\r\n            font-weight: 400;\r\n            text-decoration: none;\r\n            text-align: center;\r\n            font-family: 'Neo Sans Arabic', sans-serif !important;\r\n        }\r\n        .project-button a:hover {\r\n            background: #EE7F51 !important;\r\n            color: #fff !important;\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"project-tabs\">\r\n\t\t<button class=\"filter-btn active\" data-cat=\"0\">\r\n    All<\/button>\r\n\r\n                    <button class=\"filter-btn\" data-cat=\"24\">\r\n                Current Projects            <\/button>\r\n                    <button class=\"filter-btn\" data-cat=\"17\">\r\n                Previous Projects            <\/button>\r\n            <\/div>\r\n\r\n    <div id=\"portfolio-results\" class=\"portfolio-grid\"><\/div>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function () {\r\n            const buttons = document.querySelectorAll('.project-tabs .filter-btn');\r\n            const results = document.getElementById('portfolio-results');\r\n\r\n            function loadProjects(cat) {\r\n                buttons.forEach(btn => btn.classList.remove('active'));\r\n                const activeBtn = document.querySelector(`.filter-btn[data-cat=\"${cat}\"]`);\r\n                if (activeBtn) activeBtn.classList.add('active');\r\n\r\n                results.classList.add('fade-out');\r\n\r\n                setTimeout(() => {\r\n                   fetch(`https:\/\/primelivingdevelopments.com\/wp-admin\/admin-ajax.php?action=load_portfolio_projects&cat=${cat}&home=0`)\r\n                        .then(res => res.text())\r\n                        .then(html => {\r\n                            results.innerHTML = html;\r\n                            results.classList.remove('fade-out');\r\n                        });\r\n                }, 250);\r\n            }\r\n\r\n            loadProjects(0);\r\n\r\n            buttons.forEach(btn => {\r\n                btn.addEventListener('click', function () {\r\n                    const cat = this.dataset.cat;\r\n                    loadProjects(cat);\r\n                });\r\n            });\r\n        });\r\n    <\/script>\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Our Projects Our Projects<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"disabled","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2981","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/primelivingdevelopments.com\/en\/wp-json\/wp\/v2\/pages\/2981","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/primelivingdevelopments.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/primelivingdevelopments.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/primelivingdevelopments.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/primelivingdevelopments.com\/en\/wp-json\/wp\/v2\/comments?post=2981"}],"version-history":[{"count":4,"href":"https:\/\/primelivingdevelopments.com\/en\/wp-json\/wp\/v2\/pages\/2981\/revisions"}],"predecessor-version":[{"id":3001,"href":"https:\/\/primelivingdevelopments.com\/en\/wp-json\/wp\/v2\/pages\/2981\/revisions\/3001"}],"wp:attachment":[{"href":"https:\/\/primelivingdevelopments.com\/en\/wp-json\/wp\/v2\/media?parent=2981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}