{"id":135,"date":"2025-01-14T19:01:27","date_gmt":"2025-01-14T19:01:27","guid":{"rendered":"https:\/\/demo.colorbee.online\/dhaara\/demo\/?page_id=135"},"modified":"2025-01-14T19:01:27","modified_gmt":"2025-01-14T19:01:27","slug":"blog-listing","status":"publish","type":"page","link":"https:\/\/demo.colorbee.online\/dhaara\/demo\/blog-listing\/","title":{"rendered":"Blog Listing"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"135\" class=\"elementor elementor-135\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d03eba1 e-grid e-con-full e-con e-parent\" data-id=\"d03eba1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-655a238 elementor-widget elementor-widget-blog_listing\" data-id=\"655a238\" data-element_type=\"widget\" data-widget_type=\"blog_listing.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <section class=\"blog-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: rgba(255, 255, 102, 0.2)\" 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                <div class=\"container max-w-7xl 2xl:max-w-8xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n                    <div class=\"blog-section\">\r\n                        <!-- Grid Container -->\r\n                        <div class=\"blog-grid grid gap-8 md:grid-cols-2 lg:grid-cols-3\">\r\n                                                            <div class=\"group fade-in-effect effect-1\">\r\n                                    <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-500 h-full flex flex-col\">\r\n                                        <!-- Featured Image -->\r\n                                        <div class=\"relative aspect-[16\/10] overflow-hidden\">\r\n                                            <div class=\"absolute z-10 top-4 right-4 backdrop-blur-md bg-white\/10 border border-white\/20 rounded-full pl-2 pr-3 py-1 flex items-center gap-2\">\r\n                                                <div class=\"flex items-center gap-2 text-sm text-white\">\r\n                                                    <span>2 min read<\/span>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                                                                            <img fetchpriority=\"high\" decoding=\"async\" width=\"640\" height=\"427\" src=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/jarek-ceborski-jn7uVeCdf6U-unsplash-1-1024x683.jpg\" class=\"w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-700 wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/jarek-ceborski-jn7uVeCdf6U-unsplash-1-1024x683.jpg 1024w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/jarek-ceborski-jn7uVeCdf6U-unsplash-1-300x200.jpg 300w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/jarek-ceborski-jn7uVeCdf6U-unsplash-1-768x512.jpg 768w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/jarek-ceborski-jn7uVeCdf6U-unsplash-1-1536x1025.jpg 1536w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/jarek-ceborski-jn7uVeCdf6U-unsplash-1.jpg 1920w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>                                                                                        <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n                                        <\/div>\r\n\r\n                                        <!-- Content -->\r\n                                        <div class=\"p-6 flex flex-col flex-1\">\r\n                                            <!-- Category & Date -->\r\n                                            <div class=\"flex items-center justify-between mb-4\">\r\n                                                <span class=\"px-3 py-1 bg-primary-10 text-primary-amber rounded-full text-sm font-medium\">\r\n                                                    Uncategorized                                                <\/span>\r\n                                                <div class=\"flex items-center gap-2 text-sm text-gray-500\">\r\n                                                    <span>February 23, 2025<\/span>\r\n                                                <\/div>\r\n                                            <\/div>\r\n\r\n                                            <!-- Title & Excerpt -->\r\n                                            <h3 class=\"text-xl font-bold text-gray-900 my-0 transition-colors flex-1\">\r\n                                                Modular Construction: The Future of Rapid, Sustainable Building                                            <\/h3>\r\n                                            <p class=\"text-gray-600 mb-6 line-clamp-2\">\r\n                                                In an era where speed, efficiency, and sustainability are paramount, modular construction is emerging as a game-changing approach to building. This innovative construction method, which involves manufacturing building components in controlled factory environments before on-site assembly, is revolutionizing how we approach both residential and commercial projects. Understanding Modular Construction Modular construction represents a fundamental shift [&hellip;]                                            <\/p>\r\n\r\n                                            <!-- Author Info -->\r\n                                            <div class=\"flex items-end justify-between pt-6 border-t border-gray-10  \">\r\n                                                <div class=\"flex items-center gap-3\">\r\n                                                    <img alt='' src='https:\/\/secure.gravatar.com\/avatar\/edf795bf182938c7130cc8e45de80f209a9c40e8835f94de20a3608bf2052400?s=40&#038;d=mm&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/edf795bf182938c7130cc8e45de80f209a9c40e8835f94de20a3608bf2052400?s=80&#038;d=mm&#038;r=g 2x' class='avatar avatar-40 photo w-10 h-10 rounded-full object-cover' height='40' width='40' \/>                                                    <div>\r\n                                                        <div class=\"font-medium text-gray-900\">admin<\/div>\r\n                                                        <div class=\"text-sm text-gray-500\"><\/div>\r\n                                                    <\/div>\r\n                                                <\/div>\r\n\r\n                                                <a href=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/2025\/02\/23\/modular-construction-the-future-of-rapid-sustainable-building\/\" class=\"flex items-center gap-2 text-primary-amber hover:text-amber-700 transition-colors group\">\r\n                                                    <span>Read More<\/span>\r\n                                                    <svg class=\"w-4 h-4 transform group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\" \/>\r\n                                                    <\/svg>\r\n                                                <\/a>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                                            <div class=\"group fade-in-effect effect-2\">\r\n                                    <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-500 h-full flex flex-col\">\r\n                                        <!-- Featured Image -->\r\n                                        <div class=\"relative aspect-[16\/10] overflow-hidden\">\r\n                                            <div class=\"absolute z-10 top-4 right-4 backdrop-blur-md bg-white\/10 border border-white\/20 rounded-full pl-2 pr-3 py-1 flex items-center gap-2\">\r\n                                                <div class=\"flex items-center gap-2 text-sm text-white\">\r\n                                                    <span>2 min read<\/span>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                                                                            <img decoding=\"async\" width=\"640\" height=\"360\" src=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/c-dustin-91AQt9p4Mo8-unsplash-1-1024x576.jpg\" class=\"w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-700 wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/c-dustin-91AQt9p4Mo8-unsplash-1-1024x576.jpg 1024w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/c-dustin-91AQt9p4Mo8-unsplash-1-300x169.jpg 300w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/c-dustin-91AQt9p4Mo8-unsplash-1-768x432.jpg 768w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/c-dustin-91AQt9p4Mo8-unsplash-1.jpg 1200w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>                                                                                        <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n                                        <\/div>\r\n\r\n                                        <!-- Content -->\r\n                                        <div class=\"p-6 flex flex-col flex-1\">\r\n                                            <!-- Category & Date -->\r\n                                            <div class=\"flex items-center justify-between mb-4\">\r\n                                                <span class=\"px-3 py-1 bg-primary-10 text-primary-amber rounded-full text-sm font-medium\">\r\n                                                    Uncategorized                                                <\/span>\r\n                                                <div class=\"flex items-center gap-2 text-sm text-gray-500\">\r\n                                                    <span>February 23, 2025<\/span>\r\n                                                <\/div>\r\n                                            <\/div>\r\n\r\n                                            <!-- Title & Excerpt -->\r\n                                            <h3 class=\"text-xl font-bold text-gray-900 my-0 transition-colors flex-1\">\r\n                                                Biophilic Design in Modern Construction: Bringing Nature                                            <\/h3>\r\n                                            <p class=\"text-gray-600 mb-6 line-clamp-2\">\r\n                                                As urban environments continue to expand, the construction industry is witnessing a remarkable shift towards biophilic design \u2013 an approach that connects buildings with nature. This growing trend isn&#8217;t just about aesthetics; it&#8217;s revolutionizing how we think about human wellbeing in built environments. Understanding Biophilic Design Biophilic design integrates natural elements and experiences into modern [&hellip;]                                            <\/p>\r\n\r\n                                            <!-- Author Info -->\r\n                                            <div class=\"flex items-end justify-between pt-6 border-t border-gray-10  \">\r\n                                                <div class=\"flex items-center gap-3\">\r\n                                                    <img alt='' src='https:\/\/secure.gravatar.com\/avatar\/edf795bf182938c7130cc8e45de80f209a9c40e8835f94de20a3608bf2052400?s=40&#038;d=mm&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/edf795bf182938c7130cc8e45de80f209a9c40e8835f94de20a3608bf2052400?s=80&#038;d=mm&#038;r=g 2x' class='avatar avatar-40 photo w-10 h-10 rounded-full object-cover' height='40' width='40' \/>                                                    <div>\r\n                                                        <div class=\"font-medium text-gray-900\">admin<\/div>\r\n                                                        <div class=\"text-sm text-gray-500\"><\/div>\r\n                                                    <\/div>\r\n                                                <\/div>\r\n\r\n                                                <a href=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/2025\/02\/23\/biophilic-design-in-modern-construction-bringing-nature-indoors\/\" class=\"flex items-center gap-2 text-primary-amber hover:text-amber-700 transition-colors group\">\r\n                                                    <span>Read More<\/span>\r\n                                                    <svg class=\"w-4 h-4 transform group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\" \/>\r\n                                                    <\/svg>\r\n                                                <\/a>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                                            <div class=\"group fade-in-effect effect-3\">\r\n                                    <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-500 h-full flex flex-col\">\r\n                                        <!-- Featured Image -->\r\n                                        <div class=\"relative aspect-[16\/10] overflow-hidden\">\r\n                                            <div class=\"absolute z-10 top-4 right-4 backdrop-blur-md bg-white\/10 border border-white\/20 rounded-full pl-2 pr-3 py-1 flex items-center gap-2\">\r\n                                                <div class=\"flex items-center gap-2 text-sm text-white\">\r\n                                                    <span>1 min read<\/span>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                                                                            <img decoding=\"async\" width=\"640\" height=\"426\" src=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/josh-olalde-X1P1_EDNnok-unsplash-1-1024x682.jpg\" class=\"w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-700 wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/josh-olalde-X1P1_EDNnok-unsplash-1-1024x682.jpg 1024w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/josh-olalde-X1P1_EDNnok-unsplash-1-300x200.jpg 300w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/josh-olalde-X1P1_EDNnok-unsplash-1-768x512.jpg 768w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/josh-olalde-X1P1_EDNnok-unsplash-1.jpg 1400w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>                                                                                        <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n                                        <\/div>\r\n\r\n                                        <!-- Content -->\r\n                                        <div class=\"p-6 flex flex-col flex-1\">\r\n                                            <!-- Category & Date -->\r\n                                            <div class=\"flex items-center justify-between mb-4\">\r\n                                                <span class=\"px-3 py-1 bg-primary-10 text-primary-amber rounded-full text-sm font-medium\">\r\n                                                    Uncategorized                                                <\/span>\r\n                                                <div class=\"flex items-center gap-2 text-sm text-gray-500\">\r\n                                                    <span>February 23, 2025<\/span>\r\n                                                <\/div>\r\n                                            <\/div>\r\n\r\n                                            <!-- Title & Excerpt -->\r\n                                            <h3 class=\"text-xl font-bold text-gray-900 my-0 transition-colors flex-1\">\r\n                                                Smart Construction Technologies: Revolutionizing Building Sites                                            <\/h3>\r\n                                            <p class=\"text-gray-600 mb-6 line-clamp-2\">\r\n                                                In an era where digital transformation touches every industry, construction stands at the cusp of a technological revolution. As we progress through 2025, innovative technologies are reshaping how we build, transforming traditional construction sites into smart, connected environments that enhance efficiency, safety, and sustainability. The Digital Construction Site The modern construction site bears little resemblance [&hellip;]                                            <\/p>\r\n\r\n                                            <!-- Author Info -->\r\n                                            <div class=\"flex items-end justify-between pt-6 border-t border-gray-10  \">\r\n                                                <div class=\"flex items-center gap-3\">\r\n                                                    <img alt='' src='https:\/\/secure.gravatar.com\/avatar\/edf795bf182938c7130cc8e45de80f209a9c40e8835f94de20a3608bf2052400?s=40&#038;d=mm&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/edf795bf182938c7130cc8e45de80f209a9c40e8835f94de20a3608bf2052400?s=80&#038;d=mm&#038;r=g 2x' class='avatar avatar-40 photo w-10 h-10 rounded-full object-cover' height='40' width='40' \/>                                                    <div>\r\n                                                        <div class=\"font-medium text-gray-900\">admin<\/div>\r\n                                                        <div class=\"text-sm text-gray-500\"><\/div>\r\n                                                    <\/div>\r\n                                                <\/div>\r\n\r\n                                                <a href=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/2025\/02\/23\/smart-construction-technologies-revolutionizing-building-sites-in-2025\/\" class=\"flex items-center gap-2 text-primary-amber hover:text-amber-700 transition-colors group\">\r\n                                                    <span>Read More<\/span>\r\n                                                    <svg class=\"w-4 h-4 transform group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\" \/>\r\n                                                    <\/svg>\r\n                                                <\/a>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                                            <div class=\"group fade-in-effect effect-1\">\r\n                                    <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-500 h-full flex flex-col\">\r\n                                        <!-- Featured Image -->\r\n                                        <div class=\"relative aspect-[16\/10] overflow-hidden\">\r\n                                            <div class=\"absolute z-10 top-4 right-4 backdrop-blur-md bg-white\/10 border border-white\/20 rounded-full pl-2 pr-3 py-1 flex items-center gap-2\">\r\n                                                <div class=\"flex items-center gap-2 text-sm text-white\">\r\n                                                    <span>1 min read<\/span>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                                                                            <img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"427\" src=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/04\/sim-kimhort-o6pg3HXpR-Y-unsplash-1-1-1024x683.jpg\" class=\"w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-700 wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/04\/sim-kimhort-o6pg3HXpR-Y-unsplash-1-1-1024x683.jpg 1024w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/04\/sim-kimhort-o6pg3HXpR-Y-unsplash-1-1-300x200.jpg 300w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/04\/sim-kimhort-o6pg3HXpR-Y-unsplash-1-1-768x512.jpg 768w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/04\/sim-kimhort-o6pg3HXpR-Y-unsplash-1-1-1536x1024.jpg 1536w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/04\/sim-kimhort-o6pg3HXpR-Y-unsplash-1-1.jpg 1920w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>                                                                                        <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n                                        <\/div>\r\n\r\n                                        <!-- Content -->\r\n                                        <div class=\"p-6 flex flex-col flex-1\">\r\n                                            <!-- Category & Date -->\r\n                                            <div class=\"flex items-center justify-between mb-4\">\r\n                                                <span class=\"px-3 py-1 bg-primary-10 text-primary-amber rounded-full text-sm font-medium\">\r\n                                                    Uncategorized                                                <\/span>\r\n                                                <div class=\"flex items-center gap-2 text-sm text-gray-500\">\r\n                                                    <span>February 8, 2025<\/span>\r\n                                                <\/div>\r\n                                            <\/div>\r\n\r\n                                            <!-- Title & Excerpt -->\r\n                                            <h3 class=\"text-xl font-bold text-gray-900 my-0 transition-colors flex-1\">\r\n                                                The Future of Construction: Building Tomorrow&#8217;s World Today                                            <\/h3>\r\n                                            <p class=\"text-gray-600 mb-6 line-clamp-2\">\r\n                                                The construction industry is experiencing a revolutionary transformation, blending traditional craftsmanship with cutting-edge innovation.The integration of Building Information Modeling (BIM), digital twins, and augmented reality has transformed project planning and execution. Construction sites now operate with unprecedented precision, with real-time collaboration between architects, engineers, and builders through cloud-based platforms. Sustainable Building Practices Environmental consciousness has [&hellip;]                                            <\/p>\r\n\r\n                                            <!-- Author Info -->\r\n                                            <div class=\"flex items-end justify-between pt-6 border-t border-gray-10  \">\r\n                                                <div class=\"flex items-center gap-3\">\r\n                                                    <img alt='' src='https:\/\/secure.gravatar.com\/avatar\/edf795bf182938c7130cc8e45de80f209a9c40e8835f94de20a3608bf2052400?s=40&#038;d=mm&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/edf795bf182938c7130cc8e45de80f209a9c40e8835f94de20a3608bf2052400?s=80&#038;d=mm&#038;r=g 2x' class='avatar avatar-40 photo w-10 h-10 rounded-full object-cover' height='40' width='40' \/>                                                    <div>\r\n                                                        <div class=\"font-medium text-gray-900\">admin<\/div>\r\n                                                        <div class=\"text-sm text-gray-500\"><\/div>\r\n                                                    <\/div>\r\n                                                <\/div>\r\n\r\n                                                <a href=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/2025\/02\/08\/the-future-of-construction-building-tomorrows-world-today\/\" class=\"flex items-center gap-2 text-primary-amber hover:text-amber-700 transition-colors group\">\r\n                                                    <span>Read More<\/span>\r\n                                                    <svg class=\"w-4 h-4 transform group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\" \/>\r\n                                                    <\/svg>\r\n                                                <\/a>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                                            <div class=\"group fade-in-effect effect-2\">\r\n                                    <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-500 h-full flex flex-col\">\r\n                                        <!-- Featured Image -->\r\n                                        <div class=\"relative aspect-[16\/10] overflow-hidden\">\r\n                                            <div class=\"absolute z-10 top-4 right-4 backdrop-blur-md bg-white\/10 border border-white\/20 rounded-full pl-2 pr-3 py-1 flex items-center gap-2\">\r\n                                                <div class=\"flex items-center gap-2 text-sm text-white\">\r\n                                                    <span>1 min read<\/span>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                                                                            <img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"800\" src=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/victor-2PJMDIgK9EA-unsplash-1-819x1024.jpg\" class=\"w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-700 wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/victor-2PJMDIgK9EA-unsplash-1-819x1024.jpg 819w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/victor-2PJMDIgK9EA-unsplash-1-240x300.jpg 240w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/victor-2PJMDIgK9EA-unsplash-1-768x960.jpg 768w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/victor-2PJMDIgK9EA-unsplash-1-1229x1536.jpg 1229w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/victor-2PJMDIgK9EA-unsplash-1-1638x2048.jpg 1638w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/victor-2PJMDIgK9EA-unsplash-1.jpg 1920w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>                                                                                        <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n                                        <\/div>\r\n\r\n                                        <!-- Content -->\r\n                                        <div class=\"p-6 flex flex-col flex-1\">\r\n                                            <!-- Category & Date -->\r\n                                            <div class=\"flex items-center justify-between mb-4\">\r\n                                                <span class=\"px-3 py-1 bg-primary-10 text-primary-amber rounded-full text-sm font-medium\">\r\n                                                    Uncategorized                                                <\/span>\r\n                                                <div class=\"flex items-center gap-2 text-sm text-gray-500\">\r\n                                                    <span>February 8, 2025<\/span>\r\n                                                <\/div>\r\n                                            <\/div>\r\n\r\n                                            <!-- Title & Excerpt -->\r\n                                            <h3 class=\"text-xl font-bold text-gray-900 my-0 transition-colors flex-1\">\r\n                                                Urban Development Trends 2025, Technological innovations                                            <\/h3>\r\n                                            <p class=\"text-gray-600 mb-6 line-clamp-2\">\r\n                                                The urban landscape is undergoing a remarkable transformation as cities adapt to new social patterns, technological innovations, and environmental imperatives. 15-Minute Cities Gain Momentum The concept of &#8220;15-minute cities&#8221; has moved from theory to reality, with urban planners prioritizing neighborhood designs where residents can access essential services\u2014from groceries to healthcare\u2014within a short walk or bike [&hellip;]                                            <\/p>\r\n\r\n                                            <!-- Author Info -->\r\n                                            <div class=\"flex items-end justify-between pt-6 border-t border-gray-10  \">\r\n                                                <div class=\"flex items-center gap-3\">\r\n                                                    <img alt='' src='https:\/\/secure.gravatar.com\/avatar\/edf795bf182938c7130cc8e45de80f209a9c40e8835f94de20a3608bf2052400?s=40&#038;d=mm&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/edf795bf182938c7130cc8e45de80f209a9c40e8835f94de20a3608bf2052400?s=80&#038;d=mm&#038;r=g 2x' class='avatar avatar-40 photo w-10 h-10 rounded-full object-cover' height='40' width='40' \/>                                                    <div>\r\n                                                        <div class=\"font-medium text-gray-900\">admin<\/div>\r\n                                                        <div class=\"text-sm text-gray-500\"><\/div>\r\n                                                    <\/div>\r\n                                                <\/div>\r\n\r\n                                                <a href=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/2025\/02\/08\/urban-development-trends-2025\/\" class=\"flex items-center gap-2 text-primary-amber hover:text-amber-700 transition-colors group\">\r\n                                                    <span>Read More<\/span>\r\n                                                    <svg class=\"w-4 h-4 transform group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\" \/>\r\n                                                    <\/svg>\r\n                                                <\/a>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                                            <div class=\"group fade-in-effect effect-3\">\r\n                                    <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-500 h-full flex flex-col\">\r\n                                        <!-- Featured Image -->\r\n                                        <div class=\"relative aspect-[16\/10] overflow-hidden\">\r\n                                            <div class=\"absolute z-10 top-4 right-4 backdrop-blur-md bg-white\/10 border border-white\/20 rounded-full pl-2 pr-3 py-1 flex items-center gap-2\">\r\n                                                <div class=\"flex items-center gap-2 text-sm text-white\">\r\n                                                    <span>1 min read<\/span>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                                                                            <img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"960\" src=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/ashkan-forouzani-v31lgBn5114-unsplash-scaled-1-683x1024.jpg\" class=\"w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-700 wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/ashkan-forouzani-v31lgBn5114-unsplash-scaled-1-683x1024.jpg 683w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/ashkan-forouzani-v31lgBn5114-unsplash-scaled-1-200x300.jpg 200w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/ashkan-forouzani-v31lgBn5114-unsplash-scaled-1-768x1152.jpg 768w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/ashkan-forouzani-v31lgBn5114-unsplash-scaled-1-1024x1536.jpg 1024w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/ashkan-forouzani-v31lgBn5114-unsplash-scaled-1-1366x2048.jpg 1366w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/ashkan-forouzani-v31lgBn5114-unsplash-scaled-1.jpg 1707w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>                                                                                        <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n                                        <\/div>\r\n\r\n                                        <!-- Content -->\r\n                                        <div class=\"p-6 flex flex-col flex-1\">\r\n                                            <!-- Category & Date -->\r\n                                            <div class=\"flex items-center justify-between mb-4\">\r\n                                                <span class=\"px-3 py-1 bg-primary-10 text-primary-amber rounded-full text-sm font-medium\">\r\n                                                    Uncategorized                                                <\/span>\r\n                                                <div class=\"flex items-center gap-2 text-sm text-gray-500\">\r\n                                                    <span>February 8, 2025<\/span>\r\n                                                <\/div>\r\n                                            <\/div>\r\n\r\n                                            <!-- Title & Excerpt -->\r\n                                            <h3 class=\"text-xl font-bold text-gray-900 my-0 transition-colors flex-1\">\r\n                                                Sustainable Construction: Building for Tomorrow&#8217;s Generation                                            <\/h3>\r\n                                            <p class=\"text-gray-600 mb-6 line-clamp-2\">\r\n                                                The construction industry stands at a pivotal moment in history, where the decisions we make today will echo through generations. Sustainable construction isn&#8217;t just a trend\u2014it&#8217;s a fundamental shift in how we approach building for the future. The Evolution of Sustainable Construction Over the past decade, sustainable construction has evolved from a niche consideration to [&hellip;]                                            <\/p>\r\n\r\n                                            <!-- Author Info -->\r\n                                            <div class=\"flex items-end justify-between pt-6 border-t border-gray-10  \">\r\n                                                <div class=\"flex items-center gap-3\">\r\n                                                    <img alt='' src='https:\/\/secure.gravatar.com\/avatar\/edf795bf182938c7130cc8e45de80f209a9c40e8835f94de20a3608bf2052400?s=40&#038;d=mm&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/edf795bf182938c7130cc8e45de80f209a9c40e8835f94de20a3608bf2052400?s=80&#038;d=mm&#038;r=g 2x' class='avatar avatar-40 photo w-10 h-10 rounded-full object-cover' height='40' width='40' \/>                                                    <div>\r\n                                                        <div class=\"font-medium text-gray-900\">admin<\/div>\r\n                                                        <div class=\"text-sm text-gray-500\"><\/div>\r\n                                                    <\/div>\r\n                                                <\/div>\r\n\r\n                                                <a href=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/2025\/02\/08\/sustainable-construction-building-for-tomorrows-generation\/\" class=\"flex items-center gap-2 text-primary-amber hover:text-amber-700 transition-colors group\">\r\n                                                    <span>Read More<\/span>\r\n                                                    <svg class=\"w-4 h-4 transform group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\" \/>\r\n                                                    <\/svg>\r\n                                                <\/a>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                                    <\/div>\r\n\r\n                                                    <!-- Pagination -->\r\n                            <div class=\"w-full mx-auto mt-8 pb-24 fade-in-effect effect-1\">\r\n                                <div class=\"relative\">\r\n                                    <div class=\"absolute inset-0 bg-gradient-to-r from-amber-50\/50 to-purple-50\/50 backdrop-blur-xl rounded-2xl\"><\/div>\r\n                                    <div class=\"relative bg-white\/40 backdrop-blur-xl border border-white\/20 rounded-2xl p-6 shadow-xl shadow-black\/5\">\r\n                                        <div class=\"flex flex-col md:flex-row items-center justify-between gap-6 w-full\">\r\n                                            \r\n        <!-- Results Per Page -->\r\n        <div class=\"flex items-center gap-3\">\r\n            <span class=\"text-sm text-gray-500\">Display: <\/span>\r\n            <div class=\"relative group\">\r\n                6 Blogs\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Pagination Controls -->\r\n        <div class=\"flex items-center gap-2\">\r\n            <!-- Previous Button -->\r\n            \r\n            <!-- Page Numbers -->\r\n            <div class=\"flex items-center gap-2\">\r\n                                    <a href=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-json\/wp\/v2\/pages\/135\/\"\r\n                        class=\"w-10 h-10 rounded-xl flex items-center justify-center font-medium bg-gradient-to-r bg-primary-amber text-white shadow-lg shadow-amber-500\/25\">\r\n                        1                    <\/a>\r\n                                        <a href=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-json\/wp\/v2\/pages\/135\/page\/2\/\"\r\n                        class=\"w-10 h-10 rounded-xl flex items-center justify-center font-medium bg-white\/50 border border-gray-100 text-gray-600 hover:text-gray-900 hover:border-transparent hover:shadow-lg hover:shadow-amber-500\/20 transition-all duration-300\">\r\n                        2                    <\/a>\r\n                                <\/div>\r\n\r\n            <!-- Next Button -->\r\n                            <a href=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-json\/wp\/v2\/pages\/135\/page\/2\/\" class=\"group relative px-4 py-2.5 rounded-xl bg-white\/50 border border-gray-100 font-medium text-gray-600 hover:text-gray-900 hover:border-transparent hover:shadow-lg hover:shadow-amber-500\/20 transition-all duration-300\">\r\n                    <div class=\"flex items-center gap-2\">\r\n                        <span>Next<\/span>\r\n                        <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"><\/path>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/a>\r\n                    <\/div>\r\n\r\n        <!-- Page Info with Progress Bar -->\r\n        <div class=\"hidden lg:flex items-center gap-3\">\r\n            <div class=\"h-1.5 w-20 bg-gray-100 rounded-full overflow-hidden\">\r\n                <div class=\"h-full bg-gradient-to-r bg-primary-amber rounded-full\" style=\"width: 50%\"><\/div>\r\n            <\/div>\r\n            <span class=\"text-sm text-gray-500\">\r\n                Page <span class=\"font-medium text-gray-900\">1<\/span> of <span class=\"font-medium text-gray-900\">2<\/span>\r\n            <\/span>\r\n        <\/div>\r\n\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>2 min read Uncategorized February 23, 2025 Modular Construction: The Future of Rapid, Sustainable Building In an era where speed, efficiency, and sustainability are paramount, modular construction is emerging as a game-changing approach to building. This innovative construction method, which involves manufacturing building components in controlled factory environments before on-site assembly, is revolutionizing how we [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1114,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-135","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-json\/wp\/v2\/pages\/135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-json\/wp\/v2\/comments?post=135"}],"version-history":[{"count":0,"href":"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-json\/wp\/v2\/pages\/135\/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=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}