Dasbor Interaktif: Visi Ekonomi Hijau & Biru<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\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=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n \n \n \n \n <style>\n body {\n font-family: 'Inter', sans-serif;\n background-color: #f8fafc; \/* slate-50 *\/\n color: #1e293b; \/* slate-800 *\/\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n height: 320px;\n max-height: 400px;\n }\n @media (min-width: 768px) {\n .chart-container {\n height: 400px;\n }\n }\n .nav-link {\n transition: color 0.3s, border-bottom-color 0.3s;\n border-bottom: 2px solid transparent;\n }\n .nav-link:hover, .nav-link.active {\n color: #0d9488; \/* teal-600 *\/\n border-bottom-color: #0d9488;\n }\n .btn-primary {\n background-color: #0d9488; \/* teal-600 *\/\n color: white;\n transition: background-color 0.3s;\n }\n .btn-primary:hover {\n background-color: #0f766e; \/* teal-700 *\/\n }\n .collapsible-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.5s ease-in-out;\n }\n .image-container {\n width: 700px;\n height: 700px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border: 2px solid #333;\n background-color: #f8f8f8;\n border-radius: 10px;\n margin: 20px auto; \/* agar container juga center di halaman *\/\n }\n\n .image-container img {\n max-width: 80%;\n height: auto;\n border-radius: 8px;\n margin-bottom: 10px;\n }\n\n .image-container p {\n font-size: 16px;\n color: #333;\n text-align: center;\n margin: 0;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased\">\n\n <header id=\"header\" class=\"bg-white\/80 backdrop-blur-lg sticky top-0 z-50 shadow-sm\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex items-center justify-between h-16\">\n <div class=\"flex items-center\">\n <span class=\"text-2xl font-bold text-teal-600\">Revo<\/span>\n <span class=\"text-2xl font-bold text-slate-700\">Chain<\/span>\n <\/div>\n <nav class=\"hidden md:flex space-x-6\">\n <a href=\"#vision\" class=\"nav-link text-slate-600 font-medium pb-1\">Visi<\/a>\n <a href=\"#concepts\" class=\"nav-link text-slate-600 font-medium pb-1\">Konsep<\/a>\n <a href=\"#engine\" class=\"nav-link text-slate-600 font-medium pb-1\">Mesin Ekonomi<\/a>\n <a href=\"#market\" class=\"nav-link text-slate-600 font-medium pb-1\">Peluang Pasar<\/a>\n <a href=\"#stakeholders\" class=\"nav-link text-slate-600 font-medium pb-1\">Struktur<\/a>\n <a href=\"#challenges\" class=\"nav-link text-slate-600 font-medium pb-1\">Tantangan<\/a>\n <a href=\"#strategy\" class=\"nav-link text-slate-600 font-medium pb-1\">Strategi<\/a>\n <\/nav>\n <\/div>\n <\/div>\n <\/header>\n\n <main>\n <section id=\"vision\" class=\"py-20 md:py-28 bg-white\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n <h1 class=\"text-4xl md:text-6xl font-extrabold tracking-tight text-slate-900\">Membangun Masa Depan Berkelanjutan.<\/h1>\n <p class=\"mt-6 max-w-3xl mx-auto text-lg md:text-xl text-slate-600\">\n Sebuah inisiatif transformatif yang menyatukan restorasi alam dengan teknologi blockchain untuk menciptakan ekonomi hijau dan biru yang tangguh, transparan, dan inklusif di Indonesia.\n <\/p>\n <div class=\"mt-8 flex justify-center\">\n <a href=\"#concepts\" class=\"btn-primary font-semibold py-3 px-8 rounded-full shadow-lg\">\n Jelajahi Konsepnya\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"concepts\" class=\"py-20 md:py-24\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900\">Konsep Inti: Sinergi Hijau & Biru<\/h2>\n <p class=\"mt-4 max-w-2xl mx-auto text-lg text-slate-600\">\n Memahami dua pilar utama yang mendorong visi kami. Ekonomi Hijau dan Biru bukan hanya konsep, tetapi sebuah kerangka kerja terintegrasi untuk pertumbuhan yang selaras dengan alam.\n <\/p>\n <\/div>\n <div class=\"grid md:grid-cols-2 gap-8 lg:gap-12 items-start\">\n <div class=\"bg-white p-8 rounded-xl shadow-md border border-slate-100\">\n <div class=\"flex items-center mb-4\">\n <div class=\"p-3 bg-emerald-100 rounded-full mr-4\">\n <span class=\"text-2xl\">\ud83c\udf33<\/span>\n <\/div>\n <h3 class=\"text-2xl font-bold text-emerald-700\">Ekonomi Hijau<\/h3>\n <\/div>\n <p class=\"text-slate-600\">\n Fokus pada restorasi ekosistem darat seperti reforestasi hutan. Tujuannya adalah mencapai kesejahteraan manusia dan kesetaraan sosial sambil mengurangi risiko lingkungan secara signifikan. Ini adalah tentang pertumbuhan yang meregenerasi, bukan menipiskan, modal alam kita.\n <\/p>\n <\/div>\n <div class=\"bg-white p-8 rounded-xl shadow-md border border-slate-100\">\n <div class=\"flex items-center mb-4\">\n <div class=\"p-3 bg-sky-100 rounded-full mr-4\">\n <span class=\"text-2xl\">\ud83c\udf0a<\/span>\n <\/div>\n <h3 class=\"text-2xl font-bold text-sky-700\">Ekonomi Biru<\/h3>\n <\/div>\n <p class=\"text-slate-600\">\n Pemanfaatan sumber daya laut secara berkelanjutan, termasuk restorasi hutan bakau, padang lamun, dan terumbu karang. Ini mengakui nilai ekonomi dari ekosistem laut yang sehat, dari penyerapan karbon biru hingga perlindungan garis pantai.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"engine\" class=\"py-20 md:py-24 bg-slate-100\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900\">Mesin Ekonomi: Dari Alam ke Aset Digital<\/h2>\n <p class=\"mt-4 max-w-3xl mx-auto text-lg text-slate-600\">\n Ini adalah inti dari model inovasi kami. Pelajari bagaimana kami mengubah tindakan restorasi menjadi aset digital yang dapat diverifikasi dan diperdagangkan, menciptakan siklus pembiayaan yang berkelanjutan. Klik setiap langkah untuk detail.\n <\/p>\n <\/div>\n\n <div class=\"flex flex-col md:flex-row justify-center items-center gap-4 md:gap-0\">\n <div class=\"engine-step text-center p-4 cursor-pointer\" data-content-id=\"content-1\">\n <div class=\"w-24 h-24 bg-white rounded-full flex items-center justify-center text-4xl shadow-lg border-4 border-emerald-200\">\ud83c\udf31<\/div>\n <p class=\"mt-3 font-semibold text-slate-700\">1. Restorasi<\/p>\n <\/div>\n <div class=\"hidden md:block text-slate-400 text-4xl mx-4\">\u2192<\/div>\n <div class=\"md:hidden text-slate-400 text-4xl my-2\">\u2193<\/div>\n <div class=\"engine-step text-center p-4 cursor-pointer\" data-content-id=\"content-2\">\n <div class=\"w-24 h-24 bg-white rounded-full flex items-center justify-center text-4xl shadow-lg border-4 border-slate-200\">\ud83d\udcc4<\/div>\n <p class=\"mt-3 font-semibold text-slate-700\">2. Kredit Karbon<\/p>\n <\/div>\n <div class=\"hidden md:block text-slate-400 text-4xl mx-4\">\u2192<\/div>\n <div class=\"md:hidden text-slate-400 text-4xl my-2\">\u2193<\/div>\n <div class=\"engine-step text-center p-4 cursor-pointer\" data-content-id=\"content-3\">\n <div class=\"w-24 h-24 bg-white rounded-full flex items-center justify-center text-4xl shadow-lg border-4 border-cyan-200\">\ud83d\udd17<\/div>\n <p class=\"mt-3 font-semibold text-slate-700\">3. Tokenisasi<\/p>\n <\/div>\n <div class=\"hidden md:block text-slate-400 text-4xl mx-4\">\u2192<\/div>\n <div class=\"md:hidden text-slate-400 text-4xl my-2\">\u2193<\/div>\n <div class=\"engine-step text-center p-4 cursor-pointer\" data-content-id=\"content-4\">\n <div class=\"w-24 h-24 bg-white rounded-full flex items-center justify-center text-4xl shadow-lg border-4 border-teal-200\">\ud83d\udcb0<\/div>\n <p class=\"mt-3 font-semibold text-slate-700\">4. Pasar Digital<\/p>\n <\/div>\n <\/div>\n\n <div id=\"engine-content-display\" class=\"mt-12 bg-white p-8 rounded-xl shadow-lg max-w-4xl mx-auto border border-slate-200 min-h-[150px]\">\n <div id=\"content-default\" class=\"text-slate-600\">Pilih salah satu langkah di atas untuk melihat penjelasannya.<\/div>\n <div id=\"content-1\" class=\"hidden\">\n <h4 class=\"font-bold text-xl text-emerald-700 mb-2\">Restorasi Ekosistem<\/h4>\n <p class=\"text-slate-600\">Aktivitas di lapangan seperti penanaman kembali hutan, mangrove, dan terumbu karang. Setiap pohon yang ditanam dan setiap meter persegi ekosistem yang dipulihkan menyerap karbon dari atmosfer. Ini adalah fondasi dari seluruh model nilai kami.<\/p>\n <\/div>\n <div id=\"content-2\" class=\"hidden\">\n <h4 class=\"font-bold text-xl text-slate-700 mb-2\">Verifikasi & Penerbitan Kredit Karbon<\/h4>\n <p class=\"text-slate-600\">Penyerapan karbon diukur, dilaporkan, dan diverifikasi (MRV) oleh lembaga independen. Hasilnya adalah kredit karbon yang tersertifikasi, di mana satu kredit mewakili satu ton CO2e yang telah dihilangkan atau dihindari dari atmosfer.<\/p>\n <\/div>\n <div id=\"content-3\" class=\"hidden\">\n <h4 class=\"font-bold text-xl text-cyan-700 mb-2\">Tokenisasi di Blockchain<\/h4>\n <p class=\"text-slate-600\">Setiap kredit karbon diubah menjadi aset digital unik (token) di atas teknologi blockchain. Ini menciptakan catatan kepemilikan yang transparan, tidak dapat diubah, dan melacak seluruh siklus hidup kredit, mencegah masalah seperti penghitungan ganda.<\/p>\n <\/div>\n <div id=\"content-4\" class=\"hidden\">\n <h4 class=\"font-bold text-xl text-teal-700 mb-2\">Akses Pasar & Reinvestasi<\/h4>\n <p class=\"text-slate-600\">Aset digital ini diperdagangkan di pasar global. Pendapatan yang dihasilkan dialirkan kembali untuk mendanai lebih banyak kegiatan restorasi, membayar masyarakat lokal yang terlibat, dan memberikan keuntungan bagi investor. Ini menciptakan siklus yang berkelanjutan.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <section id=\"market\" class=\"py-20 md:py-24 bg-white\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900\">Peluang Pasar Karbon<\/h2>\n <p class=\"mt-4 max-w-2xl mx-auto text-lg text-slate-600\">\n Pasar karbon sukarela (VCM) sedang mengalami pertumbuhan pesat, didorong oleh komitmen perusahaan global terhadap target net-zero. Ini menciptakan peluang finansial yang signifikan bagi proyek restorasi berkualitas tinggi.\n <\/p>\n <\/div>\n <div class=\"grid md:grid-cols-2 gap-12\">\n <div>\n <h3 class=\"text-xl font-semibold text-center mb-4 text-slate-800\">Proyeksi Pertumbuhan Pasar Karbon Sukarela (VCM)<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"marketGrowthChart\"><\/canvas>\n <\/div>\n <p class=\"text-center mt-4 text-sm text-slate-500\">Sumber: Analisis data pasar (Mordor Intelligence, 2024)<\/p>\n <\/div>\n <div>\n <h3 class=\"text-xl font-semibold text-center mb-4 text-slate-800\">Faktor Penentu Harga Premium Kredit Karbon<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"priceFactorsChart\"><\/canvas>\n <\/div>\n <p class=\"text-center mt-4 text-sm text-slate-500\">Kredit dengan manfaat tambahan yang kuat dapat dihargai lebih tinggi.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"stakeholders\" class=\"py-20 md:py-24 bg-slate-100\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900\">Ekosistem Kolaborasi<\/h2>\n <p class=\"mt-4 max-w-2xl mx-auto text-lg text-slate-600\">\n Keberhasilan proyek ini bergantung pada kemitraan strategis yang kuat. Setiap pemangku kepentingan memainkan peran penting dalam ekosistem yang kompleks ini. Arahkan kursor ke setiap pihak untuk melihat perannya.\n <\/p>\n <\/div>\n <div id=\"stakeholder-grid\" class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 md:gap-6\">\n <\/div>\n <div id=\"stakeholder-tooltip\" class=\"hidden absolute bg-slate-800 text-white text-sm rounded-lg py-2 px-3 shadow-lg z-10 transition-opacity duration-300\">\n <h5 class=\"font-bold\"><\/h5>\n <p><\/p>\n <\/div>\n <div class=\"image-container\">\n <img decoding=\"async\" src=\"https:\/\/aintza.org\/wp-content\/uploads\/2025\/06\/Revorest_Project_Organization.png\" alt=\"Project Structure\">\n <p>Struktur Program\/Proyek<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"challenges\" class=\"py-20 md:py-24 bg-white\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900\">Menavigasi Tantangan & Regulasi<\/h2>\n <p class=\"mt-4 max-w-2xl mx-auto text-lg text-slate-600\">\n Setiap proyek ambisius menghadapi tantangan. Kami secara proaktif mengidentifikasi dan merancang strategi untuk mengatasi risiko lingkungan, sosial, pasar, dan regulasi.\n <\/p>\n <\/div>\n <div class=\"max-w-4xl mx-auto\">\n <div class=\"accordion-item border-b border-slate-200 py-4\">\n <button class=\"accordion-header w-full flex justify-between items-center text-left text-xl font-semibold text-slate-800\">\n Tantangan Lingkungan & Sosial\n <span class=\"transform transition-transform duration-300\">\u25bc<\/span>\n <\/button>\n <div class=\"collapsible-content\">\n <p class=\"pt-4 text-slate-600\">Risiko utama meliputi *permanence* (memastikan karbon tetap tersimpan) dan *leakage* (emisi tidak bergeser ke tempat lain). Di sisi sosial, kami harus memastikan hak-hak masyarakat lokal dihormati, mencegah “perampasan hijau”, dan menjamin pembagian manfaat yang adil untuk membangun kepercayaan dan keberlanjutan jangka panjang.<\/p>\n <\/div>\n <\/div>\n <div class=\"accordion-item border-b border-slate-200 py-4\">\n <button class=\"accordion-header w-full flex justify-between items-center text-left text-xl font-semibold text-slate-800\">\n Tantangan Pasar & Teknologi\n <span class=\"transform transition-transform duration-300\">\u25bc<\/span>\n <\/button>\n <div class=\"collapsible-content\">\n <p class=\"pt-4 text-slate-600\">Pasar karbon bisa volatil, dan integritas kredit adalah kunci. Teknologi MRV (Pengukuran, Pelaporan, Verifikasi) harus sangat akurat untuk memastikan kualitas data. Kami juga harus mengatasi fragmentasi pasar untuk aset digital dan kesenjangan infrastruktur teknologi di area terpencil.<\/p>\n <\/div>\n <\/div>\n <div class=\"accordion-item border-b border-slate-200 py-4\">\n <button class=\"accordion-header w-full flex justify-between items-center text-left text-xl font-semibold text-slate-800\">\n Lanskap Regulasi di Indonesia\n <span class=\"transform transition-transform duration-300\">\u25bc<\/span>\n <\/button>\n <div class=\"collapsible-content\">\n <p class=\"pt-4 text-slate-600\">Regulasi untuk karbon dan aset digital di Indonesia berkembang pesat. Kami harus secara proaktif terlibat dengan regulator seperti OJK dan KLHK untuk memastikan kepatuhan. Peluncuran IDXCarbon dan pengakuan standar internasional seperti Gold Standard menunjukkan kemajuan, namun kejelasan lebih lanjut masih diperlukan.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"strategy\" class=\"py-20 md:py-24 bg-slate-100\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900\">Rekomendasi Strategis<\/h2>\n <p class=\"mt-4 max-w-2xl mx-auto text-lg text-slate-600\">\n Untuk memastikan kesuksesan, kami fokus pada enam pilar strategis yang saling memperkuat.\n <\/p>\n <\/div>\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <h4 class=\"font-bold text-lg text-teal-700 mb-2\">1. Prioritaskan Integritas MRV<\/h4>\n <p class=\"text-slate-600\">Menggunakan MRV berbasis blockchain canggih untuk memastikan transparansi dan akurasi data yang tak tertandingi.<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <h4 class=\"font-bold text-lg text-teal-700 mb-2\">2. Diversifikasi Nilai<\/h4>\n <p class=\"text-slate-600\">Tidak hanya karbon, tapi juga monetisasi kredit keanekaragaman hayati, ekowisata, dan manfaat lainnya.<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <h4 class=\"font-bold text-lg text-teal-700 mb-2\">3. Kemitraan Kuat<\/h4>\n <p class=\"text-slate-600\">Membangun aliansi dengan lembaga ilmiah, penyedia teknologi, dan terutama, komunitas lokal.<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <h4 class=\"font-bold text-lg text-teal-700 mb-2\">4. Navigasi Regulasi Proaktif<\/h4>\n <p class=\"text-slate-600\">Terlibat aktif dengan regulator untuk memastikan kepatuhan dan membantu membentuk kebijakan masa depan.<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <h4 class=\"font-bold text-lg text-teal-700 mb-2\">5. Model Keuangan Inovatif<\/h4>\n <p class=\"text-slate-600\">Menggabungkan pendanaan tradisional dengan penjualan aset digital (token dan NFT) untuk akses modal yang lebih luas.<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <h4 class=\"font-bold text-lg text-teal-700 mb-2\">6. Kapasitas & Keadilan Digital<\/h4>\n <p class=\"text-slate-600\">Berinvestasi dalam pelatihan dan infrastruktur digital untuk memberdayakan masyarakat lokal secara adil.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n\n <footer class=\"bg-slate-800 text-slate-300\">\n <div class=\"container mx-auto py-8 px-4 sm:px-6 lg:px-8 text-center\">\n <p>© 2025 EcoChain Vision. Sebuah model untuk masa depan yang berkelanjutan.<\/p>\n <\/div>\n <\/footer>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n const sections = document.querySelectorAll('main section');\n const navLinks = document.querySelectorAll('nav a');\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n navLinks.forEach(link => {\n link.classList.remove('active');\n if (link.getAttribute('href').substring(1) === entry.target.id) {\n link.classList.add('active');\n }\n });\n }\n });\n }, { rootMargin: '-30% 0px -70% 0px' });\n\n sections.forEach(section => {\n observer.observe(section);\n });\n\n const engineSteps = document.querySelectorAll('.engine-step');\n const contentDisplay = document.getElementById('engine-content-display');\n const defaultContent = document.getElementById('content-default');\n\n engineSteps.forEach(step => {\n step.addEventListener('click', () => {\n const contentId = step.dataset.contentId;\n \n engineSteps.forEach(s => s.classList.remove('active-step'));\n step.classList.add('active-step');\n\n Array.from(contentDisplay.children).forEach(child => {\n child.classList.add('hidden');\n });\n \n const activeContent = document.getElementById(contentId);\n if(activeContent) {\n activeContent.classList.remove('hidden');\n } else {\n defaultContent.classList.remove('hidden');\n }\n });\n });\n\n const marketGrowthCtx = document.getElementById('marketGrowthChart').getContext('2d');\n new Chart(marketGrowthCtx, {\n type: 'bar',\n data: {\n labels: ['2024', '2026', '2028', '2030'],\n datasets: [{\n label: 'Ukuran Pasar (Miliar USD)',\n data: [4.04, 8.5, 15.2, 23.99],\n backgroundColor: 'rgba(13, 148, 136, 0.6)',\n borderColor: 'rgba(13, 148, 136, 1)',\n borderWidth: 1\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: {\n beginAtZero: true,\n title: {\n display: true,\n text: 'Miliar USD'\n }\n }\n },\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n callbacks: {\n label: function(context) {\n return ` ${context.dataset.label}: $${context.parsed.y} Miliar`;\n }\n }\n }\n }\n }\n });\n \n const priceFactorsCtx = document.getElementById('priceFactorsChart').getContext('2d');\n new Chart(priceFactorsCtx, {\n type: 'doughnut',\n data: {\n labels: ['Kualitas (MRV Kuat)', 'Manfaat Tambahan (Sosial, Biodiversitas)', 'Tipe Proyek (Penghilangan > Pengurangan)', 'Vintage (Baru > Lama)'],\n datasets: [{\n label: 'Kontribusi pada Harga Premium',\n data: [40, 30, 20, 10],\n backgroundColor: [\n 'rgba(13, 148, 136, 0.8)',\n 'rgba(8, 126, 112, 0.7)',\n 'rgba(15, 118, 110, 0.6)',\n 'rgba(17, 94, 89, 0.5)'\n ],\n hoverOffset: 4\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n position: 'bottom',\n },\n tooltip: {\n callbacks: {\n label: function(context) {\n return `${context.label}: ${context.parsed}%`;\n }\n }\n }\n }\n }\n });\n\n const stakeholderData = [\n { name: 'Aintza & SCADglobal Foundation', role: 'Inisiator & Koordinator Strategis, fokus dampak sosial-lingkungan dan pengembangan komunitas.' },\n { name: 'Adamas Global Projects', role: 'Manajemen & Pelaksana Proyek, bertanggung jawab atas operasional dan arsitektur keuangan.' },\n { name: 'Pemerintah Daerah', role: 'Regulator & Fasilitator, menyediakan perizinan dan dukungan kebijakan lokal.' },\n { name: 'BUMD', role: 'Mitra Operasional Lokal, penghubung dengan ekonomi daerah.' },\n { name: 'Investor', role: 'Penyedia Modal Finansial untuk implementasi proyek.' },\n { name: 'Carbon Market Off-taker', role: 'Pembeli Kredit Karbon, sumber pendapatan utama.' },\n { name: 'NGO Lokal', role: 'Jembatan antara proyek dan komunitas, fasilitator lapangan.' },\n { name: 'Kelompok Masyarakat', role: 'Pelaksana & Pemelihara di lapangan, penerima manfaat langsung.' },\n { name: 'Masyarakat (Digital Asset)', role: 'Pengguna & Offtaker aset digital\/crypto, berpartisipasi dalam ekosistem digital.' },\n { name: 'Badan Verifikasi Karbon', role: 'Pihak ketiga independen yang melakukan audit dan sertifikasi kredit karbon.' },\n { name: 'Penyedia Teknologi Blockchain', role: 'Mengembangkan dan memelihara infrastruktur digital yang aman dan transparan.' },\n { name: 'Regulator Keuangan (OJK)', role: 'Mengawasi aspek keuangan dan aset digital, memastikan kepatuhan.' },\n ];\n\n const stakeholderGrid = document.getElementById('stakeholder-grid');\n const tooltip = document.getElementById('stakeholder-tooltip');\n stakeholderData.forEach(stakeholder => {\n const div = document.createElement('div');\n div.className = 'stakeholder-item bg-white p-4 rounded-lg shadow-md text-center cursor-pointer flex items-center justify-center h-24';\n div.textContent = stakeholder.name;\n \n div.addEventListener('mouseenter', (e) => {\n tooltip.querySelector('h5').textContent = stakeholder.name;\n tooltip.querySelector('p').textContent = stakeholder.role;\n tooltip.classList.remove('hidden');\n tooltip.classList.add('opacity-100');\n \n const rect = e.target.getBoundingClientRect();\n tooltip.style.left = `${rect.left + window.scrollX}px`;\n tooltip.style.top = `${rect.bottom + window.scrollY + 5}px`;\n });\n\n div.addEventListener('mouseleave', () => {\n tooltip.classList.add('hidden');\n tooltip.classList.remove('opacity-100');\n });\n\n stakeholderGrid.appendChild(div);\n });\n\n const accordionItems = document.querySelectorAll('.accordion-item');\n accordionItems.forEach(item => {\n const header = item.querySelector('.accordion-header');\n const content = item.querySelector('.collapsible-content');\n const icon = header.querySelector('span');\n\n header.addEventListener('click', () => {\n const isOpen = content.style.maxHeight && content.style.maxHeight !== '0px';\n \n \/\/ Close all items\n accordionItems.forEach(i => {\n i.querySelector('.collapsible-content').style.maxHeight = '0px';\n i.querySelector('.accordion-header span').style.transform = 'rotate(0deg)';\n });\n\n \/\/ Open the clicked item if it was closed\n if (!isOpen) {\n content.style.maxHeight = content.scrollHeight + 'px';\n icon.style.transform = 'rotate(180deg)';\n }\n });\n });\n\n});\n<\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Dasbor Interaktif: Visi Ekonomi Hijau & Biru Revo Chain Visi Konsep Mesin Ekonomi Peluang Pasar Struktur Tantangan Strategi Membangun Masa […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1972","page","type-page","status-publish","hentry"],"aioseo_notices":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"chakraroy@gmail.com","author_link":"https:\/\/scadglobal.org\/id\/author\/chakraroygmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Dasbor Interaktif: Visi Ekonomi Hijau & Biru Revo Chain Visi Konsep Mesin Ekonomi Peluang Pasar Struktur Tantangan Strategi Membangun Masa […]","_links":{"self":[{"href":"https:\/\/scadglobal.org\/id\/wp-json\/wp\/v2\/pages\/1972","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scadglobal.org\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scadglobal.org\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scadglobal.org\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/scadglobal.org\/id\/wp-json\/wp\/v2\/comments?post=1972"}],"version-history":[{"count":1,"href":"https:\/\/scadglobal.org\/id\/wp-json\/wp\/v2\/pages\/1972\/revisions"}],"predecessor-version":[{"id":1973,"href":"https:\/\/scadglobal.org\/id\/wp-json\/wp\/v2\/pages\/1972\/revisions\/1973"}],"wp:attachment":[{"href":"https:\/\/scadglobal.org\/id\/wp-json\/wp\/v2\/media?parent=1972"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1972,"date":"2025-06-12T17:33:30","date_gmt":"2025-06-12T17:33:30","guid":{"rendered":"https:\/\/scadglobal.org\/?page_id=1972"},"modified":"2025-06-12T17:33:32","modified_gmt":"2025-06-12T17:33:32","slug":"revorest_project","status":"publish","type":"page","link":"https:\/\/scadglobal.org\/id\/revorest_project\/","title":{"rendered":"revorest_project"},"content":{"rendered":"\n\n\n \n \n Dasbor Interaktif: Visi Ekonomi Hijau & Biru<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\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=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n \n \n \n \n <style>\n body {\n font-family: 'Inter', sans-serif;\n background-color: #f8fafc; \/* slate-50 *\/\n color: #1e293b; \/* slate-800 *\/\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n height: 320px;\n max-height: 400px;\n }\n @media (min-width: 768px) {\n .chart-container {\n height: 400px;\n }\n }\n .nav-link {\n transition: color 0.3s, border-bottom-color 0.3s;\n border-bottom: 2px solid transparent;\n }\n .nav-link:hover, .nav-link.active {\n color: #0d9488; \/* teal-600 *\/\n border-bottom-color: #0d9488;\n }\n .btn-primary {\n background-color: #0d9488; \/* teal-600 *\/\n color: white;\n transition: background-color 0.3s;\n }\n .btn-primary:hover {\n background-color: #0f766e; \/* teal-700 *\/\n }\n .collapsible-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.5s ease-in-out;\n }\n .image-container {\n width: 700px;\n height: 700px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border: 2px solid #333;\n background-color: #f8f8f8;\n border-radius: 10px;\n margin: 20px auto; \/* agar container juga center di halaman *\/\n }\n\n .image-container img {\n max-width: 80%;\n height: auto;\n border-radius: 8px;\n margin-bottom: 10px;\n }\n\n .image-container p {\n font-size: 16px;\n color: #333;\n text-align: center;\n margin: 0;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased\">\n\n <header id=\"header\" class=\"bg-white\/80 backdrop-blur-lg sticky top-0 z-50 shadow-sm\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex items-center justify-between h-16\">\n <div class=\"flex items-center\">\n <span class=\"text-2xl font-bold text-teal-600\">Revo<\/span>\n <span class=\"text-2xl font-bold text-slate-700\">Chain<\/span>\n <\/div>\n <nav class=\"hidden md:flex space-x-6\">\n <a href=\"#vision\" class=\"nav-link text-slate-600 font-medium pb-1\">Visi<\/a>\n <a href=\"#concepts\" class=\"nav-link text-slate-600 font-medium pb-1\">Konsep<\/a>\n <a href=\"#engine\" class=\"nav-link text-slate-600 font-medium pb-1\">Mesin Ekonomi<\/a>\n <a href=\"#market\" class=\"nav-link text-slate-600 font-medium pb-1\">Peluang Pasar<\/a>\n <a href=\"#stakeholders\" class=\"nav-link text-slate-600 font-medium pb-1\">Struktur<\/a>\n <a href=\"#challenges\" class=\"nav-link text-slate-600 font-medium pb-1\">Tantangan<\/a>\n <a href=\"#strategy\" class=\"nav-link text-slate-600 font-medium pb-1\">Strategi<\/a>\n <\/nav>\n <\/div>\n <\/div>\n <\/header>\n\n <main>\n <section id=\"vision\" class=\"py-20 md:py-28 bg-white\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n <h1 class=\"text-4xl md:text-6xl font-extrabold tracking-tight text-slate-900\">Membangun Masa Depan Berkelanjutan.<\/h1>\n <p class=\"mt-6 max-w-3xl mx-auto text-lg md:text-xl text-slate-600\">\n Sebuah inisiatif transformatif yang menyatukan restorasi alam dengan teknologi blockchain untuk menciptakan ekonomi hijau dan biru yang tangguh, transparan, dan inklusif di Indonesia.\n <\/p>\n <div class=\"mt-8 flex justify-center\">\n <a href=\"#concepts\" class=\"btn-primary font-semibold py-3 px-8 rounded-full shadow-lg\">\n Jelajahi Konsepnya\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"concepts\" class=\"py-20 md:py-24\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900\">Konsep Inti: Sinergi Hijau & Biru<\/h2>\n <p class=\"mt-4 max-w-2xl mx-auto text-lg text-slate-600\">\n Memahami dua pilar utama yang mendorong visi kami. Ekonomi Hijau dan Biru bukan hanya konsep, tetapi sebuah kerangka kerja terintegrasi untuk pertumbuhan yang selaras dengan alam.\n <\/p>\n <\/div>\n <div class=\"grid md:grid-cols-2 gap-8 lg:gap-12 items-start\">\n <div class=\"bg-white p-8 rounded-xl shadow-md border border-slate-100\">\n <div class=\"flex items-center mb-4\">\n <div class=\"p-3 bg-emerald-100 rounded-full mr-4\">\n <span class=\"text-2xl\">\ud83c\udf33<\/span>\n <\/div>\n <h3 class=\"text-2xl font-bold text-emerald-700\">Ekonomi Hijau<\/h3>\n <\/div>\n <p class=\"text-slate-600\">\n Fokus pada restorasi ekosistem darat seperti reforestasi hutan. Tujuannya adalah mencapai kesejahteraan manusia dan kesetaraan sosial sambil mengurangi risiko lingkungan secara signifikan. Ini adalah tentang pertumbuhan yang meregenerasi, bukan menipiskan, modal alam kita.\n <\/p>\n <\/div>\n <div class=\"bg-white p-8 rounded-xl shadow-md border border-slate-100\">\n <div class=\"flex items-center mb-4\">\n <div class=\"p-3 bg-sky-100 rounded-full mr-4\">\n <span class=\"text-2xl\">\ud83c\udf0a<\/span>\n <\/div>\n <h3 class=\"text-2xl font-bold text-sky-700\">Ekonomi Biru<\/h3>\n <\/div>\n <p class=\"text-slate-600\">\n Pemanfaatan sumber daya laut secara berkelanjutan, termasuk restorasi hutan bakau, padang lamun, dan terumbu karang. Ini mengakui nilai ekonomi dari ekosistem laut yang sehat, dari penyerapan karbon biru hingga perlindungan garis pantai.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"engine\" class=\"py-20 md:py-24 bg-slate-100\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900\">Mesin Ekonomi: Dari Alam ke Aset Digital<\/h2>\n <p class=\"mt-4 max-w-3xl mx-auto text-lg text-slate-600\">\n Ini adalah inti dari model inovasi kami. Pelajari bagaimana kami mengubah tindakan restorasi menjadi aset digital yang dapat diverifikasi dan diperdagangkan, menciptakan siklus pembiayaan yang berkelanjutan. Klik setiap langkah untuk detail.\n <\/p>\n <\/div>\n\n <div class=\"flex flex-col md:flex-row justify-center items-center gap-4 md:gap-0\">\n <div class=\"engine-step text-center p-4 cursor-pointer\" data-content-id=\"content-1\">\n <div class=\"w-24 h-24 bg-white rounded-full flex items-center justify-center text-4xl shadow-lg border-4 border-emerald-200\">\ud83c\udf31<\/div>\n <p class=\"mt-3 font-semibold text-slate-700\">1. Restorasi<\/p>\n <\/div>\n <div class=\"hidden md:block text-slate-400 text-4xl mx-4\">\u2192<\/div>\n <div class=\"md:hidden text-slate-400 text-4xl my-2\">\u2193<\/div>\n <div class=\"engine-step text-center p-4 cursor-pointer\" data-content-id=\"content-2\">\n <div class=\"w-24 h-24 bg-white rounded-full flex items-center justify-center text-4xl shadow-lg border-4 border-slate-200\">\ud83d\udcc4<\/div>\n <p class=\"mt-3 font-semibold text-slate-700\">2. Kredit Karbon<\/p>\n <\/div>\n <div class=\"hidden md:block text-slate-400 text-4xl mx-4\">\u2192<\/div>\n <div class=\"md:hidden text-slate-400 text-4xl my-2\">\u2193<\/div>\n <div class=\"engine-step text-center p-4 cursor-pointer\" data-content-id=\"content-3\">\n <div class=\"w-24 h-24 bg-white rounded-full flex items-center justify-center text-4xl shadow-lg border-4 border-cyan-200\">\ud83d\udd17<\/div>\n <p class=\"mt-3 font-semibold text-slate-700\">3. Tokenisasi<\/p>\n <\/div>\n <div class=\"hidden md:block text-slate-400 text-4xl mx-4\">\u2192<\/div>\n <div class=\"md:hidden text-slate-400 text-4xl my-2\">\u2193<\/div>\n <div class=\"engine-step text-center p-4 cursor-pointer\" data-content-id=\"content-4\">\n <div class=\"w-24 h-24 bg-white rounded-full flex items-center justify-center text-4xl shadow-lg border-4 border-teal-200\">\ud83d\udcb0<\/div>\n <p class=\"mt-3 font-semibold text-slate-700\">4. Pasar Digital<\/p>\n <\/div>\n <\/div>\n\n <div id=\"engine-content-display\" class=\"mt-12 bg-white p-8 rounded-xl shadow-lg max-w-4xl mx-auto border border-slate-200 min-h-[150px]\">\n <div id=\"content-default\" class=\"text-slate-600\">Pilih salah satu langkah di atas untuk melihat penjelasannya.<\/div>\n <div id=\"content-1\" class=\"hidden\">\n <h4 class=\"font-bold text-xl text-emerald-700 mb-2\">Restorasi Ekosistem<\/h4>\n <p class=\"text-slate-600\">Aktivitas di lapangan seperti penanaman kembali hutan, mangrove, dan terumbu karang. Setiap pohon yang ditanam dan setiap meter persegi ekosistem yang dipulihkan menyerap karbon dari atmosfer. Ini adalah fondasi dari seluruh model nilai kami.<\/p>\n <\/div>\n <div id=\"content-2\" class=\"hidden\">\n <h4 class=\"font-bold text-xl text-slate-700 mb-2\">Verifikasi & Penerbitan Kredit Karbon<\/h4>\n <p class=\"text-slate-600\">Penyerapan karbon diukur, dilaporkan, dan diverifikasi (MRV) oleh lembaga independen. Hasilnya adalah kredit karbon yang tersertifikasi, di mana satu kredit mewakili satu ton CO2e yang telah dihilangkan atau dihindari dari atmosfer.<\/p>\n <\/div>\n <div id=\"content-3\" class=\"hidden\">\n <h4 class=\"font-bold text-xl text-cyan-700 mb-2\">Tokenisasi di Blockchain<\/h4>\n <p class=\"text-slate-600\">Setiap kredit karbon diubah menjadi aset digital unik (token) di atas teknologi blockchain. Ini menciptakan catatan kepemilikan yang transparan, tidak dapat diubah, dan melacak seluruh siklus hidup kredit, mencegah masalah seperti penghitungan ganda.<\/p>\n <\/div>\n <div id=\"content-4\" class=\"hidden\">\n <h4 class=\"font-bold text-xl text-teal-700 mb-2\">Akses Pasar & Reinvestasi<\/h4>\n <p class=\"text-slate-600\">Aset digital ini diperdagangkan di pasar global. Pendapatan yang dihasilkan dialirkan kembali untuk mendanai lebih banyak kegiatan restorasi, membayar masyarakat lokal yang terlibat, dan memberikan keuntungan bagi investor. Ini menciptakan siklus yang berkelanjutan.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <section id=\"market\" class=\"py-20 md:py-24 bg-white\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900\">Peluang Pasar Karbon<\/h2>\n <p class=\"mt-4 max-w-2xl mx-auto text-lg text-slate-600\">\n Pasar karbon sukarela (VCM) sedang mengalami pertumbuhan pesat, didorong oleh komitmen perusahaan global terhadap target net-zero. Ini menciptakan peluang finansial yang signifikan bagi proyek restorasi berkualitas tinggi.\n <\/p>\n <\/div>\n <div class=\"grid md:grid-cols-2 gap-12\">\n <div>\n <h3 class=\"text-xl font-semibold text-center mb-4 text-slate-800\">Proyeksi Pertumbuhan Pasar Karbon Sukarela (VCM)<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"marketGrowthChart\"><\/canvas>\n <\/div>\n <p class=\"text-center mt-4 text-sm text-slate-500\">Sumber: Analisis data pasar (Mordor Intelligence, 2024)<\/p>\n <\/div>\n <div>\n <h3 class=\"text-xl font-semibold text-center mb-4 text-slate-800\">Faktor Penentu Harga Premium Kredit Karbon<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"priceFactorsChart\"><\/canvas>\n <\/div>\n <p class=\"text-center mt-4 text-sm text-slate-500\">Kredit dengan manfaat tambahan yang kuat dapat dihargai lebih tinggi.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"stakeholders\" class=\"py-20 md:py-24 bg-slate-100\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900\">Ekosistem Kolaborasi<\/h2>\n <p class=\"mt-4 max-w-2xl mx-auto text-lg text-slate-600\">\n Keberhasilan proyek ini bergantung pada kemitraan strategis yang kuat. Setiap pemangku kepentingan memainkan peran penting dalam ekosistem yang kompleks ini. Arahkan kursor ke setiap pihak untuk melihat perannya.\n <\/p>\n <\/div>\n <div id=\"stakeholder-grid\" class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 md:gap-6\">\n <\/div>\n <div id=\"stakeholder-tooltip\" class=\"hidden absolute bg-slate-800 text-white text-sm rounded-lg py-2 px-3 shadow-lg z-10 transition-opacity duration-300\">\n <h5 class=\"font-bold\"><\/h5>\n <p><\/p>\n <\/div>\n <div class=\"image-container\">\n <img decoding=\"async\" src=\"https:\/\/aintza.org\/wp-content\/uploads\/2025\/06\/Revorest_Project_Organization.png\" alt=\"Project Structure\">\n <p>Struktur Program\/Proyek<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"challenges\" class=\"py-20 md:py-24 bg-white\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900\">Menavigasi Tantangan & Regulasi<\/h2>\n <p class=\"mt-4 max-w-2xl mx-auto text-lg text-slate-600\">\n Setiap proyek ambisius menghadapi tantangan. Kami secara proaktif mengidentifikasi dan merancang strategi untuk mengatasi risiko lingkungan, sosial, pasar, dan regulasi.\n <\/p>\n <\/div>\n <div class=\"max-w-4xl mx-auto\">\n <div class=\"accordion-item border-b border-slate-200 py-4\">\n <button class=\"accordion-header w-full flex justify-between items-center text-left text-xl font-semibold text-slate-800\">\n Tantangan Lingkungan & Sosial\n <span class=\"transform transition-transform duration-300\">\u25bc<\/span>\n <\/button>\n <div class=\"collapsible-content\">\n <p class=\"pt-4 text-slate-600\">Risiko utama meliputi *permanence* (memastikan karbon tetap tersimpan) dan *leakage* (emisi tidak bergeser ke tempat lain). Di sisi sosial, kami harus memastikan hak-hak masyarakat lokal dihormati, mencegah “perampasan hijau”, dan menjamin pembagian manfaat yang adil untuk membangun kepercayaan dan keberlanjutan jangka panjang.<\/p>\n <\/div>\n <\/div>\n <div class=\"accordion-item border-b border-slate-200 py-4\">\n <button class=\"accordion-header w-full flex justify-between items-center text-left text-xl font-semibold text-slate-800\">\n Tantangan Pasar & Teknologi\n <span class=\"transform transition-transform duration-300\">\u25bc<\/span>\n <\/button>\n <div class=\"collapsible-content\">\n <p class=\"pt-4 text-slate-600\">Pasar karbon bisa volatil, dan integritas kredit adalah kunci. Teknologi MRV (Pengukuran, Pelaporan, Verifikasi) harus sangat akurat untuk memastikan kualitas data. Kami juga harus mengatasi fragmentasi pasar untuk aset digital dan kesenjangan infrastruktur teknologi di area terpencil.<\/p>\n <\/div>\n <\/div>\n <div class=\"accordion-item border-b border-slate-200 py-4\">\n <button class=\"accordion-header w-full flex justify-between items-center text-left text-xl font-semibold text-slate-800\">\n Lanskap Regulasi di Indonesia\n <span class=\"transform transition-transform duration-300\">\u25bc<\/span>\n <\/button>\n <div class=\"collapsible-content\">\n <p class=\"pt-4 text-slate-600\">Regulasi untuk karbon dan aset digital di Indonesia berkembang pesat. Kami harus secara proaktif terlibat dengan regulator seperti OJK dan KLHK untuk memastikan kepatuhan. Peluncuran IDXCarbon dan pengakuan standar internasional seperti Gold Standard menunjukkan kemajuan, namun kejelasan lebih lanjut masih diperlukan.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"strategy\" class=\"py-20 md:py-24 bg-slate-100\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900\">Rekomendasi Strategis<\/h2>\n <p class=\"mt-4 max-w-2xl mx-auto text-lg text-slate-600\">\n Untuk memastikan kesuksesan, kami fokus pada enam pilar strategis yang saling memperkuat.\n <\/p>\n <\/div>\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <h4 class=\"font-bold text-lg text-teal-700 mb-2\">1. Prioritaskan Integritas MRV<\/h4>\n <p class=\"text-slate-600\">Menggunakan MRV berbasis blockchain canggih untuk memastikan transparansi dan akurasi data yang tak tertandingi.<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <h4 class=\"font-bold text-lg text-teal-700 mb-2\">2. Diversifikasi Nilai<\/h4>\n <p class=\"text-slate-600\">Tidak hanya karbon, tapi juga monetisasi kredit keanekaragaman hayati, ekowisata, dan manfaat lainnya.<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <h4 class=\"font-bold text-lg text-teal-700 mb-2\">3. Kemitraan Kuat<\/h4>\n <p class=\"text-slate-600\">Membangun aliansi dengan lembaga ilmiah, penyedia teknologi, dan terutama, komunitas lokal.<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <h4 class=\"font-bold text-lg text-teal-700 mb-2\">4. Navigasi Regulasi Proaktif<\/h4>\n <p class=\"text-slate-600\">Terlibat aktif dengan regulator untuk memastikan kepatuhan dan membantu membentuk kebijakan masa depan.<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <h4 class=\"font-bold text-lg text-teal-700 mb-2\">5. Model Keuangan Inovatif<\/h4>\n <p class=\"text-slate-600\">Menggabungkan pendanaan tradisional dengan penjualan aset digital (token dan NFT) untuk akses modal yang lebih luas.<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-md\">\n <h4 class=\"font-bold text-lg text-teal-700 mb-2\">6. Kapasitas & Keadilan Digital<\/h4>\n <p class=\"text-slate-600\">Berinvestasi dalam pelatihan dan infrastruktur digital untuk memberdayakan masyarakat lokal secara adil.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n\n <footer class=\"bg-slate-800 text-slate-300\">\n <div class=\"container mx-auto py-8 px-4 sm:px-6 lg:px-8 text-center\">\n <p>© 2025 EcoChain Vision. Sebuah model untuk masa depan yang berkelanjutan.<\/p>\n <\/div>\n <\/footer>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n const sections = document.querySelectorAll('main section');\n const navLinks = document.querySelectorAll('nav a');\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n navLinks.forEach(link => {\n link.classList.remove('active');\n if (link.getAttribute('href').substring(1) === entry.target.id) {\n link.classList.add('active');\n }\n });\n }\n });\n }, { rootMargin: '-30% 0px -70% 0px' });\n\n sections.forEach(section => {\n observer.observe(section);\n });\n\n const engineSteps = document.querySelectorAll('.engine-step');\n const contentDisplay = document.getElementById('engine-content-display');\n const defaultContent = document.getElementById('content-default');\n\n engineSteps.forEach(step => {\n step.addEventListener('click', () => {\n const contentId = step.dataset.contentId;\n \n engineSteps.forEach(s => s.classList.remove('active-step'));\n step.classList.add('active-step');\n\n Array.from(contentDisplay.children).forEach(child => {\n child.classList.add('hidden');\n });\n \n const activeContent = document.getElementById(contentId);\n if(activeContent) {\n activeContent.classList.remove('hidden');\n } else {\n defaultContent.classList.remove('hidden');\n }\n });\n });\n\n const marketGrowthCtx = document.getElementById('marketGrowthChart').getContext('2d');\n new Chart(marketGrowthCtx, {\n type: 'bar',\n data: {\n labels: ['2024', '2026', '2028', '2030'],\n datasets: [{\n label: 'Ukuran Pasar (Miliar USD)',\n data: [4.04, 8.5, 15.2, 23.99],\n backgroundColor: 'rgba(13, 148, 136, 0.6)',\n borderColor: 'rgba(13, 148, 136, 1)',\n borderWidth: 1\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: {\n beginAtZero: true,\n title: {\n display: true,\n text: 'Miliar USD'\n }\n }\n },\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n callbacks: {\n label: function(context) {\n return ` ${context.dataset.label}: $${context.parsed.y} Miliar`;\n }\n }\n }\n }\n }\n });\n \n const priceFactorsCtx = document.getElementById('priceFactorsChart').getContext('2d');\n new Chart(priceFactorsCtx, {\n type: 'doughnut',\n data: {\n labels: ['Kualitas (MRV Kuat)', 'Manfaat Tambahan (Sosial, Biodiversitas)', 'Tipe Proyek (Penghilangan > Pengurangan)', 'Vintage (Baru > Lama)'],\n datasets: [{\n label: 'Kontribusi pada Harga Premium',\n data: [40, 30, 20, 10],\n backgroundColor: [\n 'rgba(13, 148, 136, 0.8)',\n 'rgba(8, 126, 112, 0.7)',\n 'rgba(15, 118, 110, 0.6)',\n 'rgba(17, 94, 89, 0.5)'\n ],\n hoverOffset: 4\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n position: 'bottom',\n },\n tooltip: {\n callbacks: {\n label: function(context) {\n return `${context.label}: ${context.parsed}%`;\n }\n }\n }\n }\n }\n });\n\n const stakeholderData = [\n { name: 'Aintza & SCADglobal Foundation', role: 'Inisiator & Koordinator Strategis, fokus dampak sosial-lingkungan dan pengembangan komunitas.' },\n { name: 'Adamas Global Projects', role: 'Manajemen & Pelaksana Proyek, bertanggung jawab atas operasional dan arsitektur keuangan.' },\n { name: 'Pemerintah Daerah', role: 'Regulator & Fasilitator, menyediakan perizinan dan dukungan kebijakan lokal.' },\n { name: 'BUMD', role: 'Mitra Operasional Lokal, penghubung dengan ekonomi daerah.' },\n { name: 'Investor', role: 'Penyedia Modal Finansial untuk implementasi proyek.' },\n { name: 'Carbon Market Off-taker', role: 'Pembeli Kredit Karbon, sumber pendapatan utama.' },\n { name: 'NGO Lokal', role: 'Jembatan antara proyek dan komunitas, fasilitator lapangan.' },\n { name: 'Kelompok Masyarakat', role: 'Pelaksana & Pemelihara di lapangan, penerima manfaat langsung.' },\n { name: 'Masyarakat (Digital Asset)', role: 'Pengguna & Offtaker aset digital\/crypto, berpartisipasi dalam ekosistem digital.' },\n { name: 'Badan Verifikasi Karbon', role: 'Pihak ketiga independen yang melakukan audit dan sertifikasi kredit karbon.' },\n { name: 'Penyedia Teknologi Blockchain', role: 'Mengembangkan dan memelihara infrastruktur digital yang aman dan transparan.' },\n { name: 'Regulator Keuangan (OJK)', role: 'Mengawasi aspek keuangan dan aset digital, memastikan kepatuhan.' },\n ];\n\n const stakeholderGrid = document.getElementById('stakeholder-grid');\n const tooltip = document.getElementById('stakeholder-tooltip');\n stakeholderData.forEach(stakeholder => {\n const div = document.createElement('div');\n div.className = 'stakeholder-item bg-white p-4 rounded-lg shadow-md text-center cursor-pointer flex items-center justify-center h-24';\n div.textContent = stakeholder.name;\n \n div.addEventListener('mouseenter', (e) => {\n tooltip.querySelector('h5').textContent = stakeholder.name;\n tooltip.querySelector('p').textContent = stakeholder.role;\n tooltip.classList.remove('hidden');\n tooltip.classList.add('opacity-100');\n \n const rect = e.target.getBoundingClientRect();\n tooltip.style.left = `${rect.left + window.scrollX}px`;\n tooltip.style.top = `${rect.bottom + window.scrollY + 5}px`;\n });\n\n div.addEventListener('mouseleave', () => {\n tooltip.classList.add('hidden');\n tooltip.classList.remove('opacity-100');\n });\n\n stakeholderGrid.appendChild(div);\n });\n\n const accordionItems = document.querySelectorAll('.accordion-item');\n accordionItems.forEach(item => {\n const header = item.querySelector('.accordion-header');\n const content = item.querySelector('.collapsible-content');\n const icon = header.querySelector('span');\n\n header.addEventListener('click', () => {\n const isOpen = content.style.maxHeight && content.style.maxHeight !== '0px';\n \n \/\/ Close all items\n accordionItems.forEach(i => {\n i.querySelector('.collapsible-content').style.maxHeight = '0px';\n i.querySelector('.accordion-header span').style.transform = 'rotate(0deg)';\n });\n\n \/\/ Open the clicked item if it was closed\n if (!isOpen) {\n content.style.maxHeight = content.scrollHeight + 'px';\n icon.style.transform = 'rotate(180deg)';\n }\n });\n });\n\n});\n<\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Dasbor Interaktif: Visi Ekonomi Hijau & Biru Revo Chain Visi Konsep Mesin Ekonomi Peluang Pasar Struktur Tantangan Strategi Membangun Masa […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1972","page","type-page","status-publish","hentry"],"aioseo_notices":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"chakraroy@gmail.com","author_link":"https:\/\/scadglobal.org\/id\/author\/chakraroygmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Dasbor Interaktif: Visi Ekonomi Hijau & Biru Revo Chain Visi Konsep Mesin Ekonomi Peluang Pasar Struktur Tantangan Strategi Membangun Masa […]","_links":{"self":[{"href":"https:\/\/scadglobal.org\/id\/wp-json\/wp\/v2\/pages\/1972","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scadglobal.org\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scadglobal.org\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scadglobal.org\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/scadglobal.org\/id\/wp-json\/wp\/v2\/comments?post=1972"}],"version-history":[{"count":1,"href":"https:\/\/scadglobal.org\/id\/wp-json\/wp\/v2\/pages\/1972\/revisions"}],"predecessor-version":[{"id":1973,"href":"https:\/\/scadglobal.org\/id\/wp-json\/wp\/v2\/pages\/1972\/revisions\/1973"}],"wp:attachment":[{"href":"https:\/\/scadglobal.org\/id\/wp-json\/wp\/v2\/media?parent=1972"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}