CBK Peduli – Cahaya Berkah Kemakmuran | Badan Otonom Laznas Yatim Mandiri<\/title>\n <meta name=\"description\" content=\"Cahaya Berkah Kemakmuran (CBK) adalah Badan Otonom Laznas Yatim Mandiri yang berfokus pada program sosial, kemandirian, dan dakwah bagi anak yatim dan dhuafa.\">\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n sans: ['Outfit', 'sans-serif'],\n },\n colors: {\n \/\/ VARIASI WARNA BARU: Nuansa Masjid (Hijau Kubah & Emas Kaligrafi)\n brand: {\n light: '#f0fdf4', \/\/ Latar belakang putih kehijauan lembut (seperti lantai marmer masjid)\n DEFAULT: '#065f46', \/\/ Emerald 800 (Hijau Tua identik dengan Karpet\/Kubah Masjid)\n dark: '#022c22', \/\/ Emerald 950 (Lebih gelap, sangat elegan saat disorot)\n },\n accent: {\n DEFAULT: '#d97706', \/\/ Amber 600 (Emas Ornamen \/ Kaligrafi Masjid)\n hover: '#b45309', \/\/ Amber 700\n }\n }\n }\n }\n }\n <\/script>\n <style>\n \/* Custom Scrollbar for better App-like feel *\/\n ::-webkit-scrollbar { width: 8px; }\n ::-webkit-scrollbar-track { background: #f1f1f1; }\n ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }\n ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }\n html { scroll-behavior: smooth; }\n <\/style>\n<\/head>\n<body class=\"bg-gray-50 text-gray-800 antialiased font-sans\">\n\n \n <div class=\"bg-brand-dark text-white text-xs py-2 hidden md:block\">\n <div class=\"container mx-auto px-4 lg:px-8 flex justify-between items-center\">\n <div class=\"flex items-center gap-4\">\n <span><i class=\"fa-solid fa-building-ngo mr-1\"><\/i> Badan Otonom Laznas Yatim Mandiri<\/span>\n <\/div>\n <div class=\"flex items-center gap-4\">\n <a href=\"mailto:info@cbkpeduli.org\" class=\"hover:text-accent transition\"><i class=\"fa-solid fa-envelope mr-1\"><\/i> info@cbkpeduli.org<\/a>\n <div class=\"flex gap-2\">\n <a href=\"#\" class=\"hover:text-accent transition\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\n <a href=\"#\" class=\"hover:text-accent transition\"><i class=\"fa-brands fa-facebook\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <nav class=\"bg-white shadow-sm sticky top-0 z-50\">\n <div class=\"container mx-auto px-4 lg:px-8 py-4 flex justify-between items-center\">\n \n <a href=\"\/\" class=\"flex items-center gap-3\">\n \n <div class=\"w-10 h-10 bg-brand rounded-xl flex items-center justify-center text-white font-bold text-xl shadow-md\">\n <i class=\"fa-solid fa-hands-holding-child\"><\/i>\n <\/div>\n <div>\n <h1 class=\"font-bold text-xl leading-none text-gray-900\">CBK Peduli<\/h1>\n <p class=\"text-[10px] text-gray-500 font-medium\">Cahaya Berkah Kemakmuran<\/p>\n <\/div>\n <\/a>\n\n \n <div class=\"hidden md:flex items-center gap-8 font-medium text-sm\">\n <a href=\"#beranda\" class=\"text-brand hover:text-brand-dark\">Beranda<\/a>\n <a href=\"#tentang\" class=\"text-gray-600 hover:text-brand\">Tentang Kami<\/a>\n <a href=\"#program\" class=\"text-gray-600 hover:text-brand\">Program<\/a>\n <a href=\"#kegiatan\" class=\"text-gray-600 hover:text-brand\">Kegiatan<\/a>\n <\/div>\n\n \n <a href=\"#program\" class=\"bg-accent hover:bg-accent-hover text-white px-6 py-2.5 rounded-full font-semibold text-sm transition shadow-lg shadow-amber-500\/30 flex items-center gap-2\">\n <i class=\"fa-solid fa-heart\"><\/i> Donasi\n <\/a>\n <\/div>\n <\/nav>\n\n \n <header id=\"beranda\" class=\"pt-8 pb-16 px-4 lg:px-8\">\n <div class=\"container mx-auto\">\n <div class=\"bg-brand rounded-3xl overflow-hidden relative shadow-2xl flex flex-col lg:flex-row items-center\">\n \n \n <div class=\"lg:w-1\/2 p-8 lg:p-16 relative z-10 text-white\">\n <span class=\"inline-block py-1 px-3 rounded-full bg-white\/20 backdrop-blur-sm text-xs font-semibold mb-4 border border-white\/30\">\n ✨ Bersama Laznas Yatim Mandiri\n <\/span>\n <h2 class=\"text-4xl lg:text-5xl font-bold leading-tight mb-4\">\n Menerangi Harapan, <br> <span class=\"text-accent\">Membangun Kemandirian<\/span>\n <\/h2>\n <p class=\"text-white\/80 text-lg mb-8 max-w-md\">\n Mari bergandeng tangan menyalurkan kebaikan untuk anak yatim dan dhuafa melalui program sosial, kemandirian, dan dakwah.\n <\/p>\n <div class=\"flex flex-wrap gap-4\">\n <a href=\"#program\" class=\"bg-accent hover:bg-accent-hover text-white px-8 py-3.5 rounded-full font-bold transition shadow-lg text-center flex-1 md:flex-none\">\n Mulai Berdonasi\n <\/a>\n <a href=\"#tentang\" class=\"bg-white\/10 hover:bg-white\/20 backdrop-blur-md border border-white\/30 text-white px-8 py-3.5 rounded-full font-semibold transition text-center flex-1 md:flex-none\">\n Pelajari CBK\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"lg:w-1\/2 w-full h-64 lg:h-auto relative min-h-[400px]\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1532629345422-7515f3d16bb6?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80\" alt=\"Anak-anak tersenyum\" class=\"absolute inset-0 w-full h-full object-cover\">\n \n <div class=\"absolute inset-0 bg-gradient-to-t from-brand\/90 to-transparent lg:bg-gradient-to-l\"><\/div>\n \n \n <div class=\"absolute bottom-6 right-6 lg:bottom-12 lg:right-12 bg-white p-4 rounded-2xl shadow-xl flex items-center gap-4 animate-bounce\" style=\"animation-duration: 3s;\">\n <div class=\"flex -space-x-3\">\n <img decoding=\"async\" class=\"w-10 h-10 rounded-full border-2 border-white object-cover\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?ixlib=rb-4.0.3&auto=format&fit=crop&w=100&q=80\" alt=\"Donatur\">\n <img decoding=\"async\" class=\"w-10 h-10 rounded-full border-2 border-white object-cover\" src=\"https:\/\/images.unsplash.com\/photo-1506794778202-cad84cf45f1d?ixlib=rb-4.0.3&auto=format&fit=crop&w=100&q=80\" alt=\"Donatur\">\n <div class=\"w-10 h-10 rounded-full border-2 border-white bg-brand text-white flex items-center justify-center text-xs font-bold\">+1K<\/div>\n <\/div>\n <div>\n <p class=\"text-sm font-bold text-gray-800\">Orang Baik<\/p>\n <p class=\"text-[11px] text-gray-500\">Telah bergabung bulan ini<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/header>\n\n \n <section class=\"pb-16 px-4 lg:px-8 -mt-8 relative z-20\">\n <div class=\"container mx-auto\">\n <div class=\"bg-white rounded-3xl shadow-xl p-8 grid grid-cols-1 md:grid-cols-3 gap-8 text-center border border-gray-100\">\n <div>\n <div class=\"text-4xl text-accent mb-2\"><i class=\"fa-solid fa-hands-holding-circle\"><\/i><\/div>\n <h3 class=\"text-3xl font-bold text-gray-800 mb-1\">50+<\/h3>\n <p class=\"text-gray-500 text-sm\">Program Tersalurkan<\/p>\n <\/div>\n <div class=\"hidden md:block w-px bg-gray-200 mx-auto h-16 mt-4\"><\/div> \n <div>\n <div class=\"text-4xl text-accent mb-2\"><i class=\"fa-solid fa-users\"><\/i><\/div>\n <h3 class=\"text-3xl font-bold text-gray-800 mb-1\">10.000+<\/h3>\n <p class=\"text-gray-500 text-sm\">Penerima Manfaat<\/p>\n <\/div>\n <div class=\"hidden md:block w-px bg-gray-200 mx-auto h-16 mt-4\"><\/div> \n <div>\n <div class=\"text-4xl text-accent mb-2\"><i class=\"fa-solid fa-handshake-angle\"><\/i><\/div>\n <h3 class=\"text-3xl font-bold text-gray-800 mb-1\">200+<\/h3>\n <p class=\"text-gray-500 text-sm\">Relawan Aktif<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"tentang\" class=\"py-16 px-4 lg:px-8 bg-brand-light\/30\">\n <div class=\"container mx-auto\">\n <div class=\"flex flex-col md:flex-row items-center gap-12\">\n <div class=\"md:w-1\/2\">\n <div class=\"relative\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1488521787991-ed7bbaae773c?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Tentang CBK\" class=\"rounded-3xl shadow-lg z-10 relative\">\n <div class=\"absolute -bottom-6 -right-6 w-full h-full bg-brand rounded-3xl -z-10\"><\/div>\n <\/div>\n <\/div>\n <div class=\"md:w-1\/2\">\n <div class=\"inline-flex items-center gap-2 px-3 py-1 bg-brand-light text-brand rounded-full text-sm font-semibold mb-4\">\n <i class=\"fa-solid fa-circle-info\"><\/i> Tentang CBK Peduli\n <\/div>\n <h2 class=\"text-3xl lg:text-4xl font-bold text-gray-800 mb-6\">Memperkuat Gerakan, Meluaskan Manfaat.<\/h2>\n <p class=\"text-gray-600 mb-4 leading-relaxed\">\n <strong class=\"text-brand\">Cahaya Berkah Kemakmuran (CBK)<\/strong> adalah salah satu Badan Otonom resmi di bawah naungan Lembaga Amil Zakat Nasional (Laznas) <strong>Yatim Mandiri<\/strong>. \n <\/p>\n <p class=\"text-gray-600 mb-6 leading-relaxed\">\n Kami dibentuk untuk memperkuat arah gerak lembaga dan mematangkan program-program sosial, kemandirian, serta dakwah khusus bagi anak yatim dan dhuafa di seluruh Indonesia.\n <\/p>\n \n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n <div class=\"bg-white p-4 rounded-2xl shadow-sm border border-gray-100 flex items-start gap-3\">\n <div class=\"bg-brand-light p-2 rounded-lg text-brand\"><i class=\"fa-solid fa-graduation-cap\"><\/i><\/div>\n <div>\n <h4 class=\"font-bold text-sm text-gray-800\">Kemandirian<\/h4>\n <p class=\"text-xs text-gray-500\">Pendidikan & Skill<\/p>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-2xl shadow-sm border border-gray-100 flex items-start gap-3\">\n <div class=\"bg-brand-light p-2 rounded-lg text-brand\"><i class=\"fa-solid fa-box-open\"><\/i><\/div>\n <div>\n <h4 class=\"font-bold text-sm text-gray-800\">Sosial<\/h4>\n <p class=\"text-xs text-gray-500\">Bantuan Kebutuhan Pokok<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"program\" class=\"py-20 px-4 lg:px-8\">\n <div class=\"container mx-auto\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl lg:text-4xl font-bold text-gray-800 mb-4\">Pilih Program Kebaikanmu<\/h2>\n <p class=\"text-gray-600 max-w-2xl mx-auto\">Setiap rupiah yang Anda donasikan akan disalurkan secara transparan untuk memandirikan yatim dan dhuafa.<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n \n \n <div class=\"bg-white rounded-3xl overflow-hidden shadow-lg border border-gray-100 hover:shadow-xl transition flex flex-col group\">\n <div class=\"relative h-52 overflow-hidden\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497633762265-9d179a990aa6?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80\" alt=\"Pendidikan\" class=\"w-full h-full object-cover group-hover:scale-105 transition duration-500\">\n <div class=\"absolute top-4 left-4 bg-white\/90 backdrop-blur text-xs font-bold px-3 py-1 rounded-full text-brand shadow\">\n Kemandirian\n <\/div>\n <\/div>\n <div class=\"p-6 flex flex-col flex-grow\">\n <h3 class=\"font-bold text-lg text-gray-800 mb-2 leading-tight\">Beasiswa Pendidikan & Alat Sekolah Yatim<\/h3>\n <p class=\"text-gray-500 text-sm mb-4 line-clamp-2\">Bantu anak-anak yatim dhuafa mendapatkan akses pendidikan yang layak dan perlengkapan sekolah.<\/p>\n \n \n <div class=\"mt-auto\">\n <div class=\"flex justify-between text-xs mb-1\">\n <span class=\"text-gray-500\">Terkumpul<\/span>\n <span class=\"font-bold text-brand\">Rp 12.500.000<\/span>\n <\/div>\n <div class=\"w-full bg-gray-100 rounded-full h-2.5 mb-2\">\n <div class=\"bg-brand h-2.5 rounded-full\" style=\"width: 65%\"><\/div>\n <\/div>\n <div class=\"text-xs text-right text-gray-400 mb-4\">Target: Rp 20.000.000<\/div>\n \n \n \n <a href=\"\/campaign\/beasiswa-pendidikan-yatim\" class=\"block w-full text-center bg-brand hover:bg-brand-dark text-white py-3 rounded-xl font-semibold transition\">\n Donasi Sekarang\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-3xl overflow-hidden shadow-lg border border-gray-100 hover:shadow-xl transition flex flex-col group\">\n <div class=\"relative h-52 overflow-hidden\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1594708767771-a7502209ff51?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80\" alt=\"Bantuan Sosial\" class=\"w-full h-full object-cover group-hover:scale-105 transition duration-500\">\n <div class=\"absolute top-4 left-4 bg-white\/90 backdrop-blur text-xs font-bold px-3 py-1 rounded-full text-accent shadow\">\n Sosial\n <\/div>\n <\/div>\n <div class=\"p-6 flex flex-col flex-grow\">\n <h3 class=\"font-bold text-lg text-gray-800 mb-2 leading-tight\">Paket Sembako untuk Lansia & Dhuafa Pelosok<\/h3>\n <p class=\"text-gray-500 text-sm mb-4 line-clamp-2\">Banyak lansia sebatang kara yang kesulitan makan. Mari penuhi kebutuhan gizi harian mereka.<\/p>\n \n \n <div class=\"mt-auto\">\n <div class=\"flex justify-between text-xs mb-1\">\n <span class=\"text-gray-500\">Terkumpul<\/span>\n <span class=\"font-bold text-accent\">Rp 8.200.000<\/span>\n <\/div>\n <div class=\"w-full bg-gray-100 rounded-full h-2.5 mb-2\">\n <div class=\"bg-accent h-2.5 rounded-full\" style=\"width: 45%\"><\/div>\n <\/div>\n <div class=\"text-xs text-right text-gray-400 mb-4\">Target: Rp 15.000.000<\/div>\n \n \n \n <a href=\"\/campaign\/paket-sembako-lansia\" class=\"block w-full text-center bg-brand hover:bg-brand-dark text-white py-3 rounded-xl font-semibold transition\">\n Donasi Sekarang\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-3xl overflow-hidden shadow-lg border border-gray-100 hover:shadow-xl transition flex flex-col group\">\n <div class=\"relative h-52 overflow-hidden\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519817914152-2a35016d47bf?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80\" alt=\"Dakwah\" class=\"w-full h-full object-cover group-hover:scale-105 transition duration-500\">\n <div class=\"absolute top-4 left-4 bg-white\/90 backdrop-blur text-xs font-bold px-3 py-1 rounded-full text-blue-500 shadow\">\n Dakwah\n <\/div>\n <\/div>\n <div class=\"p-6 flex flex-col flex-grow\">\n <h3 class=\"font-bold text-lg text-gray-800 mb-2 leading-tight\">Pembangunan TPQ & Sarana Ibadah Pelosok<\/h3>\n <p class=\"text-gray-500 text-sm mb-4 line-clamp-2\">Bantu perbaikan fasilitas ibadah dan Taman Pendidikan Al-Quran agar anak-anak nyaman belajar.<\/p>\n \n \n <div class=\"mt-auto\">\n <div class=\"flex justify-between text-xs mb-1\">\n <span class=\"text-gray-500\">Terkumpul<\/span>\n <span class=\"font-bold text-blue-500\">Rp 35.000.000<\/span>\n <\/div>\n <div class=\"w-full bg-gray-100 rounded-full h-2.5 mb-2\">\n <div class=\"bg-blue-500 h-2.5 rounded-full\" style=\"width: 85%\"><\/div>\n <\/div>\n <div class=\"text-xs text-right text-gray-400 mb-4\">Target: Rp 40.000.000<\/div>\n \n \n \n <a href=\"\/campaign\/pembangunan-tpq\" class=\"block w-full text-center bg-brand hover:bg-brand-dark text-white py-3 rounded-xl font-semibold transition\">\n Donasi Sekarang\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n \n <div class=\"text-center mt-10\">\n <a href=\"\/semua-program\" class=\"inline-block text-brand font-semibold hover:text-brand-dark hover:underline\">Lihat Semua Program <i class=\"fa-solid fa-arrow-right ml-1\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"kegiatan\" class=\"py-16 px-4 lg:px-8 bg-gray-900 text-white mt-8\">\n <div class=\"container mx-auto\">\n <div class=\"flex flex-col md:flex-row justify-between items-end mb-10 border-b border-gray-700 pb-6\">\n <div class=\"md:w-2\/3\">\n <span class=\"text-accent text-sm font-bold tracking-wider uppercase mb-2 block\">Kolaborasi & Aksi<\/span>\n <h2 class=\"text-3xl font-bold\">Aksi Nyata di Lapangan<\/h2>\n <\/div>\n <div class=\"mt-4 md:mt-0\">\n <a href=\"\/berita\" class=\"text-sm font-medium text-gray-300 hover:text-white transition\">Baca Berita Lainnya →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\n \n <div class=\"bg-gray-800 rounded-3xl p-6 flex flex-col justify-between group cursor-pointer hover:bg-gray-750 transition border border-gray-700\">\n <div class=\"mb-6\">\n <span class=\"bg-brand\/20 text-brand-light px-3 py-1 rounded-full text-xs font-semibold mb-4 inline-block\">Sinergi Relawan<\/span>\n <h3 class=\"text-2xl font-bold mb-3 group-hover:text-accent transition\">Gerakan Kebersihan Fasilitas Umum & Penyaluran Bantuan Jelang Ramadhan<\/h3>\n <p class=\"text-gray-400 text-sm leading-relaxed\">\n Cahaya Berkah Kemakmuran (CBK) bersinergi dengan relawan setempat (Yatim Mandiri Cabang Pasuruan) mengadakan aksi sosial membersihkan masjid dan membagikan paket sembako untuk warga sekitar.\n <\/p>\n <\/div>\n <div class=\"flex items-center gap-3 mt-4\">\n <div class=\"w-10 h-10 rounded-full bg-brand flex items-center justify-center text-white\"><i class=\"fa-solid fa-camera\"><\/i><\/div>\n <div>\n <p class=\"text-sm font-semibold\">Tim Relawan Pasuruan<\/p>\n <p class=\"text-xs text-gray-500\">2 Hari yang lalu<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-2 gap-4\">\n <div class=\"h-48 lg:h-full rounded-2xl overflow-hidden relative\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1559027615-cd4628902d4a?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80\" alt=\"Kegiatan Sosial\" class=\"w-full h-full object-cover\">\n <div class=\"absolute inset-0 bg-black\/20 hover:bg-black\/10 transition\"><\/div>\n <\/div>\n <div class=\"h-48 lg:h-full rounded-2xl overflow-hidden relative\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1469571486292-0ba58a3f068b?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80\" alt=\"Bantuan\" class=\"w-full h-full object-cover\">\n <div class=\"absolute inset-0 bg-black\/20 hover:bg-black\/10 transition\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-white pt-16 pb-8 border-t border-gray-200\">\n <div class=\"container mx-auto px-4 lg:px-8\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-12\">\n \n <div class=\"lg:col-span-1\">\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-10 h-10 bg-brand rounded-xl flex items-center justify-center text-white font-bold text-xl\">\n <i class=\"fa-solid fa-hands-holding-child\"><\/i>\n <\/div>\n <div>\n <h2 class=\"font-bold text-xl leading-none text-gray-900\">CBK Peduli<\/h2>\n <\/div>\n <\/div>\n <p class=\"text-gray-500 text-sm mb-6\">Badan Otonom di bawah naungan Lembaga Amil Zakat Nasional (Laznas) Yatim Mandiri.<\/p>\n <div class=\"flex gap-4\">\n <a href=\"#\" class=\"w-8 h-8 rounded-full bg-gray-100 flex items-center justify-center text-gray-600 hover:bg-brand hover:text-white transition\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\n <a href=\"#\" class=\"w-8 h-8 rounded-full bg-gray-100 flex items-center justify-center text-gray-600 hover:bg-brand hover:text-white transition\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\n <a href=\"#\" class=\"w-8 h-8 rounded-full bg-gray-100 flex items-center justify-center text-gray-600 hover:bg-brand hover:text-white transition\"><i class=\"fa-brands fa-youtube\"><\/i><\/a>\n <\/div>\n <\/div>\n\n \n <div>\n <h4 class=\"font-bold text-gray-800 mb-4\">Tentang Kami<\/h4>\n <ul class=\"space-y-2 text-sm text-gray-500\">\n <li><a href=\"#\" class=\"hover:text-brand transition\">Profil CBK<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-brand transition\">Hubungan dengan Yatim Mandiri<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-brand transition\">Laporan Transparansi<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-brand transition\">Kebijakan Privasi<\/a><\/li>\n <\/ul>\n <\/div>\n\n \n <div>\n <h4 class=\"font-bold text-gray-800 mb-4\">Pilar Program<\/h4>\n <ul class=\"space-y-2 text-sm text-gray-500\">\n <li><a href=\"#\" class=\"hover:text-brand transition\">Program Sosial<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-brand transition\">Program Kemandirian<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-brand transition\">Program Dakwah<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-brand transition\">Jadi Relawan<\/a><\/li>\n <\/ul>\n <\/div>\n\n \n <div>\n <h4 class=\"font-bold text-gray-800 mb-4\">Hubungi Kami<\/h4>\n <ul class=\"space-y-3 text-sm text-gray-500\">\n <li class=\"flex items-start gap-3\">\n <i class=\"fa-solid fa-location-dot mt-1 text-brand\"><\/i>\n <span>Graha Yatim Mandiri<br>Jl. Raya Jambangan No.135-137, Surabaya<\/span>\n <\/li>\n <li class=\"flex items-center gap-3\">\n <i class=\"fa-solid fa-envelope text-brand\"><\/i>\n <a href=\"mailto:info@cbkpeduli.org\" class=\"hover:text-brand\">info@cbkpeduli.org<\/a>\n <\/li>\n <li class=\"flex items-center gap-3\">\n <i class=\"fa-solid fa-phone text-brand\"><\/i>\n <span>(031) 8299905<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"border-t border-gray-100 pt-8 flex flex-col md:flex-row justify-between items-center gap-4 text-xs text-gray-500\">\n <p>© 2026 CBK Peduli (Cahaya Berkah Kemakmuran). All rights reserved.<\/p>\n <p>Didukung oleh Laznas Yatim Mandiri<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>CBK Peduli – Cahaya Berkah Kemakmuran | Badan Otonom Laznas Yatim Mandiri Badan Otonom Laznas Yatim Mandiri info@cbkpeduli.org CBK Peduli Cahaya Berkah Kemakmuran Beranda Tentang Kami Program Kegiatan Donasi ✨ Bersama Laznas Yatim Mandiri Menerangi Harapan, Membangun Kemandirian Mari bergandeng tangan menyalurkan kebaikan untuk anak yatim dan dhuafa melalui program sosial, kemandirian, dan dakwah. Mulai … <a title=\"Home\" class=\"read-more\" href=\"https:\/\/www.cbkpeduli.org\/?page_id=8\" aria-label=\"Read more about Home\">Read more<\/a><\/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-8","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/www.cbkpeduli.org\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cbkpeduli.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cbkpeduli.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cbkpeduli.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cbkpeduli.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":2,"href":"https:\/\/www.cbkpeduli.org\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":10,"href":"https:\/\/www.cbkpeduli.org\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/10"}],"wp:attachment":[{"href":"https:\/\/www.cbkpeduli.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":8,"date":"2026-05-20T07:02:51","date_gmt":"2026-05-20T07:02:51","guid":{"rendered":"https:\/\/www.cbkpeduli.org\/?page_id=8"},"modified":"2026-05-20T07:02:52","modified_gmt":"2026-05-20T07:02:52","slug":"home","status":"publish","type":"page","link":"https:\/\/www.cbkpeduli.org\/?page_id=8","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n \n \n CBK Peduli – Cahaya Berkah Kemakmuran | Badan Otonom Laznas Yatim Mandiri<\/title>\n <meta name=\"description\" content=\"Cahaya Berkah Kemakmuran (CBK) adalah Badan Otonom Laznas Yatim Mandiri yang berfokus pada program sosial, kemandirian, dan dakwah bagi anak yatim dan dhuafa.\">\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n sans: ['Outfit', 'sans-serif'],\n },\n colors: {\n \/\/ VARIASI WARNA BARU: Nuansa Masjid (Hijau Kubah & Emas Kaligrafi)\n brand: {\n light: '#f0fdf4', \/\/ Latar belakang putih kehijauan lembut (seperti lantai marmer masjid)\n DEFAULT: '#065f46', \/\/ Emerald 800 (Hijau Tua identik dengan Karpet\/Kubah Masjid)\n dark: '#022c22', \/\/ Emerald 950 (Lebih gelap, sangat elegan saat disorot)\n },\n accent: {\n DEFAULT: '#d97706', \/\/ Amber 600 (Emas Ornamen \/ Kaligrafi Masjid)\n hover: '#b45309', \/\/ Amber 700\n }\n }\n }\n }\n }\n <\/script>\n <style>\n \/* Custom Scrollbar for better App-like feel *\/\n ::-webkit-scrollbar { width: 8px; }\n ::-webkit-scrollbar-track { background: #f1f1f1; }\n ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }\n ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }\n html { scroll-behavior: smooth; }\n <\/style>\n<\/head>\n<body class=\"bg-gray-50 text-gray-800 antialiased font-sans\">\n\n \n <div class=\"bg-brand-dark text-white text-xs py-2 hidden md:block\">\n <div class=\"container mx-auto px-4 lg:px-8 flex justify-between items-center\">\n <div class=\"flex items-center gap-4\">\n <span><i class=\"fa-solid fa-building-ngo mr-1\"><\/i> Badan Otonom Laznas Yatim Mandiri<\/span>\n <\/div>\n <div class=\"flex items-center gap-4\">\n <a href=\"mailto:info@cbkpeduli.org\" class=\"hover:text-accent transition\"><i class=\"fa-solid fa-envelope mr-1\"><\/i> info@cbkpeduli.org<\/a>\n <div class=\"flex gap-2\">\n <a href=\"#\" class=\"hover:text-accent transition\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\n <a href=\"#\" class=\"hover:text-accent transition\"><i class=\"fa-brands fa-facebook\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <nav class=\"bg-white shadow-sm sticky top-0 z-50\">\n <div class=\"container mx-auto px-4 lg:px-8 py-4 flex justify-between items-center\">\n \n <a href=\"\/\" class=\"flex items-center gap-3\">\n \n <div class=\"w-10 h-10 bg-brand rounded-xl flex items-center justify-center text-white font-bold text-xl shadow-md\">\n <i class=\"fa-solid fa-hands-holding-child\"><\/i>\n <\/div>\n <div>\n <h1 class=\"font-bold text-xl leading-none text-gray-900\">CBK Peduli<\/h1>\n <p class=\"text-[10px] text-gray-500 font-medium\">Cahaya Berkah Kemakmuran<\/p>\n <\/div>\n <\/a>\n\n \n <div class=\"hidden md:flex items-center gap-8 font-medium text-sm\">\n <a href=\"#beranda\" class=\"text-brand hover:text-brand-dark\">Beranda<\/a>\n <a href=\"#tentang\" class=\"text-gray-600 hover:text-brand\">Tentang Kami<\/a>\n <a href=\"#program\" class=\"text-gray-600 hover:text-brand\">Program<\/a>\n <a href=\"#kegiatan\" class=\"text-gray-600 hover:text-brand\">Kegiatan<\/a>\n <\/div>\n\n \n <a href=\"#program\" class=\"bg-accent hover:bg-accent-hover text-white px-6 py-2.5 rounded-full font-semibold text-sm transition shadow-lg shadow-amber-500\/30 flex items-center gap-2\">\n <i class=\"fa-solid fa-heart\"><\/i> Donasi\n <\/a>\n <\/div>\n <\/nav>\n\n \n <header id=\"beranda\" class=\"pt-8 pb-16 px-4 lg:px-8\">\n <div class=\"container mx-auto\">\n <div class=\"bg-brand rounded-3xl overflow-hidden relative shadow-2xl flex flex-col lg:flex-row items-center\">\n \n \n <div class=\"lg:w-1\/2 p-8 lg:p-16 relative z-10 text-white\">\n <span class=\"inline-block py-1 px-3 rounded-full bg-white\/20 backdrop-blur-sm text-xs font-semibold mb-4 border border-white\/30\">\n ✨ Bersama Laznas Yatim Mandiri\n <\/span>\n <h2 class=\"text-4xl lg:text-5xl font-bold leading-tight mb-4\">\n Menerangi Harapan, <br> <span class=\"text-accent\">Membangun Kemandirian<\/span>\n <\/h2>\n <p class=\"text-white\/80 text-lg mb-8 max-w-md\">\n Mari bergandeng tangan menyalurkan kebaikan untuk anak yatim dan dhuafa melalui program sosial, kemandirian, dan dakwah.\n <\/p>\n <div class=\"flex flex-wrap gap-4\">\n <a href=\"#program\" class=\"bg-accent hover:bg-accent-hover text-white px-8 py-3.5 rounded-full font-bold transition shadow-lg text-center flex-1 md:flex-none\">\n Mulai Berdonasi\n <\/a>\n <a href=\"#tentang\" class=\"bg-white\/10 hover:bg-white\/20 backdrop-blur-md border border-white\/30 text-white px-8 py-3.5 rounded-full font-semibold transition text-center flex-1 md:flex-none\">\n Pelajari CBK\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"lg:w-1\/2 w-full h-64 lg:h-auto relative min-h-[400px]\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1532629345422-7515f3d16bb6?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80\" alt=\"Anak-anak tersenyum\" class=\"absolute inset-0 w-full h-full object-cover\">\n \n <div class=\"absolute inset-0 bg-gradient-to-t from-brand\/90 to-transparent lg:bg-gradient-to-l\"><\/div>\n \n \n <div class=\"absolute bottom-6 right-6 lg:bottom-12 lg:right-12 bg-white p-4 rounded-2xl shadow-xl flex items-center gap-4 animate-bounce\" style=\"animation-duration: 3s;\">\n <div class=\"flex -space-x-3\">\n <img decoding=\"async\" class=\"w-10 h-10 rounded-full border-2 border-white object-cover\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?ixlib=rb-4.0.3&auto=format&fit=crop&w=100&q=80\" alt=\"Donatur\">\n <img decoding=\"async\" class=\"w-10 h-10 rounded-full border-2 border-white object-cover\" src=\"https:\/\/images.unsplash.com\/photo-1506794778202-cad84cf45f1d?ixlib=rb-4.0.3&auto=format&fit=crop&w=100&q=80\" alt=\"Donatur\">\n <div class=\"w-10 h-10 rounded-full border-2 border-white bg-brand text-white flex items-center justify-center text-xs font-bold\">+1K<\/div>\n <\/div>\n <div>\n <p class=\"text-sm font-bold text-gray-800\">Orang Baik<\/p>\n <p class=\"text-[11px] text-gray-500\">Telah bergabung bulan ini<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/header>\n\n \n <section class=\"pb-16 px-4 lg:px-8 -mt-8 relative z-20\">\n <div class=\"container mx-auto\">\n <div class=\"bg-white rounded-3xl shadow-xl p-8 grid grid-cols-1 md:grid-cols-3 gap-8 text-center border border-gray-100\">\n <div>\n <div class=\"text-4xl text-accent mb-2\"><i class=\"fa-solid fa-hands-holding-circle\"><\/i><\/div>\n <h3 class=\"text-3xl font-bold text-gray-800 mb-1\">50+<\/h3>\n <p class=\"text-gray-500 text-sm\">Program Tersalurkan<\/p>\n <\/div>\n <div class=\"hidden md:block w-px bg-gray-200 mx-auto h-16 mt-4\"><\/div> \n <div>\n <div class=\"text-4xl text-accent mb-2\"><i class=\"fa-solid fa-users\"><\/i><\/div>\n <h3 class=\"text-3xl font-bold text-gray-800 mb-1\">10.000+<\/h3>\n <p class=\"text-gray-500 text-sm\">Penerima Manfaat<\/p>\n <\/div>\n <div class=\"hidden md:block w-px bg-gray-200 mx-auto h-16 mt-4\"><\/div> \n <div>\n <div class=\"text-4xl text-accent mb-2\"><i class=\"fa-solid fa-handshake-angle\"><\/i><\/div>\n <h3 class=\"text-3xl font-bold text-gray-800 mb-1\">200+<\/h3>\n <p class=\"text-gray-500 text-sm\">Relawan Aktif<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"tentang\" class=\"py-16 px-4 lg:px-8 bg-brand-light\/30\">\n <div class=\"container mx-auto\">\n <div class=\"flex flex-col md:flex-row items-center gap-12\">\n <div class=\"md:w-1\/2\">\n <div class=\"relative\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1488521787991-ed7bbaae773c?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Tentang CBK\" class=\"rounded-3xl shadow-lg z-10 relative\">\n <div class=\"absolute -bottom-6 -right-6 w-full h-full bg-brand rounded-3xl -z-10\"><\/div>\n <\/div>\n <\/div>\n <div class=\"md:w-1\/2\">\n <div class=\"inline-flex items-center gap-2 px-3 py-1 bg-brand-light text-brand rounded-full text-sm font-semibold mb-4\">\n <i class=\"fa-solid fa-circle-info\"><\/i> Tentang CBK Peduli\n <\/div>\n <h2 class=\"text-3xl lg:text-4xl font-bold text-gray-800 mb-6\">Memperkuat Gerakan, Meluaskan Manfaat.<\/h2>\n <p class=\"text-gray-600 mb-4 leading-relaxed\">\n <strong class=\"text-brand\">Cahaya Berkah Kemakmuran (CBK)<\/strong> adalah salah satu Badan Otonom resmi di bawah naungan Lembaga Amil Zakat Nasional (Laznas) <strong>Yatim Mandiri<\/strong>. \n <\/p>\n <p class=\"text-gray-600 mb-6 leading-relaxed\">\n Kami dibentuk untuk memperkuat arah gerak lembaga dan mematangkan program-program sosial, kemandirian, serta dakwah khusus bagi anak yatim dan dhuafa di seluruh Indonesia.\n <\/p>\n \n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n <div class=\"bg-white p-4 rounded-2xl shadow-sm border border-gray-100 flex items-start gap-3\">\n <div class=\"bg-brand-light p-2 rounded-lg text-brand\"><i class=\"fa-solid fa-graduation-cap\"><\/i><\/div>\n <div>\n <h4 class=\"font-bold text-sm text-gray-800\">Kemandirian<\/h4>\n <p class=\"text-xs text-gray-500\">Pendidikan & Skill<\/p>\n <\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-2xl shadow-sm border border-gray-100 flex items-start gap-3\">\n <div class=\"bg-brand-light p-2 rounded-lg text-brand\"><i class=\"fa-solid fa-box-open\"><\/i><\/div>\n <div>\n <h4 class=\"font-bold text-sm text-gray-800\">Sosial<\/h4>\n <p class=\"text-xs text-gray-500\">Bantuan Kebutuhan Pokok<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"program\" class=\"py-20 px-4 lg:px-8\">\n <div class=\"container mx-auto\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl lg:text-4xl font-bold text-gray-800 mb-4\">Pilih Program Kebaikanmu<\/h2>\n <p class=\"text-gray-600 max-w-2xl mx-auto\">Setiap rupiah yang Anda donasikan akan disalurkan secara transparan untuk memandirikan yatim dan dhuafa.<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n \n \n <div class=\"bg-white rounded-3xl overflow-hidden shadow-lg border border-gray-100 hover:shadow-xl transition flex flex-col group\">\n <div class=\"relative h-52 overflow-hidden\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497633762265-9d179a990aa6?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80\" alt=\"Pendidikan\" class=\"w-full h-full object-cover group-hover:scale-105 transition duration-500\">\n <div class=\"absolute top-4 left-4 bg-white\/90 backdrop-blur text-xs font-bold px-3 py-1 rounded-full text-brand shadow\">\n Kemandirian\n <\/div>\n <\/div>\n <div class=\"p-6 flex flex-col flex-grow\">\n <h3 class=\"font-bold text-lg text-gray-800 mb-2 leading-tight\">Beasiswa Pendidikan & Alat Sekolah Yatim<\/h3>\n <p class=\"text-gray-500 text-sm mb-4 line-clamp-2\">Bantu anak-anak yatim dhuafa mendapatkan akses pendidikan yang layak dan perlengkapan sekolah.<\/p>\n \n \n <div class=\"mt-auto\">\n <div class=\"flex justify-between text-xs mb-1\">\n <span class=\"text-gray-500\">Terkumpul<\/span>\n <span class=\"font-bold text-brand\">Rp 12.500.000<\/span>\n <\/div>\n <div class=\"w-full bg-gray-100 rounded-full h-2.5 mb-2\">\n <div class=\"bg-brand h-2.5 rounded-full\" style=\"width: 65%\"><\/div>\n <\/div>\n <div class=\"text-xs text-right text-gray-400 mb-4\">Target: Rp 20.000.000<\/div>\n \n \n \n <a href=\"\/campaign\/beasiswa-pendidikan-yatim\" class=\"block w-full text-center bg-brand hover:bg-brand-dark text-white py-3 rounded-xl font-semibold transition\">\n Donasi Sekarang\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-3xl overflow-hidden shadow-lg border border-gray-100 hover:shadow-xl transition flex flex-col group\">\n <div class=\"relative h-52 overflow-hidden\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1594708767771-a7502209ff51?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80\" alt=\"Bantuan Sosial\" class=\"w-full h-full object-cover group-hover:scale-105 transition duration-500\">\n <div class=\"absolute top-4 left-4 bg-white\/90 backdrop-blur text-xs font-bold px-3 py-1 rounded-full text-accent shadow\">\n Sosial\n <\/div>\n <\/div>\n <div class=\"p-6 flex flex-col flex-grow\">\n <h3 class=\"font-bold text-lg text-gray-800 mb-2 leading-tight\">Paket Sembako untuk Lansia & Dhuafa Pelosok<\/h3>\n <p class=\"text-gray-500 text-sm mb-4 line-clamp-2\">Banyak lansia sebatang kara yang kesulitan makan. Mari penuhi kebutuhan gizi harian mereka.<\/p>\n \n \n <div class=\"mt-auto\">\n <div class=\"flex justify-between text-xs mb-1\">\n <span class=\"text-gray-500\">Terkumpul<\/span>\n <span class=\"font-bold text-accent\">Rp 8.200.000<\/span>\n <\/div>\n <div class=\"w-full bg-gray-100 rounded-full h-2.5 mb-2\">\n <div class=\"bg-accent h-2.5 rounded-full\" style=\"width: 45%\"><\/div>\n <\/div>\n <div class=\"text-xs text-right text-gray-400 mb-4\">Target: Rp 15.000.000<\/div>\n \n \n \n <a href=\"\/campaign\/paket-sembako-lansia\" class=\"block w-full text-center bg-brand hover:bg-brand-dark text-white py-3 rounded-xl font-semibold transition\">\n Donasi Sekarang\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-3xl overflow-hidden shadow-lg border border-gray-100 hover:shadow-xl transition flex flex-col group\">\n <div class=\"relative h-52 overflow-hidden\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519817914152-2a35016d47bf?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80\" alt=\"Dakwah\" class=\"w-full h-full object-cover group-hover:scale-105 transition duration-500\">\n <div class=\"absolute top-4 left-4 bg-white\/90 backdrop-blur text-xs font-bold px-3 py-1 rounded-full text-blue-500 shadow\">\n Dakwah\n <\/div>\n <\/div>\n <div class=\"p-6 flex flex-col flex-grow\">\n <h3 class=\"font-bold text-lg text-gray-800 mb-2 leading-tight\">Pembangunan TPQ & Sarana Ibadah Pelosok<\/h3>\n <p class=\"text-gray-500 text-sm mb-4 line-clamp-2\">Bantu perbaikan fasilitas ibadah dan Taman Pendidikan Al-Quran agar anak-anak nyaman belajar.<\/p>\n \n \n <div class=\"mt-auto\">\n <div class=\"flex justify-between text-xs mb-1\">\n <span class=\"text-gray-500\">Terkumpul<\/span>\n <span class=\"font-bold text-blue-500\">Rp 35.000.000<\/span>\n <\/div>\n <div class=\"w-full bg-gray-100 rounded-full h-2.5 mb-2\">\n <div class=\"bg-blue-500 h-2.5 rounded-full\" style=\"width: 85%\"><\/div>\n <\/div>\n <div class=\"text-xs text-right text-gray-400 mb-4\">Target: Rp 40.000.000<\/div>\n \n \n \n <a href=\"\/campaign\/pembangunan-tpq\" class=\"block w-full text-center bg-brand hover:bg-brand-dark text-white py-3 rounded-xl font-semibold transition\">\n Donasi Sekarang\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n \n <div class=\"text-center mt-10\">\n <a href=\"\/semua-program\" class=\"inline-block text-brand font-semibold hover:text-brand-dark hover:underline\">Lihat Semua Program <i class=\"fa-solid fa-arrow-right ml-1\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"kegiatan\" class=\"py-16 px-4 lg:px-8 bg-gray-900 text-white mt-8\">\n <div class=\"container mx-auto\">\n <div class=\"flex flex-col md:flex-row justify-between items-end mb-10 border-b border-gray-700 pb-6\">\n <div class=\"md:w-2\/3\">\n <span class=\"text-accent text-sm font-bold tracking-wider uppercase mb-2 block\">Kolaborasi & Aksi<\/span>\n <h2 class=\"text-3xl font-bold\">Aksi Nyata di Lapangan<\/h2>\n <\/div>\n <div class=\"mt-4 md:mt-0\">\n <a href=\"\/berita\" class=\"text-sm font-medium text-gray-300 hover:text-white transition\">Baca Berita Lainnya →<\/a>\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\n \n <div class=\"bg-gray-800 rounded-3xl p-6 flex flex-col justify-between group cursor-pointer hover:bg-gray-750 transition border border-gray-700\">\n <div class=\"mb-6\">\n <span class=\"bg-brand\/20 text-brand-light px-3 py-1 rounded-full text-xs font-semibold mb-4 inline-block\">Sinergi Relawan<\/span>\n <h3 class=\"text-2xl font-bold mb-3 group-hover:text-accent transition\">Gerakan Kebersihan Fasilitas Umum & Penyaluran Bantuan Jelang Ramadhan<\/h3>\n <p class=\"text-gray-400 text-sm leading-relaxed\">\n Cahaya Berkah Kemakmuran (CBK) bersinergi dengan relawan setempat (Yatim Mandiri Cabang Pasuruan) mengadakan aksi sosial membersihkan masjid dan membagikan paket sembako untuk warga sekitar.\n <\/p>\n <\/div>\n <div class=\"flex items-center gap-3 mt-4\">\n <div class=\"w-10 h-10 rounded-full bg-brand flex items-center justify-center text-white\"><i class=\"fa-solid fa-camera\"><\/i><\/div>\n <div>\n <p class=\"text-sm font-semibold\">Tim Relawan Pasuruan<\/p>\n <p class=\"text-xs text-gray-500\">2 Hari yang lalu<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-2 gap-4\">\n <div class=\"h-48 lg:h-full rounded-2xl overflow-hidden relative\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1559027615-cd4628902d4a?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80\" alt=\"Kegiatan Sosial\" class=\"w-full h-full object-cover\">\n <div class=\"absolute inset-0 bg-black\/20 hover:bg-black\/10 transition\"><\/div>\n <\/div>\n <div class=\"h-48 lg:h-full rounded-2xl overflow-hidden relative\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1469571486292-0ba58a3f068b?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80\" alt=\"Bantuan\" class=\"w-full h-full object-cover\">\n <div class=\"absolute inset-0 bg-black\/20 hover:bg-black\/10 transition\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-white pt-16 pb-8 border-t border-gray-200\">\n <div class=\"container mx-auto px-4 lg:px-8\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-12\">\n \n <div class=\"lg:col-span-1\">\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-10 h-10 bg-brand rounded-xl flex items-center justify-center text-white font-bold text-xl\">\n <i class=\"fa-solid fa-hands-holding-child\"><\/i>\n <\/div>\n <div>\n <h2 class=\"font-bold text-xl leading-none text-gray-900\">CBK Peduli<\/h2>\n <\/div>\n <\/div>\n <p class=\"text-gray-500 text-sm mb-6\">Badan Otonom di bawah naungan Lembaga Amil Zakat Nasional (Laznas) Yatim Mandiri.<\/p>\n <div class=\"flex gap-4\">\n <a href=\"#\" class=\"w-8 h-8 rounded-full bg-gray-100 flex items-center justify-center text-gray-600 hover:bg-brand hover:text-white transition\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\n <a href=\"#\" class=\"w-8 h-8 rounded-full bg-gray-100 flex items-center justify-center text-gray-600 hover:bg-brand hover:text-white transition\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\n <a href=\"#\" class=\"w-8 h-8 rounded-full bg-gray-100 flex items-center justify-center text-gray-600 hover:bg-brand hover:text-white transition\"><i class=\"fa-brands fa-youtube\"><\/i><\/a>\n <\/div>\n <\/div>\n\n \n <div>\n <h4 class=\"font-bold text-gray-800 mb-4\">Tentang Kami<\/h4>\n <ul class=\"space-y-2 text-sm text-gray-500\">\n <li><a href=\"#\" class=\"hover:text-brand transition\">Profil CBK<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-brand transition\">Hubungan dengan Yatim Mandiri<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-brand transition\">Laporan Transparansi<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-brand transition\">Kebijakan Privasi<\/a><\/li>\n <\/ul>\n <\/div>\n\n \n <div>\n <h4 class=\"font-bold text-gray-800 mb-4\">Pilar Program<\/h4>\n <ul class=\"space-y-2 text-sm text-gray-500\">\n <li><a href=\"#\" class=\"hover:text-brand transition\">Program Sosial<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-brand transition\">Program Kemandirian<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-brand transition\">Program Dakwah<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-brand transition\">Jadi Relawan<\/a><\/li>\n <\/ul>\n <\/div>\n\n \n <div>\n <h4 class=\"font-bold text-gray-800 mb-4\">Hubungi Kami<\/h4>\n <ul class=\"space-y-3 text-sm text-gray-500\">\n <li class=\"flex items-start gap-3\">\n <i class=\"fa-solid fa-location-dot mt-1 text-brand\"><\/i>\n <span>Graha Yatim Mandiri<br>Jl. Raya Jambangan No.135-137, Surabaya<\/span>\n <\/li>\n <li class=\"flex items-center gap-3\">\n <i class=\"fa-solid fa-envelope text-brand\"><\/i>\n <a href=\"mailto:info@cbkpeduli.org\" class=\"hover:text-brand\">info@cbkpeduli.org<\/a>\n <\/li>\n <li class=\"flex items-center gap-3\">\n <i class=\"fa-solid fa-phone text-brand\"><\/i>\n <span>(031) 8299905<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"border-t border-gray-100 pt-8 flex flex-col md:flex-row justify-between items-center gap-4 text-xs text-gray-500\">\n <p>© 2026 CBK Peduli (Cahaya Berkah Kemakmuran). All rights reserved.<\/p>\n <p>Didukung oleh Laznas Yatim Mandiri<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>CBK Peduli – Cahaya Berkah Kemakmuran | Badan Otonom Laznas Yatim Mandiri Badan Otonom Laznas Yatim Mandiri info@cbkpeduli.org CBK Peduli Cahaya Berkah Kemakmuran Beranda Tentang Kami Program Kegiatan Donasi ✨ Bersama Laznas Yatim Mandiri Menerangi Harapan, Membangun Kemandirian Mari bergandeng tangan menyalurkan kebaikan untuk anak yatim dan dhuafa melalui program sosial, kemandirian, dan dakwah. Mulai … <a title=\"Home\" class=\"read-more\" href=\"https:\/\/www.cbkpeduli.org\/?page_id=8\" aria-label=\"Read more about Home\">Read more<\/a><\/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-8","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/www.cbkpeduli.org\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cbkpeduli.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cbkpeduli.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cbkpeduli.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cbkpeduli.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":2,"href":"https:\/\/www.cbkpeduli.org\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":10,"href":"https:\/\/www.cbkpeduli.org\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/10"}],"wp:attachment":[{"href":"https:\/\/www.cbkpeduli.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}