{"id":675,"date":"2025-04-28T06:21:06","date_gmt":"2025-04-28T06:21:06","guid":{"rendered":"http:\/\/conbloc.local\/?page_id=675"},"modified":"2025-05-14T07:38:26","modified_gmt":"2025-05-14T07:38:26","slug":"conbloc-blog","status":"publish","type":"page","link":"https:\/\/conbloc.bdd.services\/id\/conbloc-blog\/","title":{"rendered":"conbloc blog"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"675\" class=\"elementor elementor-675\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d33b3c5 e-con-full e-flex e-con e-parent\" data-id=\"d33b3c5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee37511 elementor-widget elementor-widget-featured_article\" data-id=\"ee37511\" data-element_type=\"widget\" data-widget_type=\"featured_article.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        \n        <style>\n            @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');\n            .article-section .article-slider {\n                position: relative;\n                width: 100%;\n                height: 680px;\n                overflow: hidden;\n            }\n\n            .article-section .swiper-slide {\n                background-size: cover;\n                background-position: center;\n                position: relative;\n                color: #fff;\n                display: flex;\n                align-items: flex-end;\n                padding: 2rem;\n            }\n\n            .article-section .item-content-box {\n                padding: 0;\n                position: absolute;\n                left: 32px;\n                right: 32px;\n                bottom: 64px;\n            }\n\n            .article-section .badge {\n                background: #15803d;\n                padding: 0.3rem 0.8rem;\n                border-radius: 6px;\n                font-weight: bold;\n                margin-bottom: 1rem;\n                display: inline-block;\n            }\n\n            .article-section .category {\n                display: block;\n                padding: 6px 12px;\n                background: #D1ECF1;\n                border-radius: 24px;\n                font-family: 'Plus Jakarta Sans';\n                font-weight: 500;\n                font-size: 14px;\n                line-height: 20px;\n                color: #17A2B8;\n                text-align: center;\n                width: fit-content;\n                margin-right: 0;\n                margin-left: auto;\n            }\n\n            .article-section .author {\n                font-family: 'Plus Jakarta Sans';\n                font-weight: 500;\n                font-size: 18px;\n                line-height: 24px;\n                color: #FFFFFF;\n                display: flex;\n                justify-content: flex-end;\n                align-items: center;\n                gap: 8px;\n            }\n\n            .article-section .author img{\n                max-width: 32px;\n                border-radius: 50%;\n            }\n\n            .article-section .author p {\n                margin: 0;\n            }\n\n            .article-section .article-featured-item::before {\n                content: \"\";\n                position: absolute;\n                inset: 0;\n                width: 100%;\n                height: 100%;\n                background: #00000045;\n            }\n\n            .article-section .badge {\n                position: absolute;\n                top: 32px;\n                left: 32px;\n                padding: 8px 20px;\n                background: #0F6F3B;\n                border-radius: 10px;\n                font-family: 'Plus Jakarta Sans';\n                font-weight: 600;\n                font-size: 16px;\n                line-height: 24px;\n                color: #FFFFFF;\n            }\n\n            .article-section .content {\n                max-width: 50%;\n            }\n\n            .article-section .content h2 {\n                font-family: 'Tomorrow';\n                font-style: normal;\n                font-weight: 400;\n                font-size: 48px;\n                line-height: 56px;\n                color: #FFFFFF;\n                margin-top: 0;\n                margin-bottom: 16px;\n            }\n\n            .article-section .content p {\n                font-family: \"Helvetica Neue\", Sans-serif;\n                font-style: normal;\n                \/* font-weight: 500; *\/\n                font-size: 16px;\n                line-height: 24px;\n                color: #FFFFFF;\n                margin: 0;\n            }\n\n            .article-section .content-author {\n                position: absolute;\n                right: 32px;\n                top: inherit;\n                bottom: 40px;\n            }\n\n            .article-section .content-author .meta {\n                text-align: right;\n                display: flex;\n                flex-direction: column;\n                gap: 8px;\n            }\n\n            .article-section .content-author .time {\n                font-family: 'Plus Jakarta Sans';\n                font-weight: 400;\n                font-size: 16px;\n                line-height: 24px;\n                color: #FFFFFF;\n                display: flex;\n                align-items: center;\n                gap: 16px;\n            }\n\n            .article-section dots {\n                width: 4px;\n                height: 4px;\n                background: #FFFFFF;\n                border-radius: 50%;\n            }\n\n            .article-section .swiper-pagination.featured-article {\n                bottom: 40px;\n                left: 32px;\n                right: 0;\n                width: fit-content;\n                display: flex;\n                align-items: center;\n                gap: 8px;\n            }\n\n            .article-section .swiper-pagination.featured-article .swiper-pagination-bullet {\n                margin: 0;\n                width: 24px;\n                height: 8px;\n                border-radius: 12px;\n                background-color: rgb(255 255 255 \/ 99%);\n                transition: .3 ease-in-out;\n            }\n\n            .article-section .swiper-pagination.featured-article .swiper-pagination-bullet.swiper-pagination-bullet-active {\n                background-color: white;\n            }\n            @media only screen and (max-width: 750px) {\n                .article-section .badge {\n                    top: 16px;\n                    left: 16px;\n                }\n                .article-section .item-content-box {\n                    left: 16px;\n                    right: 16px;\n                    top: 104px;\n                    bottom: auto;\n                }\n                .article-section .content {\n                    max-width: 100%;\n                }\n                .article-section .content h2 {\n                    font-size: 32px;\n                    line-height: normal;\n                }\n                .article-section .swiper-pagination.featured-article {\n                    display: none;\n                }\n                .article-section .content-author {\n                    right: 16px;\n                    bottom: 16px;\n                }\n            }\n        <\/style>\n\n                                <div class=\"article-section\">\n                <div class=\"article-slider swiper\">\n                    <div class=\"swiper-wrapper\">\n                                                <div class=\"swiper-slide article-featured-item\" style=\"background-image: url('https:\/\/conbloc.bdd.services\/wp-content\/uploads\/2025\/04\/image-1.jpg')\">\n                            <div class=\"badge\">Featured<\/div>\n                            <div class=\"item-content-box\">\n                                <div class=\"content\">\n                                    <h2>Interior Design: A Comprehensive Guide to Creating Beautiful Spaces<\/h2>\n                                    <p>Featured Interior Design: A Comprehensive Guide to Creating Beautiful Spaces Featured Interior Design: A Comprehensive Guide to Creating Beautiful Spaces...<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"content-author\">\n                                <div class=\"meta\">\n                                    <span class=\"category\">Berita &amp; Tren Industri<\/span>\n                                    <span class=\"author\">\n                                        <img alt='' src='https:\/\/secure.gravatar.com\/avatar\/91e4fc64ca0d38bff6f99ca885d325cb80c804ea159aca9ff4fe60bf6e377b4f?s=32&#038;d=mm&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/91e4fc64ca0d38bff6f99ca885d325cb80c804ea159aca9ff4fe60bf6e377b4f?s=64&#038;d=mm&#038;r=g 2x' class='avatar avatar-32 photo' height='32' width='32' \/>                                        <p>\n                                            by <span class=\"author-name\">admin<\/span>\n                                        <\/p>\n                                    <\/span>\n                                    <span class=\"time\">April 28, 2025<dots><\/dots>3 Mins Reading<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                                <div class=\"swiper-slide article-featured-item\" style=\"background-image: url('https:\/\/conbloc.bdd.services\/wp-content\/uploads\/2025\/04\/image-67.png')\">\n                            <div class=\"badge\">Featured<\/div>\n                            <div class=\"item-content-box\">\n                                <div class=\"content\">\n                                    <h2>Growing a Construction Business with Conbloc<\/h2>\n                                    <p>Featured Interior Design: A Comprehensive Guide to Creating Beautiful Spaces Featured Interior Design: A Comprehensive Guide to Creating Beautiful Spaces...<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"content-author\">\n                                <div class=\"meta\">\n                                    <span class=\"category\">Aksesoris<\/span>\n                                    <span class=\"author\">\n                                        <img alt='' src='https:\/\/secure.gravatar.com\/avatar\/91e4fc64ca0d38bff6f99ca885d325cb80c804ea159aca9ff4fe60bf6e377b4f?s=32&#038;d=mm&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/91e4fc64ca0d38bff6f99ca885d325cb80c804ea159aca9ff4fe60bf6e377b4f?s=64&#038;d=mm&#038;r=g 2x' class='avatar avatar-32 photo' height='32' width='32' \/>                                        <p>\n                                            by <span class=\"author-name\">admin<\/span>\n                                        <\/p>\n                                    <\/span>\n                                    <span class=\"time\">April 28, 2025<dots><\/dots>3 Mins Reading<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <\/div>\n                    <div class=\"swiper-pagination featured-article\"><\/div>\n                <\/div>\n            <\/div>\n\n            <script>\n                document.addEventListener('DOMContentLoaded', function () {\n                    new Swiper('.article-slider', {\n                        loop: true,\n                        \/\/ autoplay: {\n                        \/\/     delay: 5000,\n                        \/\/     disableOnInteraction: false,\n                        \/\/ },\n                        pagination: {\n                            el: '.swiper-pagination',\n                            clickable: true,\n                        },\n                        effect: 'slide'\n                    });\n                });\n            <\/script>\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-255750f e-con-full e-flex e-con e-parent\" data-id=\"255750f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-894810b elementor-widget elementor-widget-heading\" data-id=\"894810b\" 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\">Artikel Terbaru<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a2c72d0 elementor-widget elementor-widget-text-editor\" data-id=\"a2c72d0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Jelajahi berbagai blog dan informasi terbaru dari kami.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-648a40b elementor-widget elementor-widget-article with category\" data-id=\"648a40b\" data-element_type=\"widget\" data-widget_type=\"article with category.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <!-- <article class=\"article-news-item\">\n            <div class=\"article-news-image\">\n                <a href=\"https:\/\/conbloc.bdd.services\/id\/growing-a-construction-business-with-conbloc-2\/\">\n                    <img decoding=\"async\" src=\"https:\/\/conbloc.bdd.services\/wp-content\/uploads\/2025\/04\/image-67.png\" alt=\"Growing a Construction Business with Conbloc\">\n                <\/a>\n            <\/div>\n            <div class=\"article-news-category\">\n            <span class=\"category-name\">Aksesoris<\/span> <span class=\"category-name\">Berita &amp; Tren Industri<\/span>             <\/div>\n            <div class=\"article-news-content\">\n                <h3 class=\"awc-item-title\">Growing a Construction Business with Conbloc<\/h3>\n                <p><\/p>\n            <\/div>\n            <div class=\"article-news-date\">\n                <span>18 April 2025<\/span>\n            <\/div>\n        <\/article> -->\n        <div class=\"article-with-category\">\n            <div class=\"awc-wrapper\">\n                \n                <div class=\"awc-category-filter\">\n                                            <button class=\"article-tab-btn active\" data-category=\"\">\n                            Semua                        <\/button>\n                                            <button class=\"article-tab-btn\" data-category=\"aksesoris\">\n                            Aksesoris                        <\/button>\n                                            <button class=\"article-tab-btn\" data-category=\"berita-tren-industri\">\n                            Berita &amp; Tren Industri                        <\/button>\n                                            <button class=\"article-tab-btn\" data-category=\"info-produk\">\n                            Info Produk                        <\/button>\n                                            <button class=\"article-tab-btn\" data-category=\"project-studi-kasus\">\n                            Project &amp; Studi Kasus                        <\/button>\n                                            <button class=\"article-tab-btn\" data-category=\"tips-trik\">\n                            Tips &amp; Trik                        <\/button>\n                                    <\/div>\n    \n                <div class=\"awc-article-list-wrapper\">\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <script>\n            document.addEventListener('DOMContentLoaded', function() {\n                const container = document.querySelector('.awc-article-list-wrapper');\n                const tabButtons = document.querySelectorAll('.article-tab-btn');\n                let currentCategory = '';\n                let currentPage = ''\n\n                function fetchGallery(category = '', page = 1, pagination = false) {\n                    currentCategory = category\n\n                    if(pagination){\n                        let container_article = document.querySelector('.awc-article-list');\n                        container_article.innerHTML = '<div><\/div><div class=\"text-center my-5\">Loading articles...<\/div><div><\/div>';\n                    }\n                    else{\n                        container.innerHTML = '<div class=\"text-center my-5\">Loading articles...<\/div>';\n                    }\n\n                    const data = new URLSearchParams();\n                    data.append('action', 'load_awc');\n                    data.append('cat', category);\n                    data.append('page', page);\n                    data.append('_ajax_nonce', '3c19f24376');\n                    \n                    fetch('https:\/\/conbloc.bdd.services\/wp-admin\/admin-ajax.php', {\n                        method: 'POST',\n                        body: data\n                    })\n                    .then(res => res.text())\n                    .then(html => {\n                        container.innerHTML = html;\n                        container.querySelectorAll('.awc-article-pagination a').forEach(link => {\n                            link.addEventListener('click', function(e) {\n                                e.preventDefault();\n                                const newPage = parseInt(this.getAttribute('data-page'));\n                                fetchGallery(currentCategory, newPage, true);\n                            });\n                        });\n\n                    })\n                    .catch(err => {\n                        container.innerHTML = '<div class=\"text-danger\">Failed to load articles.<\/div>';\n                    });\n                }\n\n                tabButtons.forEach(btn => {\n                    btn.addEventListener('click', function() {\n                        tabButtons.forEach(b => b.classList.remove('active'));\n                        this.classList.add('active');\n\n                        const categorySlug = this.getAttribute('data-category');\n                        fetchGallery(categorySlug);\n                        console.log(categorySlug)\n                    });\n                });\n                \n                fetchGallery();\n            });\n        <\/script>\n\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-2f6c7a0a e-con-full e-flex e-con e-parent\" data-id=\"2f6c7a0a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75f69070 elementor-widget elementor-widget-shortcode\" data-id=\"75f69070\" 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\"><section class=\"ig-behold container-fluid\">\n    <h5 class=\"ig-subtitle\">INSTAGRAM POST<\/h5>\n    <h2 class=\"faq-title\">Temukan Proyek Terbaru Kami di Instagram!<\/h2>\n    <div class=\"behold-gallery-grid\">\n            <\/div>\n<\/section>\n\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<\/div>","protected":false},"excerpt":{"rendered":"<p>Featured Interior Design: A Comprehensive Guide to Creating Beautiful Spaces Featured Interior Design: A Comprehensive Guide to Creating Beautiful Spaces Featured Interior Design: A Comprehensive Guide to Creating Beautiful Spaces&#8230; Berita &amp; Tren Industri by admin April 28, 20253 Mins Reading Featured Growing a Construction Business with Conbloc Featured Interior Design: A Comprehensive Guide to [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-675","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/conbloc.bdd.services\/id\/wp-json\/wp\/v2\/pages\/675","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/conbloc.bdd.services\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/conbloc.bdd.services\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/conbloc.bdd.services\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/conbloc.bdd.services\/id\/wp-json\/wp\/v2\/comments?post=675"}],"version-history":[{"count":22,"href":"https:\/\/conbloc.bdd.services\/id\/wp-json\/wp\/v2\/pages\/675\/revisions"}],"predecessor-version":[{"id":932,"href":"https:\/\/conbloc.bdd.services\/id\/wp-json\/wp\/v2\/pages\/675\/revisions\/932"}],"wp:attachment":[{"href":"https:\/\/conbloc.bdd.services\/id\/wp-json\/wp\/v2\/media?parent=675"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}