Available Concepts to Support | CBS Thinking Center<\/title>\n <meta name=\"description\" content=\"Daftar konsep CBS Thinking Center yang tersedia untuk didukung, dikolaborasikan, atau diterapkan secara gratis oleh komunitas, sekolah, lembaga, dan mitra.\" \/>\n\n <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/aos@2.3.4\/dist\/aos.css\" \/>\n\n <style>\n :root {\n --primary: #0f3d3e;\n --dark: #071f20;\n --accent: #d9a441;\n --bg: #f7f5ef;\n --text: #1f2933;\n --muted: #6b7280;\n --white: #ffffff;\n --border: #e5e7eb;\n --shadow: 0 18px 50px rgba(0,0,0,.10);\n --radius: 22px;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: Arial, Helvetica, sans-serif;\n background: var(--bg);\n color: var(--text);\n line-height: 1.65;\n overflow-x: hidden;\n }\n\n html body a,\n html body a:link,\n html body a:visited,\n html body a:hover,\n html body a:active,\n html body a:focus,\n html body .elementor a,\n html body .entry-content a,\n html body .site a,\n html body .wp-block a,\n html body .concept-card a,\n html body .concept-actions a,\n html body .nav-links a,\n html body .footer a,\n html body .btn,\n html body .btn-primary,\n html body .btn-outline {\n color: inherit;\n text-decoration: none !important;\n border-bottom: none !important;\n box-shadow: none !important;\n outline: none !important;\n background-image: none !important;\n -webkit-text-decoration: none !important;\n }\n\n html body a::before,\n html body a::after,\n html body .btn::before,\n html body .btn::after {\n text-decoration: none !important;\n border-bottom: none !important;\n box-shadow: none !important;\n background-image: none !important;\n }\n\n .container {\n width: min(1120px, 92%);\n margin: 0 auto;\n }\n\n .navbar {\n position: sticky;\n top: 0;\n z-index: 50;\n background: rgba(255,255,255,.92);\n backdrop-filter: blur(14px);\n border-bottom: 1px solid var(--border);\n }\n\n .nav-inner {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 15px 0;\n gap: 20px;\n }\n\n .brand {\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 900;\n color: var(--primary);\n font-size: 20px;\n }\n\n .brand img {\n height: 42px;\n width: auto;\n display: block;\n }\n\n .nav-right {\n display: flex;\n align-items: center;\n gap: 16px;\n }\n\n .nav-links {\n display: flex;\n gap: 22px;\n align-items: center;\n font-size: 14px;\n color: var(--muted);\n }\n\n .nav-links a:hover {\n color: var(--primary);\n }\n\n .lang-switch {\n display: flex;\n gap: 6px;\n padding: 4px;\n border: 1px solid var(--border);\n border-radius: 999px;\n background: #fff;\n }\n\n .lang-btn {\n border: none;\n background: transparent;\n padding: 7px 10px;\n border-radius: 999px;\n cursor: pointer;\n font-weight: 800;\n font-size: 12px;\n color: var(--muted);\n }\n\n .lang-btn.active {\n background: var(--primary);\n color: #fff;\n }\n\n .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 13px 20px;\n border-radius: 999px;\n font-weight: 800;\n border: 1px solid transparent;\n transition: .25s ease;\n cursor: pointer;\n text-align: center;\n white-space: nowrap;\n }\n\n .btn-primary {\n background: var(--accent);\n color: #1f1604 !important;\n box-shadow: 0 12px 28px rgba(217,164,65,.25) !important;\n }\n\n .btn-primary:hover {\n transform: translateY(-2px);\n filter: brightness(.96);\n }\n\n .btn-outline {\n border-color: rgba(15,61,62,.24);\n color: var(--primary) !important;\n background: rgba(255,255,255,.70);\n }\n\n .btn-outline:hover {\n background: var(--white);\n transform: translateY(-2px);\n box-shadow: var(--shadow) !important;\n }\n\n .hero {\n position: relative;\n isolation: isolate;\n overflow: hidden;\n color: var(--white);\n padding: 96px 0 78px;\n background:\n radial-gradient(circle at 15% 18%, rgba(217,164,65,.28), transparent 28%),\n radial-gradient(circle at 90% 25%, rgba(255,255,255,.12), transparent 28%),\n linear-gradient(135deg, var(--primary), var(--dark));\n }\n\n .hero::before {\n content: \"\";\n position: absolute;\n width: 360px;\n height: 360px;\n border: 1px solid rgba(255,255,255,.15);\n border-radius: 999px;\n right: -130px;\n top: 80px;\n z-index: -1;\n animation: floaty 8s ease-in-out infinite;\n }\n\n @keyframes floaty {\n 0%,100% { transform: translateY(0) rotate(0); }\n 50% { transform: translateY(-18px) rotate(5deg); }\n }\n\n .hero-grid {\n display: grid;\n grid-template-columns: 1.08fr .92fr;\n gap: 46px;\n align-items: center;\n }\n\n .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 12px;\n border-radius: 999px;\n background: rgba(255,255,255,.09);\n border: 1px solid rgba(255,255,255,.13);\n color: #f4d48b;\n font-size: 13px;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 16px;\n }\n\n .eyebrow::before {\n content: \"\";\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--accent);\n box-shadow: 0 0 0 6px rgba(217,164,65,.15);\n }\n\n h1 {\n font-size: clamp(40px, 5vw, 66px);\n line-height: 1.02;\n letter-spacing: -2px;\n margin-bottom: 22px;\n }\n\n .hero p {\n font-size: 19px;\n color: rgba(255,255,255,.84);\n max-width: 700px;\n margin-bottom: 30px;\n }\n\n .hero-card {\n padding: 28px;\n border-radius: 30px;\n background: rgba(255,255,255,.10);\n border: 1px solid rgba(255,255,255,.18);\n backdrop-filter: blur(14px);\n box-shadow: 0 30px 70px rgba(0,0,0,.22);\n }\n\n .hero-card h3 {\n font-size: 24px;\n margin-bottom: 16px;\n }\n\n .hero-list {\n list-style: none;\n display: grid;\n gap: 12px;\n }\n\n .hero-list li {\n padding: 14px 16px;\n border-radius: 16px;\n background: rgba(255,255,255,.10);\n border: 1px solid rgba(255,255,255,.12);\n color: rgba(255,255,255,.82);\n }\n\n section {\n padding: 78px 0;\n }\n\n .section-title {\n max-width: 820px;\n margin-bottom: 32px;\n }\n\n .section-title.center {\n text-align: center;\n margin-left: auto;\n margin-right: auto;\n }\n\n .section-title h2 {\n font-size: clamp(30px, 4vw, 44px);\n line-height: 1.12;\n letter-spacing: -.8px;\n color: var(--dark);\n margin-bottom: 14px;\n }\n\n .section-title p {\n font-size: 18px;\n color: var(--muted);\n }\n\n .filters {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-bottom: 28px;\n justify-content: center;\n }\n\n .filter-btn {\n border: 1px solid var(--border);\n background: var(--white);\n color: var(--muted);\n padding: 10px 14px;\n border-radius: 999px;\n font-weight: 800;\n cursor: pointer;\n transition: .2s ease;\n }\n\n .filter-btn.active,\n .filter-btn:hover {\n background: var(--primary);\n color: var(--white);\n border-color: var(--primary);\n }\n\n .concept-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 20px;\n width: 100%;\n align-items: stretch;\n }\n\n .concept-card {\n background: rgba(255,255,255,.95);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n box-shadow: 0 8px 26px rgba(0,0,0,.045);\n padding: 26px;\n display: flex;\n flex-direction: column;\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n transition: .25s ease;\n }\n\n .concept-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--shadow);\n }\n\n .concept-top {\n display: flex;\n justify-content: space-between;\n gap: 12px;\n align-items: flex-start;\n margin-bottom: 14px;\n }\n\n .tag {\n display: inline-block;\n padding: 6px 10px;\n border-radius: 999px;\n background: #efe9da;\n color: var(--primary);\n font-size: 12px;\n font-weight: 900;\n text-transform: uppercase;\n }\n\n .status {\n display: inline-block;\n padding: 6px 10px;\n border-radius: 999px;\n background: #fff8e6;\n color: #6b4a06;\n font-size: 12px;\n font-weight: 900;\n text-transform: uppercase;\n white-space: nowrap;\n }\n\n .free-status {\n background: #e8f3ef;\n color: var(--primary);\n }\n\n .concept-card h3 {\n color: var(--primary);\n font-size: 24px;\n line-height: 1.18;\n margin-bottom: 10px;\n }\n\n .concept-card p {\n color: var(--muted);\n margin-bottom: 16px;\n }\n\n .concept-meta {\n display: grid;\n gap: 8px;\n margin-top: 4px;\n margin-bottom: 20px;\n font-size: 14px;\n color: var(--muted);\n }\n\n .concept-meta span {\n display: block;\n padding-left: 24px;\n position: relative;\n }\n\n .concept-meta span::before {\n content: \"\u2713\";\n position: absolute;\n left: 0;\n top: 0;\n color: var(--primary);\n font-weight: 900;\n }\n\n .concept-actions {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-top: auto;\n }\n\n .footer {\n background: #071f20;\n color: rgba(255,255,255,.74);\n padding: 36px 0;\n font-size: 14px;\n }\n\n .footer-grid {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 22px;\n flex-wrap: wrap;\n }\n\n .footer-brand {\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .footer-brand img {\n height: 42px;\n width: auto;\n display: block;\n }\n\n .footer strong {\n color: var(--white);\n }\n\n .footer-right {\n text-align: right;\n max-width: 560px;\n line-height: 1.55;\n }\n\n .legal-note {\n font-size: 12px;\n color: rgba(255,255,255,.56);\n margin-top: 6px;\n line-height: 1.5;\n }\n\n @media(max-width: 980px) {\n .hero-grid,\n .concept-grid {\n grid-template-columns: 1fr;\n }\n\n .nav-links {\n display: none;\n }\n\n .hero {\n padding: 74px 0 58px;\n }\n\n h1 {\n letter-spacing: -1.3px;\n }\n\n .footer-grid {\n align-items: flex-start;\n }\n\n .footer-right {\n text-align: left;\n max-width: 100%;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n <header class=\"navbar\">\n <div class=\"container nav-inner\">\n <a href=\"\/\" class=\"brand\">\n <img decoding=\"async\" src=\"https:\/\/cbs.or.id\/idee\/wp-content\/uploads\/2026\/05\/logoCBS.png\" alt=\"CBS Logo\" \/>\n <span data-i18n=\"brand\">Available Concepts<\/span>\n <\/a>\n\n <div class=\"nav-right\">\n <nav class=\"nav-links\">\n <a href=\"https:\/\/cbs.or.id\/thinking\/\" data-i18n=\"nav_thinking\">Thinking Center<\/a>\n <a href=\"https:\/\/cbs.or.id\/collaborate\/\" data-i18n=\"nav_collaborate\">Collaborate<\/a>\n <a href=\"#concepts\" class=\"btn btn-primary\" data-i18n=\"nav_explore\">Explore Concepts<\/a>\n <\/nav>\n\n <div class=\"lang-switch\">\n <button class=\"lang-btn active\" onclick=\"setLang('id')\" id=\"btn-id\">ID<\/button>\n <button class=\"lang-btn\" onclick=\"setLang('en')\" id=\"btn-en\">EN<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n <main>\n <section class=\"hero\">\n <div class=\"container hero-grid\" data-aos=\"fade-up\" data-aos-duration=\"1000\">\n <div>\n <div class=\"eyebrow\">CBS Thinking Center<\/div>\n <h1 data-i18n=\"hero_title\">Konsep yang tersedia untuk didukung, diterapkan, atau dikembangkan bersama.<\/h1>\n <p data-i18n=\"hero_desc\">\n Halaman ini berisi ringkasan konsep yang sedang dikembangkan oleh CBS Thinking Center. Beberapa konsep terbuka untuk diterapkan secara gratis, sementara konsep lain tersedia untuk didukung, diuji, atau dikolaborasikan bersama mitra.\n <\/p>\n <a href=\"#concepts\" class=\"btn btn-primary\" data-i18n=\"hero_cta\">Lihat Daftar Konsep<\/a>\n <\/div>\n\n <div class=\"hero-card\" data-aos=\"zoom-in\" data-aos-delay=\"180\">\n <h3 data-i18n=\"how_title\">Cara menggunakan halaman ini<\/h3>\n <ul class=\"hero-list\">\n <li data-i18n=\"how_1\">Pilih konsep yang relevan dengan komunitas, sekolah, lembaga, atau organisasi Anda.<\/li>\n <li data-i18n=\"how_2\">Baca overview singkat tanpa membuka detail teknis konsep.<\/li>\n <li data-i18n=\"how_3\">Hubungi CBS melalui CTA WhatsApp pada masing-masing card.<\/li>\n <li data-i18n=\"how_4\">Untuk konsep tertentu seperti LCI, detail dapat diakses di landing page khusus.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"concepts\">\n <div class=\"container\">\n <div class=\"section-title center\" data-aos=\"fade-up\">\n <h2 data-i18n=\"catalog_title\">Concept Catalog<\/h2>\n <p data-i18n=\"catalog_desc\">\n Ini bukan katalog produk jadi. Ini adalah daftar konsep yang dapat didukung, diuji, diterapkan, atau dikembangkan bersama sesuai kebutuhan dan konteks lapangan.\n <\/p>\n <\/div>\n\n <div class=\"filters\" id=\"filters\"><\/div>\n <div class=\"concept-grid\" id=\"conceptGrid\"><\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <footer class=\"footer\" data-aos=\"fade-up\">\n <div class=\"container footer-grid\">\n <div class=\"footer-brand\">\n <img decoding=\"async\" src=\"https:\/\/cbs.or.id\/idee\/wp-content\/uploads\/2026\/05\/logoCBS.png\" alt=\"CBS Logo\" \/>\n <div>\n <strong>CBS Thinking Center<\/strong><br \/>\n <span data-i18n=\"footer_tagline\">Available Concepts to Support<\/span>\n <\/div>\n <\/div>\n\n <div class=\"footer-right\">\n <div>\u00a9 2026 CBS Foundation. All rights reserved.<\/div>\n <div class=\"legal-note\" data-i18n=\"legal_note\">\n CBS Thinking Center berfokus pada pendidikan, inovasi sosial, konsep terbuka, program percontohan, dan kolaborasi komunitas. Platform ini tidak menyediakan produk investasi atau skema imbal hasil finansial.\n <\/div>\n <\/div>\n <\/div>\n <\/footer>\n\n <script src=\"https:\/\/unpkg.com\/aos@2.3.4\/dist\/aos.js\"><\/script>\n\n <script>\n const WHATSAPP_NUMBER = \"62817772112\";\n let currentLang = localStorage.getItem(\"cbsIdeeLang\") || \"id\";\n let currentCategory = \"All\";\n\n const translations = {\n id: {\n brand: \"Available Concepts\",\n nav_thinking: \"Thinking Center\",\n nav_collaborate: \"Collaborate\",\n nav_explore: \"Lihat Konsep\",\n hero_title: \"Konsep yang tersedia untuk didukung, diterapkan, atau dikembangkan bersama.\",\n hero_desc: \"Halaman ini berisi ringkasan konsep yang sedang dikembangkan oleh CBS Thinking Center. Beberapa konsep terbuka untuk diterapkan secara gratis, sementara konsep lain tersedia untuk didukung, diuji, atau dikolaborasikan bersama mitra.\",\n hero_cta: \"Lihat Daftar Konsep\",\n how_title: \"Cara menggunakan halaman ini\",\n how_1: \"Pilih konsep yang relevan dengan komunitas, sekolah, lembaga, atau organisasi Anda.\",\n how_2: \"Baca overview singkat tanpa membuka detail teknis konsep.\",\n how_3: \"Hubungi CBS melalui CTA WhatsApp pada masing-masing card.\",\n how_4: \"Untuk konsep tertentu seperti LCI, detail dapat diakses di landing page khusus.\",\n catalog_title: \"Concept Catalog\",\n catalog_desc: \"Ini bukan katalog produk jadi. Ini adalah daftar konsep yang dapat didukung, diuji, diterapkan, atau dikembangkan bersama sesuai kebutuhan dan konteks lapangan.\",\n footer_tagline: \"Available Concepts to Support\",\n legal_note: \"CBS Thinking Center berfokus pada pendidikan, inovasi sosial, konsep terbuka, program percontohan, dan kolaborasi komunitas. Platform ini tidak menyediakan produk investasi atau skema imbal hasil finansial.\",\n all: \"Semua\",\n suitableFor: \"Cocok untuk\",\n supportType: \"Bentuk dukungan\",\n output: \"Output awal\"\n },\n en: {\n brand: \"Available Concepts\",\n nav_thinking: \"Thinking Center\",\n nav_collaborate: \"Collaborate\",\n nav_explore: \"Explore Concepts\",\n hero_title: \"Available concepts to support, apply, or develop together.\",\n hero_desc: \"This page contains brief overviews of concepts currently developed by CBS Thinking Center. Some concepts are open to be applied for free, while others are available for support, pilot testing, or collaboration with partners.\",\n hero_cta: \"Explore Concepts\",\n how_title: \"How to use this page\",\n how_1: \"Choose a concept that is relevant to your community, school, institution, or organization.\",\n how_2: \"Read the brief overview without accessing the full technical concept.\",\n how_3: \"Contact CBS through the WhatsApp CTA on each concept card.\",\n how_4: \"For selected concepts such as LCI, more details are available on a dedicated landing page.\",\n catalog_title: \"Concept Catalog\",\n catalog_desc: \"This is not a finished product catalog. It is a list of concepts that can be supported, tested, applied, or developed together based on field needs and context.\",\n footer_tagline: \"Available Concepts to Support\",\n legal_note: \"CBS Thinking Center focuses on education, social innovation, open concepts, pilot programs, and community collaboration. It does not provide investment products or financial return schemes.\",\n all: \"All\",\n suitableFor: \"Suitable for\",\n supportType: \"Support type\",\n output: \"Initial output\"\n }\n };\n\n const concepts = [\n {\n id: \"lci\",\n title: {\n id: \"LCI \u2013 Learning Concept Initiative\",\n en: \"LCI \u2013 Learning Concept Initiative\"\n },\n category: \"Open Concept\",\n status: {\n id: \"Free to Apply\",\n en: \"Free to Apply\"\n },\n statusClass: \"free-status\",\n overview: {\n id: \"Konsep terbuka untuk membantu sekolah, komunitas, atau lembaga menjalankan kegiatan pembelajaran praktis berbasis isu nyata di sekitar peserta.\",\n en: \"An open concept to help schools, communities, or institutions run practical learning activities based on real issues around participants.\"\n },\n suitableFor: {\n id: \"Sekolah, komunitas, lembaga pendidikan, fasilitator\",\n en: \"Schools, communities, educational institutions, facilitators\"\n },\n supportType: {\n id: \"Dapat diterapkan gratis dengan atribusi CBS\",\n en: \"Can be applied for free with CBS attribution\"\n },\n output: {\n id: \"Panduan konsep, alur kegiatan, dan contoh implementasi\",\n en: \"Concept guide, activity flow, and implementation examples\"\n },\n detailUrl: \"\/idee\/lci\/\",\n ctaType: \"detail\",\n ctaText: {\n id: \"Lihat Detail Konsep LCI\",\n en: \"View LCI Concept Details\"\n },\n secondaryCtaText: {\n id: \"Tanya Implementasi via WA\",\n en: \"Ask Implementation via WhatsApp\"\n },\n secondaryWaMessage: {\n id: \"Halo CBS, saya tertarik menerapkan konsep LCI secara gratis. Mohon info cara penggunaannya.\",\n en: \"Hello CBS, I am interested in applying the LCI concept for free. Please share more information.\"\n }\n },\n {\n id: \"worship-hygiene-patch\",\n title: {\n id: \"Worship Hygiene Patch\",\n en: \"Worship Hygiene Patch\"\n },\n category: \"Product Validation\",\n status: {\n id: \"Need Support\",\n en: \"Need Support\"\n },\n overview: {\n id: \"Konsep produk higienitas pribadi non-medis untuk membantu pengguna merasa lebih yakin terhadap kebersihan pakaian sebelum ibadah.\",\n en: \"A non-medical personal hygiene product concept to help users feel more confident about clothing cleanliness before worship.\"\n },\n suitableFor: {\n id: \"Komunitas muslim, masjid, lembaga pendidikan Islam, early users\",\n en: \"Muslim communities, mosques, Islamic schools, early users\"\n },\n supportType: {\n id: \"Dukungan prototype, validasi pengguna, dan uji pasar awal\",\n en: \"Prototype support, user validation, and early market testing\"\n },\n output: {\n id: \"Prototype awal, feedback pengguna, dan model distribusi komunitas\",\n en: \"Initial prototype, user feedback, and community distribution model\"\n },\n ctaType: \"wa\",\n ctaText: {\n id: \"Saya tertarik dukung konsep patch\",\n en: \"I am interested in supporting this patch concept\"\n },\n waMessage: {\n id: \"Halo CBS, saya tertarik mendukung atau berdiskusi tentang konsep Worship Hygiene Patch. Mohon info lanjut.\",\n en: \"Hello CBS, I am interested in supporting or discussing the Worship Hygiene Patch concept. Please share more information.\"\n }\n },\n {\n id: \"school-practical-ethics\",\n title: {\n id: \"School Practical Ethics Module\",\n en: \"School Practical Ethics Module\"\n },\n category: \"Open Concept\",\n status: {\n id: \"Open for Pilot\",\n en: \"Open for Pilot\"\n },\n overview: {\n id: \"Konsep modul ringan untuk membantu sekolah menjalankan diskusi praktis tentang tanggung jawab, empati, kebersihan, dan kesadaran sosial.\",\n en: \"A lightweight module concept to help schools run practical discussions on responsibility, empathy, hygiene, and social awareness.\"\n },\n suitableFor: {\n id: \"Sekolah, guru, komunitas pendidikan, yayasan pendidikan\",\n en: \"Schools, teachers, education communities, education foundations\"\n },\n supportType: {\n id: \"Pilot implementation dan penyempurnaan modul\",\n en: \"Pilot implementation and module refinement\"\n },\n output: {\n id: \"Modul kegiatan, panduan fasilitator, dan dokumentasi pilot\",\n en: \"Activity module, facilitator guide, and pilot documentation\"\n },\n ctaType: \"wa\",\n ctaText: {\n id: \"Saya ingin pilot konsep sekolah\",\n en: \"I want to pilot this school concept\"\n },\n waMessage: {\n id: \"Halo CBS, saya tertarik melakukan pilot konsep School Practical Ethics Module. Mohon info lanjut.\",\n en: \"Hello CBS, I am interested in piloting the School Practical Ethics Module concept. Please share more information.\"\n }\n },\n {\n id: \"legal-literacy-community\",\n title: {\n id: \"Community Legal Literacy\",\n en: \"Community Legal Literacy\"\n },\n category: \"Pilot Program\",\n status: {\n id: \"Open Collaboration\",\n en: \"Open Collaboration\"\n },\n overview: {\n id: \"Konsep program literasi hukum praktis untuk membantu komunitas memahami dokumen dasar, risiko organisasi, dan langkah hukum sederhana.\",\n en: \"A practical legal literacy program concept to help communities understand basic documents, organizational risks, and simple legal steps.\"\n },\n suitableFor: {\n id: \"Komunitas, yayasan, UMKM, organisasi masyarakat\",\n en: \"Communities, foundations, MSMEs, civil society organizations\"\n },\n supportType: {\n id: \"Kolaborasi pelatihan, pilot komunitas, atau dukungan trainer\",\n en: \"Training collaboration, community pilot, or trainer support\"\n },\n output: {\n id: \"Pilot training, modul dasar, dan evaluasi peserta\",\n en: \"Pilot training, basic module, and participant evaluation\"\n },\n ctaType: \"wa\",\n ctaText: {\n id: \"Diskusi konsep literasi hukum\",\n en: \"Discuss the legal literacy concept\"\n },\n waMessage: {\n id: \"Halo CBS, saya ingin berdiskusi tentang konsep Community Legal Literacy untuk komunitas atau organisasi. Mohon info lanjut.\",\n en: \"Hello CBS, I would like to discuss the Community Legal Literacy concept for a community or organization. Please share more information.\"\n }\n },\n {\n id: \"umkm-tax-practical\",\n title: {\n id: \"UMKM Tax Practical Program\",\n en: \"MSME Tax Practical Program\"\n },\n category: \"Learning Product\",\n status: {\n id: \"Ready to Collaborate\",\n en: \"Ready to Collaborate\"\n },\n overview: {\n id: \"Konsep program pelatihan pajak UMKM berbasis praktik, mentoring terjadwal, CBT, dan sertifikat terverifikasi untuk komunitas pelaku usaha.\",\n en: \"A practical MSME tax training concept with scheduled mentoring, CBT, and verified certificates for business communities.\"\n },\n suitableFor: {\n id: \"Komunitas UMKM, koperasi, asosiasi, lembaga pendamping usaha\",\n en: \"MSME communities, cooperatives, associations, business support organizations\"\n },\n supportType: {\n id: \"Kolaborasi batch, co-branding, atau implementasi komunitas\",\n en: \"Batch collaboration, co-branding, or community implementation\"\n },\n output: {\n id: \"Materi, Q&A terjadwal, CBT, dan rekap evaluasi peserta\",\n en: \"Materials, scheduled Q&A, CBT, and participant evaluation recap\"\n },\n ctaType: \"wa\",\n ctaText: {\n id: \"Saya ingin kolaborasi Pajak UMKM\",\n en: \"I want to collaborate on MSME Tax\"\n },\n waMessage: {\n id: \"Halo CBS, saya tertarik kolaborasi untuk UMKM Tax Practical Program. Mohon info batch atau kerja samanya.\",\n en: \"Hello CBS, I am interested in collaborating on the MSME Tax Practical Program. Please share batch or partnership information.\"\n }\n },\n {\n id: \"pkkpr-mastery\",\n title: {\n id: \"PKKPR Mastery Program\",\n en: \"PKKPR Mastery Program\"\n },\n category: \"Learning Product\",\n status: {\n id: \"Concept Packaging\",\n en: \"Concept Packaging\"\n },\n overview: {\n id: \"Konsep program sertifikasi praktis berbasis sistem evaluasi untuk pelatihan PKKPR, dengan alur pre-learning, pre-test, mid-test, post-test, dan sertifikat.\",\n en: \"A practical certification concept for PKKPR training supported by an assessment system: pre-learning, pre-test, mid-test, post-test, and certificate.\"\n },\n suitableFor: {\n id: \"Konsultan, komunitas properti, lembaga pelatihan, praktisi perizinan\",\n en: \"Consultants, property communities, training institutions, licensing practitioners\"\n },\n supportType: {\n id: \"Kolaborasi trainer, penyelenggara batch, atau sistem assessment\",\n en: \"Trainer collaboration, batch organizer, or assessment system support\"\n },\n output: {\n id: \"Flow pelatihan, assessment system, dan sertifikat berbasis evaluasi\",\n en: \"Training flow, assessment system, and evaluation-based certificate\"\n },\n ctaType: \"wa\",\n ctaText: {\n id: \"Bahas konsep PKKPR Mastery\",\n en: \"Discuss PKKPR Mastery concept\"\n },\n waMessage: {\n id: \"Halo CBS, saya tertarik membahas konsep PKKPR Mastery Program dan kemungkinan kolaborasinya.\",\n en: \"Hello CBS, I am interested in discussing the PKKPR Mastery Program concept and potential collaboration.\"\n }\n }\n ];\n\n function t(key) {\n return translations[currentLang][key] || key;\n }\n\n function translateStaticText() {\n document.documentElement.lang = currentLang;\n\n document.querySelectorAll(\"[data-i18n]\").forEach(el => {\n const key = el.getAttribute(\"data-i18n\");\n if (translations[currentLang][key]) {\n el.textContent = translations[currentLang][key];\n }\n });\n\n document.getElementById(\"btn-id\").classList.toggle(\"active\", currentLang === \"id\");\n document.getElementById(\"btn-en\").classList.toggle(\"active\", currentLang === \"en\");\n }\n\n function makeWaUrl(message) {\n return `https:\/\/wa.me\/${WHATSAPP_NUMBER}?text=${encodeURIComponent(message)}`;\n }\n\n function getCategories() {\n return [\"All\", ...new Set(concepts.map(item => item.category))];\n }\n\n function renderFilters(active = \"All\") {\n const filtersEl = document.getElementById(\"filters\");\n const categories = getCategories();\n\n filtersEl.innerHTML = categories.map(category => {\n const label = category === \"All\" ? t(\"all\") : category;\n\n return `\n <button class=\"filter-btn ${category === active ? \"active\" : \"\"}\" onclick=\"renderConcepts('${category}')\">\n ${label}\n <\/button>\n `;\n }).join(\"\");\n }\n\n function renderConcepts(category = \"All\") {\n currentCategory = category;\n renderFilters(category);\n\n const gridEl = document.getElementById(\"conceptGrid\");\n const visibleConcepts = category === \"All\"\n ? concepts\n : concepts.filter(item => item.category === category);\n\n gridEl.innerHTML = visibleConcepts.map(item => {\n const action = item.ctaType === \"detail\"\n ? `<a class=\"btn btn-primary\" href=\"${item.detailUrl}\">${item.ctaText[currentLang]}<\/a>`\n : `<a class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\" href=\"${makeWaUrl(item.waMessage[currentLang])}\">${item.ctaText[currentLang]}<\/a>`;\n\n const secondaryAction = item.ctaType === \"detail\"\n ? `<a class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\" href=\"${makeWaUrl(item.secondaryWaMessage[currentLang])}\">${item.secondaryCtaText[currentLang]}<\/a>`\n : \"\";\n\n return `\n <article class=\"concept-card\" data-aos=\"fade-up\" data-aos-duration=\"900\">\n <div class=\"concept-top\">\n <span class=\"tag\">${item.category}<\/span>\n <span class=\"status ${item.statusClass || \"\"}\">${item.status[currentLang]}<\/span>\n <\/div>\n\n <h3>${item.title[currentLang]}<\/h3>\n <p>${item.overview[currentLang]}<\/p>\n\n <div class=\"concept-meta\">\n <span><strong>${t(\"suitableFor\")}:<\/strong> ${item.suitableFor[currentLang]}<\/span>\n <span><strong>${t(\"supportType\")}:<\/strong> ${item.supportType[currentLang]}<\/span>\n <span><strong>${t(\"output\")}:<\/strong> ${item.output[currentLang]}<\/span>\n <\/div>\n\n <div class=\"concept-actions\">\n ${action}\n ${secondaryAction}\n <\/div>\n <\/article>\n `;\n }).join(\"\");\n\n if (typeof AOS !== \"undefined\") {\n AOS.refreshHard();\n }\n }\n\n function setLang(lang) {\n currentLang = lang;\n localStorage.setItem(\"cbsIdeeLang\", lang);\n translateStaticText();\n renderConcepts(currentCategory);\n }\n\n document.addEventListener(\"DOMContentLoaded\", function () {\n translateStaticText();\n renderConcepts();\n\n if (typeof AOS !== \"undefined\") {\n AOS.init({\n once: true,\n duration: 900,\n easing: \"ease-out-cubic\",\n offset: 80\n });\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Available Concepts to Support | CBS Thinking Center Available Concepts Thinking Center Collaborate Explore Concepts ID EN CBS Thinking Center Konsep yang tersedia untuk didukung, diterapkan, atau dikembangkan bersama. Halaman ini berisi ringkasan konsep yang sedang dikembangkan oleh CBS Thinking Center. Beberapa konsep terbuka untuk diterapkan secara gratis, sementara konsep lain tersedia untuk didukung, diuji, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-25","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cbs.or.id\/idee\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cbs.or.id\/idee\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cbs.or.id\/idee\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cbs.or.id\/idee\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cbs.or.id\/idee\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":2,"href":"https:\/\/cbs.or.id\/idee\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/cbs.or.id\/idee\/wp-json\/wp\/v2\/pages\/25\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/cbs.or.id\/idee\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":25,"date":"2026-05-12T17:55:17","date_gmt":"2026-05-12T10:55:17","guid":{"rendered":"https:\/\/cbs.or.id\/idee\/?page_id=25"},"modified":"2026-05-12T18:02:15","modified_gmt":"2026-05-12T11:02:15","slug":"25-2","status":"publish","type":"page","link":"https:\/\/cbs.or.id\/idee\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n\n Available Concepts to Support | CBS Thinking Center<\/title>\n <meta name=\"description\" content=\"Daftar konsep CBS Thinking Center yang tersedia untuk didukung, dikolaborasikan, atau diterapkan secara gratis oleh komunitas, sekolah, lembaga, dan mitra.\" \/>\n\n <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/aos@2.3.4\/dist\/aos.css\" \/>\n\n <style>\n :root {\n --primary: #0f3d3e;\n --dark: #071f20;\n --accent: #d9a441;\n --bg: #f7f5ef;\n --text: #1f2933;\n --muted: #6b7280;\n --white: #ffffff;\n --border: #e5e7eb;\n --shadow: 0 18px 50px rgba(0,0,0,.10);\n --radius: 22px;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: Arial, Helvetica, sans-serif;\n background: var(--bg);\n color: var(--text);\n line-height: 1.65;\n overflow-x: hidden;\n }\n\n html body a,\n html body a:link,\n html body a:visited,\n html body a:hover,\n html body a:active,\n html body a:focus,\n html body .elementor a,\n html body .entry-content a,\n html body .site a,\n html body .wp-block a,\n html body .concept-card a,\n html body .concept-actions a,\n html body .nav-links a,\n html body .footer a,\n html body .btn,\n html body .btn-primary,\n html body .btn-outline {\n color: inherit;\n text-decoration: none !important;\n border-bottom: none !important;\n box-shadow: none !important;\n outline: none !important;\n background-image: none !important;\n -webkit-text-decoration: none !important;\n }\n\n html body a::before,\n html body a::after,\n html body .btn::before,\n html body .btn::after {\n text-decoration: none !important;\n border-bottom: none !important;\n box-shadow: none !important;\n background-image: none !important;\n }\n\n .container {\n width: min(1120px, 92%);\n margin: 0 auto;\n }\n\n .navbar {\n position: sticky;\n top: 0;\n z-index: 50;\n background: rgba(255,255,255,.92);\n backdrop-filter: blur(14px);\n border-bottom: 1px solid var(--border);\n }\n\n .nav-inner {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 15px 0;\n gap: 20px;\n }\n\n .brand {\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 900;\n color: var(--primary);\n font-size: 20px;\n }\n\n .brand img {\n height: 42px;\n width: auto;\n display: block;\n }\n\n .nav-right {\n display: flex;\n align-items: center;\n gap: 16px;\n }\n\n .nav-links {\n display: flex;\n gap: 22px;\n align-items: center;\n font-size: 14px;\n color: var(--muted);\n }\n\n .nav-links a:hover {\n color: var(--primary);\n }\n\n .lang-switch {\n display: flex;\n gap: 6px;\n padding: 4px;\n border: 1px solid var(--border);\n border-radius: 999px;\n background: #fff;\n }\n\n .lang-btn {\n border: none;\n background: transparent;\n padding: 7px 10px;\n border-radius: 999px;\n cursor: pointer;\n font-weight: 800;\n font-size: 12px;\n color: var(--muted);\n }\n\n .lang-btn.active {\n background: var(--primary);\n color: #fff;\n }\n\n .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 13px 20px;\n border-radius: 999px;\n font-weight: 800;\n border: 1px solid transparent;\n transition: .25s ease;\n cursor: pointer;\n text-align: center;\n white-space: nowrap;\n }\n\n .btn-primary {\n background: var(--accent);\n color: #1f1604 !important;\n box-shadow: 0 12px 28px rgba(217,164,65,.25) !important;\n }\n\n .btn-primary:hover {\n transform: translateY(-2px);\n filter: brightness(.96);\n }\n\n .btn-outline {\n border-color: rgba(15,61,62,.24);\n color: var(--primary) !important;\n background: rgba(255,255,255,.70);\n }\n\n .btn-outline:hover {\n background: var(--white);\n transform: translateY(-2px);\n box-shadow: var(--shadow) !important;\n }\n\n .hero {\n position: relative;\n isolation: isolate;\n overflow: hidden;\n color: var(--white);\n padding: 96px 0 78px;\n background:\n radial-gradient(circle at 15% 18%, rgba(217,164,65,.28), transparent 28%),\n radial-gradient(circle at 90% 25%, rgba(255,255,255,.12), transparent 28%),\n linear-gradient(135deg, var(--primary), var(--dark));\n }\n\n .hero::before {\n content: \"\";\n position: absolute;\n width: 360px;\n height: 360px;\n border: 1px solid rgba(255,255,255,.15);\n border-radius: 999px;\n right: -130px;\n top: 80px;\n z-index: -1;\n animation: floaty 8s ease-in-out infinite;\n }\n\n @keyframes floaty {\n 0%,100% { transform: translateY(0) rotate(0); }\n 50% { transform: translateY(-18px) rotate(5deg); }\n }\n\n .hero-grid {\n display: grid;\n grid-template-columns: 1.08fr .92fr;\n gap: 46px;\n align-items: center;\n }\n\n .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 12px;\n border-radius: 999px;\n background: rgba(255,255,255,.09);\n border: 1px solid rgba(255,255,255,.13);\n color: #f4d48b;\n font-size: 13px;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 16px;\n }\n\n .eyebrow::before {\n content: \"\";\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--accent);\n box-shadow: 0 0 0 6px rgba(217,164,65,.15);\n }\n\n h1 {\n font-size: clamp(40px, 5vw, 66px);\n line-height: 1.02;\n letter-spacing: -2px;\n margin-bottom: 22px;\n }\n\n .hero p {\n font-size: 19px;\n color: rgba(255,255,255,.84);\n max-width: 700px;\n margin-bottom: 30px;\n }\n\n .hero-card {\n padding: 28px;\n border-radius: 30px;\n background: rgba(255,255,255,.10);\n border: 1px solid rgba(255,255,255,.18);\n backdrop-filter: blur(14px);\n box-shadow: 0 30px 70px rgba(0,0,0,.22);\n }\n\n .hero-card h3 {\n font-size: 24px;\n margin-bottom: 16px;\n }\n\n .hero-list {\n list-style: none;\n display: grid;\n gap: 12px;\n }\n\n .hero-list li {\n padding: 14px 16px;\n border-radius: 16px;\n background: rgba(255,255,255,.10);\n border: 1px solid rgba(255,255,255,.12);\n color: rgba(255,255,255,.82);\n }\n\n section {\n padding: 78px 0;\n }\n\n .section-title {\n max-width: 820px;\n margin-bottom: 32px;\n }\n\n .section-title.center {\n text-align: center;\n margin-left: auto;\n margin-right: auto;\n }\n\n .section-title h2 {\n font-size: clamp(30px, 4vw, 44px);\n line-height: 1.12;\n letter-spacing: -.8px;\n color: var(--dark);\n margin-bottom: 14px;\n }\n\n .section-title p {\n font-size: 18px;\n color: var(--muted);\n }\n\n .filters {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-bottom: 28px;\n justify-content: center;\n }\n\n .filter-btn {\n border: 1px solid var(--border);\n background: var(--white);\n color: var(--muted);\n padding: 10px 14px;\n border-radius: 999px;\n font-weight: 800;\n cursor: pointer;\n transition: .2s ease;\n }\n\n .filter-btn.active,\n .filter-btn:hover {\n background: var(--primary);\n color: var(--white);\n border-color: var(--primary);\n }\n\n .concept-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 20px;\n width: 100%;\n align-items: stretch;\n }\n\n .concept-card {\n background: rgba(255,255,255,.95);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n box-shadow: 0 8px 26px rgba(0,0,0,.045);\n padding: 26px;\n display: flex;\n flex-direction: column;\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n transition: .25s ease;\n }\n\n .concept-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--shadow);\n }\n\n .concept-top {\n display: flex;\n justify-content: space-between;\n gap: 12px;\n align-items: flex-start;\n margin-bottom: 14px;\n }\n\n .tag {\n display: inline-block;\n padding: 6px 10px;\n border-radius: 999px;\n background: #efe9da;\n color: var(--primary);\n font-size: 12px;\n font-weight: 900;\n text-transform: uppercase;\n }\n\n .status {\n display: inline-block;\n padding: 6px 10px;\n border-radius: 999px;\n background: #fff8e6;\n color: #6b4a06;\n font-size: 12px;\n font-weight: 900;\n text-transform: uppercase;\n white-space: nowrap;\n }\n\n .free-status {\n background: #e8f3ef;\n color: var(--primary);\n }\n\n .concept-card h3 {\n color: var(--primary);\n font-size: 24px;\n line-height: 1.18;\n margin-bottom: 10px;\n }\n\n .concept-card p {\n color: var(--muted);\n margin-bottom: 16px;\n }\n\n .concept-meta {\n display: grid;\n gap: 8px;\n margin-top: 4px;\n margin-bottom: 20px;\n font-size: 14px;\n color: var(--muted);\n }\n\n .concept-meta span {\n display: block;\n padding-left: 24px;\n position: relative;\n }\n\n .concept-meta span::before {\n content: \"\u2713\";\n position: absolute;\n left: 0;\n top: 0;\n color: var(--primary);\n font-weight: 900;\n }\n\n .concept-actions {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-top: auto;\n }\n\n .footer {\n background: #071f20;\n color: rgba(255,255,255,.74);\n padding: 36px 0;\n font-size: 14px;\n }\n\n .footer-grid {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 22px;\n flex-wrap: wrap;\n }\n\n .footer-brand {\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .footer-brand img {\n height: 42px;\n width: auto;\n display: block;\n }\n\n .footer strong {\n color: var(--white);\n }\n\n .footer-right {\n text-align: right;\n max-width: 560px;\n line-height: 1.55;\n }\n\n .legal-note {\n font-size: 12px;\n color: rgba(255,255,255,.56);\n margin-top: 6px;\n line-height: 1.5;\n }\n\n @media(max-width: 980px) {\n .hero-grid,\n .concept-grid {\n grid-template-columns: 1fr;\n }\n\n .nav-links {\n display: none;\n }\n\n .hero {\n padding: 74px 0 58px;\n }\n\n h1 {\n letter-spacing: -1.3px;\n }\n\n .footer-grid {\n align-items: flex-start;\n }\n\n .footer-right {\n text-align: left;\n max-width: 100%;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n <header class=\"navbar\">\n <div class=\"container nav-inner\">\n <a href=\"\/\" class=\"brand\">\n <img decoding=\"async\" src=\"https:\/\/cbs.or.id\/idee\/wp-content\/uploads\/2026\/05\/logoCBS.png\" alt=\"CBS Logo\" \/>\n <span data-i18n=\"brand\">Available Concepts<\/span>\n <\/a>\n\n <div class=\"nav-right\">\n <nav class=\"nav-links\">\n <a href=\"https:\/\/cbs.or.id\/thinking\/\" data-i18n=\"nav_thinking\">Thinking Center<\/a>\n <a href=\"https:\/\/cbs.or.id\/collaborate\/\" data-i18n=\"nav_collaborate\">Collaborate<\/a>\n <a href=\"#concepts\" class=\"btn btn-primary\" data-i18n=\"nav_explore\">Explore Concepts<\/a>\n <\/nav>\n\n <div class=\"lang-switch\">\n <button class=\"lang-btn active\" onclick=\"setLang('id')\" id=\"btn-id\">ID<\/button>\n <button class=\"lang-btn\" onclick=\"setLang('en')\" id=\"btn-en\">EN<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n <main>\n <section class=\"hero\">\n <div class=\"container hero-grid\" data-aos=\"fade-up\" data-aos-duration=\"1000\">\n <div>\n <div class=\"eyebrow\">CBS Thinking Center<\/div>\n <h1 data-i18n=\"hero_title\">Konsep yang tersedia untuk didukung, diterapkan, atau dikembangkan bersama.<\/h1>\n <p data-i18n=\"hero_desc\">\n Halaman ini berisi ringkasan konsep yang sedang dikembangkan oleh CBS Thinking Center. Beberapa konsep terbuka untuk diterapkan secara gratis, sementara konsep lain tersedia untuk didukung, diuji, atau dikolaborasikan bersama mitra.\n <\/p>\n <a href=\"#concepts\" class=\"btn btn-primary\" data-i18n=\"hero_cta\">Lihat Daftar Konsep<\/a>\n <\/div>\n\n <div class=\"hero-card\" data-aos=\"zoom-in\" data-aos-delay=\"180\">\n <h3 data-i18n=\"how_title\">Cara menggunakan halaman ini<\/h3>\n <ul class=\"hero-list\">\n <li data-i18n=\"how_1\">Pilih konsep yang relevan dengan komunitas, sekolah, lembaga, atau organisasi Anda.<\/li>\n <li data-i18n=\"how_2\">Baca overview singkat tanpa membuka detail teknis konsep.<\/li>\n <li data-i18n=\"how_3\">Hubungi CBS melalui CTA WhatsApp pada masing-masing card.<\/li>\n <li data-i18n=\"how_4\">Untuk konsep tertentu seperti LCI, detail dapat diakses di landing page khusus.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"concepts\">\n <div class=\"container\">\n <div class=\"section-title center\" data-aos=\"fade-up\">\n <h2 data-i18n=\"catalog_title\">Concept Catalog<\/h2>\n <p data-i18n=\"catalog_desc\">\n Ini bukan katalog produk jadi. Ini adalah daftar konsep yang dapat didukung, diuji, diterapkan, atau dikembangkan bersama sesuai kebutuhan dan konteks lapangan.\n <\/p>\n <\/div>\n\n <div class=\"filters\" id=\"filters\"><\/div>\n <div class=\"concept-grid\" id=\"conceptGrid\"><\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <footer class=\"footer\" data-aos=\"fade-up\">\n <div class=\"container footer-grid\">\n <div class=\"footer-brand\">\n <img decoding=\"async\" src=\"https:\/\/cbs.or.id\/idee\/wp-content\/uploads\/2026\/05\/logoCBS.png\" alt=\"CBS Logo\" \/>\n <div>\n <strong>CBS Thinking Center<\/strong><br \/>\n <span data-i18n=\"footer_tagline\">Available Concepts to Support<\/span>\n <\/div>\n <\/div>\n\n <div class=\"footer-right\">\n <div>\u00a9 2026 CBS Foundation. All rights reserved.<\/div>\n <div class=\"legal-note\" data-i18n=\"legal_note\">\n CBS Thinking Center berfokus pada pendidikan, inovasi sosial, konsep terbuka, program percontohan, dan kolaborasi komunitas. Platform ini tidak menyediakan produk investasi atau skema imbal hasil finansial.\n <\/div>\n <\/div>\n <\/div>\n <\/footer>\n\n <script src=\"https:\/\/unpkg.com\/aos@2.3.4\/dist\/aos.js\"><\/script>\n\n <script>\n const WHATSAPP_NUMBER = \"62817772112\";\n let currentLang = localStorage.getItem(\"cbsIdeeLang\") || \"id\";\n let currentCategory = \"All\";\n\n const translations = {\n id: {\n brand: \"Available Concepts\",\n nav_thinking: \"Thinking Center\",\n nav_collaborate: \"Collaborate\",\n nav_explore: \"Lihat Konsep\",\n hero_title: \"Konsep yang tersedia untuk didukung, diterapkan, atau dikembangkan bersama.\",\n hero_desc: \"Halaman ini berisi ringkasan konsep yang sedang dikembangkan oleh CBS Thinking Center. Beberapa konsep terbuka untuk diterapkan secara gratis, sementara konsep lain tersedia untuk didukung, diuji, atau dikolaborasikan bersama mitra.\",\n hero_cta: \"Lihat Daftar Konsep\",\n how_title: \"Cara menggunakan halaman ini\",\n how_1: \"Pilih konsep yang relevan dengan komunitas, sekolah, lembaga, atau organisasi Anda.\",\n how_2: \"Baca overview singkat tanpa membuka detail teknis konsep.\",\n how_3: \"Hubungi CBS melalui CTA WhatsApp pada masing-masing card.\",\n how_4: \"Untuk konsep tertentu seperti LCI, detail dapat diakses di landing page khusus.\",\n catalog_title: \"Concept Catalog\",\n catalog_desc: \"Ini bukan katalog produk jadi. Ini adalah daftar konsep yang dapat didukung, diuji, diterapkan, atau dikembangkan bersama sesuai kebutuhan dan konteks lapangan.\",\n footer_tagline: \"Available Concepts to Support\",\n legal_note: \"CBS Thinking Center berfokus pada pendidikan, inovasi sosial, konsep terbuka, program percontohan, dan kolaborasi komunitas. Platform ini tidak menyediakan produk investasi atau skema imbal hasil finansial.\",\n all: \"Semua\",\n suitableFor: \"Cocok untuk\",\n supportType: \"Bentuk dukungan\",\n output: \"Output awal\"\n },\n en: {\n brand: \"Available Concepts\",\n nav_thinking: \"Thinking Center\",\n nav_collaborate: \"Collaborate\",\n nav_explore: \"Explore Concepts\",\n hero_title: \"Available concepts to support, apply, or develop together.\",\n hero_desc: \"This page contains brief overviews of concepts currently developed by CBS Thinking Center. Some concepts are open to be applied for free, while others are available for support, pilot testing, or collaboration with partners.\",\n hero_cta: \"Explore Concepts\",\n how_title: \"How to use this page\",\n how_1: \"Choose a concept that is relevant to your community, school, institution, or organization.\",\n how_2: \"Read the brief overview without accessing the full technical concept.\",\n how_3: \"Contact CBS through the WhatsApp CTA on each concept card.\",\n how_4: \"For selected concepts such as LCI, more details are available on a dedicated landing page.\",\n catalog_title: \"Concept Catalog\",\n catalog_desc: \"This is not a finished product catalog. It is a list of concepts that can be supported, tested, applied, or developed together based on field needs and context.\",\n footer_tagline: \"Available Concepts to Support\",\n legal_note: \"CBS Thinking Center focuses on education, social innovation, open concepts, pilot programs, and community collaboration. It does not provide investment products or financial return schemes.\",\n all: \"All\",\n suitableFor: \"Suitable for\",\n supportType: \"Support type\",\n output: \"Initial output\"\n }\n };\n\n const concepts = [\n {\n id: \"lci\",\n title: {\n id: \"LCI \u2013 Learning Concept Initiative\",\n en: \"LCI \u2013 Learning Concept Initiative\"\n },\n category: \"Open Concept\",\n status: {\n id: \"Free to Apply\",\n en: \"Free to Apply\"\n },\n statusClass: \"free-status\",\n overview: {\n id: \"Konsep terbuka untuk membantu sekolah, komunitas, atau lembaga menjalankan kegiatan pembelajaran praktis berbasis isu nyata di sekitar peserta.\",\n en: \"An open concept to help schools, communities, or institutions run practical learning activities based on real issues around participants.\"\n },\n suitableFor: {\n id: \"Sekolah, komunitas, lembaga pendidikan, fasilitator\",\n en: \"Schools, communities, educational institutions, facilitators\"\n },\n supportType: {\n id: \"Dapat diterapkan gratis dengan atribusi CBS\",\n en: \"Can be applied for free with CBS attribution\"\n },\n output: {\n id: \"Panduan konsep, alur kegiatan, dan contoh implementasi\",\n en: \"Concept guide, activity flow, and implementation examples\"\n },\n detailUrl: \"\/idee\/lci\/\",\n ctaType: \"detail\",\n ctaText: {\n id: \"Lihat Detail Konsep LCI\",\n en: \"View LCI Concept Details\"\n },\n secondaryCtaText: {\n id: \"Tanya Implementasi via WA\",\n en: \"Ask Implementation via WhatsApp\"\n },\n secondaryWaMessage: {\n id: \"Halo CBS, saya tertarik menerapkan konsep LCI secara gratis. Mohon info cara penggunaannya.\",\n en: \"Hello CBS, I am interested in applying the LCI concept for free. Please share more information.\"\n }\n },\n {\n id: \"worship-hygiene-patch\",\n title: {\n id: \"Worship Hygiene Patch\",\n en: \"Worship Hygiene Patch\"\n },\n category: \"Product Validation\",\n status: {\n id: \"Need Support\",\n en: \"Need Support\"\n },\n overview: {\n id: \"Konsep produk higienitas pribadi non-medis untuk membantu pengguna merasa lebih yakin terhadap kebersihan pakaian sebelum ibadah.\",\n en: \"A non-medical personal hygiene product concept to help users feel more confident about clothing cleanliness before worship.\"\n },\n suitableFor: {\n id: \"Komunitas muslim, masjid, lembaga pendidikan Islam, early users\",\n en: \"Muslim communities, mosques, Islamic schools, early users\"\n },\n supportType: {\n id: \"Dukungan prototype, validasi pengguna, dan uji pasar awal\",\n en: \"Prototype support, user validation, and early market testing\"\n },\n output: {\n id: \"Prototype awal, feedback pengguna, dan model distribusi komunitas\",\n en: \"Initial prototype, user feedback, and community distribution model\"\n },\n ctaType: \"wa\",\n ctaText: {\n id: \"Saya tertarik dukung konsep patch\",\n en: \"I am interested in supporting this patch concept\"\n },\n waMessage: {\n id: \"Halo CBS, saya tertarik mendukung atau berdiskusi tentang konsep Worship Hygiene Patch. Mohon info lanjut.\",\n en: \"Hello CBS, I am interested in supporting or discussing the Worship Hygiene Patch concept. Please share more information.\"\n }\n },\n {\n id: \"school-practical-ethics\",\n title: {\n id: \"School Practical Ethics Module\",\n en: \"School Practical Ethics Module\"\n },\n category: \"Open Concept\",\n status: {\n id: \"Open for Pilot\",\n en: \"Open for Pilot\"\n },\n overview: {\n id: \"Konsep modul ringan untuk membantu sekolah menjalankan diskusi praktis tentang tanggung jawab, empati, kebersihan, dan kesadaran sosial.\",\n en: \"A lightweight module concept to help schools run practical discussions on responsibility, empathy, hygiene, and social awareness.\"\n },\n suitableFor: {\n id: \"Sekolah, guru, komunitas pendidikan, yayasan pendidikan\",\n en: \"Schools, teachers, education communities, education foundations\"\n },\n supportType: {\n id: \"Pilot implementation dan penyempurnaan modul\",\n en: \"Pilot implementation and module refinement\"\n },\n output: {\n id: \"Modul kegiatan, panduan fasilitator, dan dokumentasi pilot\",\n en: \"Activity module, facilitator guide, and pilot documentation\"\n },\n ctaType: \"wa\",\n ctaText: {\n id: \"Saya ingin pilot konsep sekolah\",\n en: \"I want to pilot this school concept\"\n },\n waMessage: {\n id: \"Halo CBS, saya tertarik melakukan pilot konsep School Practical Ethics Module. Mohon info lanjut.\",\n en: \"Hello CBS, I am interested in piloting the School Practical Ethics Module concept. Please share more information.\"\n }\n },\n {\n id: \"legal-literacy-community\",\n title: {\n id: \"Community Legal Literacy\",\n en: \"Community Legal Literacy\"\n },\n category: \"Pilot Program\",\n status: {\n id: \"Open Collaboration\",\n en: \"Open Collaboration\"\n },\n overview: {\n id: \"Konsep program literasi hukum praktis untuk membantu komunitas memahami dokumen dasar, risiko organisasi, dan langkah hukum sederhana.\",\n en: \"A practical legal literacy program concept to help communities understand basic documents, organizational risks, and simple legal steps.\"\n },\n suitableFor: {\n id: \"Komunitas, yayasan, UMKM, organisasi masyarakat\",\n en: \"Communities, foundations, MSMEs, civil society organizations\"\n },\n supportType: {\n id: \"Kolaborasi pelatihan, pilot komunitas, atau dukungan trainer\",\n en: \"Training collaboration, community pilot, or trainer support\"\n },\n output: {\n id: \"Pilot training, modul dasar, dan evaluasi peserta\",\n en: \"Pilot training, basic module, and participant evaluation\"\n },\n ctaType: \"wa\",\n ctaText: {\n id: \"Diskusi konsep literasi hukum\",\n en: \"Discuss the legal literacy concept\"\n },\n waMessage: {\n id: \"Halo CBS, saya ingin berdiskusi tentang konsep Community Legal Literacy untuk komunitas atau organisasi. Mohon info lanjut.\",\n en: \"Hello CBS, I would like to discuss the Community Legal Literacy concept for a community or organization. Please share more information.\"\n }\n },\n {\n id: \"umkm-tax-practical\",\n title: {\n id: \"UMKM Tax Practical Program\",\n en: \"MSME Tax Practical Program\"\n },\n category: \"Learning Product\",\n status: {\n id: \"Ready to Collaborate\",\n en: \"Ready to Collaborate\"\n },\n overview: {\n id: \"Konsep program pelatihan pajak UMKM berbasis praktik, mentoring terjadwal, CBT, dan sertifikat terverifikasi untuk komunitas pelaku usaha.\",\n en: \"A practical MSME tax training concept with scheduled mentoring, CBT, and verified certificates for business communities.\"\n },\n suitableFor: {\n id: \"Komunitas UMKM, koperasi, asosiasi, lembaga pendamping usaha\",\n en: \"MSME communities, cooperatives, associations, business support organizations\"\n },\n supportType: {\n id: \"Kolaborasi batch, co-branding, atau implementasi komunitas\",\n en: \"Batch collaboration, co-branding, or community implementation\"\n },\n output: {\n id: \"Materi, Q&A terjadwal, CBT, dan rekap evaluasi peserta\",\n en: \"Materials, scheduled Q&A, CBT, and participant evaluation recap\"\n },\n ctaType: \"wa\",\n ctaText: {\n id: \"Saya ingin kolaborasi Pajak UMKM\",\n en: \"I want to collaborate on MSME Tax\"\n },\n waMessage: {\n id: \"Halo CBS, saya tertarik kolaborasi untuk UMKM Tax Practical Program. Mohon info batch atau kerja samanya.\",\n en: \"Hello CBS, I am interested in collaborating on the MSME Tax Practical Program. Please share batch or partnership information.\"\n }\n },\n {\n id: \"pkkpr-mastery\",\n title: {\n id: \"PKKPR Mastery Program\",\n en: \"PKKPR Mastery Program\"\n },\n category: \"Learning Product\",\n status: {\n id: \"Concept Packaging\",\n en: \"Concept Packaging\"\n },\n overview: {\n id: \"Konsep program sertifikasi praktis berbasis sistem evaluasi untuk pelatihan PKKPR, dengan alur pre-learning, pre-test, mid-test, post-test, dan sertifikat.\",\n en: \"A practical certification concept for PKKPR training supported by an assessment system: pre-learning, pre-test, mid-test, post-test, and certificate.\"\n },\n suitableFor: {\n id: \"Konsultan, komunitas properti, lembaga pelatihan, praktisi perizinan\",\n en: \"Consultants, property communities, training institutions, licensing practitioners\"\n },\n supportType: {\n id: \"Kolaborasi trainer, penyelenggara batch, atau sistem assessment\",\n en: \"Trainer collaboration, batch organizer, or assessment system support\"\n },\n output: {\n id: \"Flow pelatihan, assessment system, dan sertifikat berbasis evaluasi\",\n en: \"Training flow, assessment system, and evaluation-based certificate\"\n },\n ctaType: \"wa\",\n ctaText: {\n id: \"Bahas konsep PKKPR Mastery\",\n en: \"Discuss PKKPR Mastery concept\"\n },\n waMessage: {\n id: \"Halo CBS, saya tertarik membahas konsep PKKPR Mastery Program dan kemungkinan kolaborasinya.\",\n en: \"Hello CBS, I am interested in discussing the PKKPR Mastery Program concept and potential collaboration.\"\n }\n }\n ];\n\n function t(key) {\n return translations[currentLang][key] || key;\n }\n\n function translateStaticText() {\n document.documentElement.lang = currentLang;\n\n document.querySelectorAll(\"[data-i18n]\").forEach(el => {\n const key = el.getAttribute(\"data-i18n\");\n if (translations[currentLang][key]) {\n el.textContent = translations[currentLang][key];\n }\n });\n\n document.getElementById(\"btn-id\").classList.toggle(\"active\", currentLang === \"id\");\n document.getElementById(\"btn-en\").classList.toggle(\"active\", currentLang === \"en\");\n }\n\n function makeWaUrl(message) {\n return `https:\/\/wa.me\/${WHATSAPP_NUMBER}?text=${encodeURIComponent(message)}`;\n }\n\n function getCategories() {\n return [\"All\", ...new Set(concepts.map(item => item.category))];\n }\n\n function renderFilters(active = \"All\") {\n const filtersEl = document.getElementById(\"filters\");\n const categories = getCategories();\n\n filtersEl.innerHTML = categories.map(category => {\n const label = category === \"All\" ? t(\"all\") : category;\n\n return `\n <button class=\"filter-btn ${category === active ? \"active\" : \"\"}\" onclick=\"renderConcepts('${category}')\">\n ${label}\n <\/button>\n `;\n }).join(\"\");\n }\n\n function renderConcepts(category = \"All\") {\n currentCategory = category;\n renderFilters(category);\n\n const gridEl = document.getElementById(\"conceptGrid\");\n const visibleConcepts = category === \"All\"\n ? concepts\n : concepts.filter(item => item.category === category);\n\n gridEl.innerHTML = visibleConcepts.map(item => {\n const action = item.ctaType === \"detail\"\n ? `<a class=\"btn btn-primary\" href=\"${item.detailUrl}\">${item.ctaText[currentLang]}<\/a>`\n : `<a class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\" href=\"${makeWaUrl(item.waMessage[currentLang])}\">${item.ctaText[currentLang]}<\/a>`;\n\n const secondaryAction = item.ctaType === \"detail\"\n ? `<a class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\" href=\"${makeWaUrl(item.secondaryWaMessage[currentLang])}\">${item.secondaryCtaText[currentLang]}<\/a>`\n : \"\";\n\n return `\n <article class=\"concept-card\" data-aos=\"fade-up\" data-aos-duration=\"900\">\n <div class=\"concept-top\">\n <span class=\"tag\">${item.category}<\/span>\n <span class=\"status ${item.statusClass || \"\"}\">${item.status[currentLang]}<\/span>\n <\/div>\n\n <h3>${item.title[currentLang]}<\/h3>\n <p>${item.overview[currentLang]}<\/p>\n\n <div class=\"concept-meta\">\n <span><strong>${t(\"suitableFor\")}:<\/strong> ${item.suitableFor[currentLang]}<\/span>\n <span><strong>${t(\"supportType\")}:<\/strong> ${item.supportType[currentLang]}<\/span>\n <span><strong>${t(\"output\")}:<\/strong> ${item.output[currentLang]}<\/span>\n <\/div>\n\n <div class=\"concept-actions\">\n ${action}\n ${secondaryAction}\n <\/div>\n <\/article>\n `;\n }).join(\"\");\n\n if (typeof AOS !== \"undefined\") {\n AOS.refreshHard();\n }\n }\n\n function setLang(lang) {\n currentLang = lang;\n localStorage.setItem(\"cbsIdeeLang\", lang);\n translateStaticText();\n renderConcepts(currentCategory);\n }\n\n document.addEventListener(\"DOMContentLoaded\", function () {\n translateStaticText();\n renderConcepts();\n\n if (typeof AOS !== \"undefined\") {\n AOS.init({\n once: true,\n duration: 900,\n easing: \"ease-out-cubic\",\n offset: 80\n });\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Available Concepts to Support | CBS Thinking Center Available Concepts Thinking Center Collaborate Explore Concepts ID EN CBS Thinking Center Konsep yang tersedia untuk didukung, diterapkan, atau dikembangkan bersama. Halaman ini berisi ringkasan konsep yang sedang dikembangkan oleh CBS Thinking Center. Beberapa konsep terbuka untuk diterapkan secara gratis, sementara konsep lain tersedia untuk didukung, diuji, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-25","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cbs.or.id\/idee\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cbs.or.id\/idee\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cbs.or.id\/idee\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cbs.or.id\/idee\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cbs.or.id\/idee\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":2,"href":"https:\/\/cbs.or.id\/idee\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/cbs.or.id\/idee\/wp-json\/wp\/v2\/pages\/25\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/cbs.or.id\/idee\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}