{"id":323,"date":"2026-05-13T05:10:36","date_gmt":"2026-05-13T05:10:36","guid":{"rendered":"https:\/\/leelainterior.in\/demo\/?page_id=323"},"modified":"2026-05-13T05:11:28","modified_gmt":"2026-05-13T05:11:28","slug":"commercial","status":"publish","type":"page","link":"https:\/\/leelainterior.in\/demo\/client-work\/commercial\/","title":{"rendered":"Commercial"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"323\" class=\"elementor elementor-323\">\n\t\t\t\t<div class=\"elementor-element elementor-element-131efeb e-flex e-con-boxed e-con e-parent\" data-id=\"131efeb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top&quot;:&quot;triangle&quot;,&quot;shape_divider_top_negative&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"true\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M500.2,94.7L0,0v100h1000V0L500.2,94.7z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cfd8d91 elementor-widget elementor-widget-heading\" data-id=\"cfd8d91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Commercial<\/h2>\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-5816fac e-flex e-con-boxed e-con e-parent\" data-id=\"5816fac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eed5163 elementor-widget elementor-widget-shortcode\" data-id=\"eed5163\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <!-- SWIPER CSS -->\n    <link rel=\"stylesheet\"\n    href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\/>\n\n    <!-- FANCYBOX CSS -->\n    <link rel=\"stylesheet\"\n    href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fancyapps\/ui\/dist\/fancybox\/fancybox.css\"\/>\n\n\n    <div class=\"projects-wrapper\">\n\n        <!-- FILTER -->\n<!--         <form method=\"GET\" class=\"project-filter-form\">\n\n            <input type=\"date\"\n                   name=\"project_date\"\n                   value=\"\">\n\n            <button type=\"submit\">\n                Filter\n            <\/button>\n\n        <\/form> -->\n\n\n        <!-- PROJECT GRID -->\n        <div class=\"projects-grid\">\n\n            \n                <div class=\"no-projects\">\n\n                    No Projects Found\n\n                <\/div>\n\n                \n        <\/div>\n\n    <\/div>\n\n\n    <!-- SWIPER JS -->\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n    <!-- FANCYBOX JS -->\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@fancyapps\/ui\/dist\/fancybox\/fancybox.umd.js\"><\/script>\n\n\n    <script>\n\n    document.addEventListener(\"DOMContentLoaded\", function(){\n\n        \/* SWIPER *\/\n        document.querySelectorAll('.project-slider').forEach(function(slider){\n\n            new Swiper(slider, {\n\n                loop: true,\n\n                autoplay: {\n                    delay: 2500,\n                    disableOnInteraction:false,\n                },\n\n                pagination: {\n                    el: slider.querySelector('.swiper-pagination'),\n                    clickable: true,\n                },\n\n            });\n\n        });\n\n\n        \/* FANCYBOX *\/\n        Fancybox.bind(\".project-lightbox\", {\n\n            animated: true,\n\n            showClass: \"fancybox-fadeIn\",\n\n            hideClass: \"fancybox-fadeOut\",\n\n            Toolbar: {\n                display: [\n                    \"close\"\n                ],\n            },\n\n            Thumbs: {\n                autoStart: true,\n            },\n\n        });\n\n    });\n\n    <\/script>\n\n\n\n    <style>\n\n    .projects-wrapper{\n        width:100%;\n    }\n\n    .project-filter-form {\n\t\tdisplay: flex;\n\t\tgap: 15px;\n\t\talign-items: center;\n\t\tflex-wrap: wrap;\n\t\tmax-width: 600px;\n\t\tmargin: 0px auto 50px;\n\t\tbackground-color: #6b8a6830;\n\t\tpadding: 20px;\n\t\tborder-radius: 10px;\n\t}\n\n    .project-filter-form input {\n\t\tpadding: 25px 15px;\n\t\tborder: 1px solid #ddd;\n\t\tborder-radius: 8px;\n\t\tfont-size: 18px;\n\t\twidth: 82%;\n\t}\n\n    .project-filter-form button {\n\t\tpadding: 16px 24px;\n\t\tbackground: #6b8a68;\n\t\tcolor: #fff;\n\t\tborder: none;\n\t\tborder-radius: 8px;\n\t\tcursor: pointer;\n\t\ttransition: 0.3s;\n\t}\n\t.project-desc p {\n\t\tmargin: 0px;\n\t}\n    .project-filter-form button:hover{\n        background:#333;\n    }\n\n    .projects-grid{\n        display:grid;\n        grid-template-columns:repeat(3,1fr);\n        gap:30px;\n    }\n\n    .project-card{\n        background:#fff;\n        border-radius:18px;\n        overflow:hidden;\n        box-shadow:0 6px 25px rgba(0,0,0,0.08);\n        transition:0.3s;\n\t\tposition:relative;\n    }\n\t.project-desc i {\n\t\tcolor: #c0a44b;\n\t}\n\t.project-date i {\n\t\tpadding-right: 3px;\n\t\tcolor: #c0a44b;\n\t}\n    .project-card:hover{\n        transform:translateY(-6px);\n    }\n\n    .project-slider{\n        position:relative;\n    }\n\n    .project-slider img{\n        width:100%;\n        height:260px;\n        object-fit:cover;\n        display:block;\n    }\n\n    .project-content{\n        padding:22px;\n    }\n\n    .project-content h3{\n        margin:0 0 12px;\n        font-size:24px;\n        line-height:1.3;\n        color:#111;\n    }\n\n    .project-date {\n\t\tfont-size: 19px;\n\t\tcolor: #777;\n\t\tmargin-bottom: 15px;\n\t\tposition: absolute;\n\t\ttop: 10px;\n\t\tz-index: 999;\n\t\tright: 10px;\n\t\tbackground-color: #ffffff;\n\t\tfont-weight: 600;\n\t\tpadding: 10px;\n\t\tborder-radius: 10px;\n\t\tbox-shadow: 0px 0px 20px -10px #000;\n\t}\n\n    .project-desc {\n\t\tfont-size: 15px;\n\t\tline-height: 1.8;\n\t\tcolor: #555;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tcolumn-gap: 6px;\n\t}\n\n    .swiper-pagination{\n        bottom:10px !important;\n    }\n\n    .swiper-pagination-bullet{\n        background:#fff !important;\n        opacity:0.7;\n    }\n\n    .swiper-pagination-bullet-active{\n        background:#fff !important;\n        opacity:1;\n    }\n\n    .project-lightbox{\n        display:block;\n        overflow:hidden;\n    }\n\n    .project-lightbox img{\n        transition:0.4s;\n    }\n\n    .project-lightbox:hover img{\n        transform:scale(1.05);\n    }\n\n    .fancybox__container{\n        z-index:999999 !important;\n    }\n\n    .fancybox__backdrop{\n        background:rgba(0,0,0,0.92) !important;\n    }\n\n    .fancybox__content img{\n        border-radius:12px;\n    }\n\n    .no-projects{\n        grid-column:1\/-1;\n        text-align:center;\n        font-size:18px;\n        padding:50px 20px;\n    }\n\n\n    \/* RESPONSIVE *\/\n\n    @media(max-width:1200px){\n\n        .projects-grid{\n            grid-template-columns:repeat(3,1fr);\n        }\n\n    }\n\n    @media(max-width:992px){\n\n        .projects-grid{\n            grid-template-columns:repeat(2,1fr);\n        }\n\n    }\n\n    @media(max-width:576px){\n\n        .projects-grid{\n            grid-template-columns:1fr;\n        }\n\n        .project-slider img{\n            height:220px;\n        }\n\n        .project-content{\n            padding:18px;\n        }\n\n        .project-content h3{\n            font-size:22px;\n        }\n\t\t.project-filter-form input {\n\t\t\twidth: 75%;\n\t\t}\n    }\n\n    <\/style>\n\n    <\/div>\n\t\t\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>Commercial<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":258,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","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":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-323","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/leelainterior.in\/demo\/wp-json\/wp\/v2\/pages\/323","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/leelainterior.in\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/leelainterior.in\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/leelainterior.in\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/leelainterior.in\/demo\/wp-json\/wp\/v2\/comments?post=323"}],"version-history":[{"count":4,"href":"https:\/\/leelainterior.in\/demo\/wp-json\/wp\/v2\/pages\/323\/revisions"}],"predecessor-version":[{"id":328,"href":"https:\/\/leelainterior.in\/demo\/wp-json\/wp\/v2\/pages\/323\/revisions\/328"}],"up":[{"embeddable":true,"href":"https:\/\/leelainterior.in\/demo\/wp-json\/wp\/v2\/pages\/258"}],"wp:attachment":[{"href":"https:\/\/leelainterior.in\/demo\/wp-json\/wp\/v2\/media?parent=323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}