{"id":29,"date":"2026-09-27T23:32:03","date_gmt":"2026-09-27T23:32:03","guid":{"rendered":"https:\/\/alghani-cendekia.com\/?page_id=29"},"modified":"2026-09-28T00:44:43","modified_gmt":"2026-09-28T00:44:43","slug":"home","status":"publish","type":"page","link":"https:\/\/alghani-cendekia.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"29\" class=\"elementor elementor-29\">\n\t\t\t\t<div class=\"elementor-element elementor-element-377dc4b e-con-full e-flex e-con e-parent\" data-id=\"377dc4b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07d9ed3 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"07d9ed3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"id\" class=\"scroll-smooth\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Yayasan Insan Ghani Cendekia & Rumah Jurnal RUANG ILMIAH<\/title>\n    \n    <!-- Google Fonts: Plus Jakarta Sans (Modern UI) & Merriweather (Academic Accent) -->\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=Merriweather:ital,wght@0,300;0,400;0,700;1,300&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n    \n    <!-- Font Awesome Icons 6.5.1 -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n    \n    <!-- Tailwind CSS CDN -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        navy: {\n                            800: '#1e293b',\n                            900: '#0f172a',\n                            950: '#020617'\n                        },\n                        emerald: {\n                            600: '#059669',\n                            700: '#047857',\n                            800: '#065f46'\n                        },\n                        academic: {\n                            gold: '#d97706',\n                            goldlight: '#f59e0b',\n                            blue: '#2563eb'\n                        }\n                    },\n                    fontFamily: {\n                        sans: ['Plus Jakarta Sans', 'sans-serif'],\n                        serif: ['Merriweather', 'serif']\n                    }\n                }\n            }\n        }\n    <\/script>\n    \n    <style>\n        .hero-pattern {\n            background-color: #0f172a;\n            background-image: radial-gradient(#334155 0.75px, transparent 0.75px);\n            background-size: 18px 18px;\n        }\n        .card-hover-effect {\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n        .card-hover-effect:hover {\n            transform: translateY(-6px);\n            box-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.12), 0 10px 10px -5px rgba(15, 23, 42, 0.04);\n        }\n        .tab-btn.active {\n            background-color: #059669;\n            color: #ffffff;\n            border-color: #059669;\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-slate-50 font-sans text-slate-800 antialiased selection:bg-emerald-600 selection:text-white\">\n\n    <!-- Top Announcement Bar -->\n    <div class=\"bg-navy-950 text-slate-300 text-xs py-2 px-4 border-b border-slate-800\">\n        <div class=\"max-w-7xl mx-auto flex flex-col sm:flex-row justify-between items-center space-y-2 sm:space-y-0\">\n            <div class=\"flex items-center space-x-6 text-[11px] sm:text-xs\">\n                <span class=\"flex items-center\"><i class=\"fa-solid fa-building-columns text-emerald-400 mr-2\"><\/i> Yayasan Insan Ghani Cendekia<\/span>\n                <span class=\"hidden md:flex items-center\"><i class=\"fa-solid fa-certificate text-amber-400 mr-2\"><\/i> Rumah Jurnal \"RUANG ILMIAH\" (OJS Official)<\/span>\n            <\/div>\n            <div class=\"flex items-center space-x-4 text-[11px] sm:text-xs\">\n                <a href=\"https:\/\/journal.alghani-cendekia.com\" target=\"_blank\" class=\"text-amber-400 hover:text-amber-300 font-semibold flex items-center\">\n                    <i class=\"fa-solid fa-arrow-up-right-from-square mr-1.5\"><\/i> Portal OJS Jurnal\n                <\/a>\n                <span class=\"text-slate-700\">|<\/span>\n                <a href=\"#kontak\" class=\"hover:text-emerald-400 transition-colors\">Hubungi Kami<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Main Navigation Bar -->\n    <header class=\"sticky top-0 z-40 bg-white\/95 backdrop-blur-md border-b border-slate-200 shadow-sm\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex justify-between items-center h-20\">\n                \n                <!-- Logo & Brand Title -->\n                <a href=\"#\" class=\"flex items-center space-x-3.5 group\">\n                    <div class=\"w-12 h-12 bg-navy-900 rounded-xl flex items-center justify-center text-amber-400 shadow-md group-hover:bg-emerald-600 group-hover:text-white transition-all duration-300 border border-slate-800\">\n                        <i class=\"fa-solid fa-graduation-cap text-2xl\"><\/i>\n                    <\/div>\n                    <div class=\"flex flex-col\">\n                        <span class=\"font-serif font-bold text-lg sm:text-xl text-navy-900 tracking-tight leading-none\">INSAN GHANI CENDEKIA<\/span>\n                        <span class=\"text-[10px] sm:text-xs font-semibold tracking-wider text-emerald-700 uppercase mt-1\">Yayasan & Rumah Jurnal Ruang Ilmiah<\/span>\n                    <\/div>\n                <\/a>\n\n                <!-- Desktop Navigation Items -->\n                <nav class=\"hidden xl:flex items-center space-x-7 font-medium text-slate-700 text-sm\">\n                    <a href=\"#beranda\" class=\"hover:text-emerald-600 transition-colors py-2 text-emerald-600 font-semibold\">Beranda<\/a>\n                    <a href=\"#tentang\" class=\"hover:text-emerald-600 transition-colors py-2\">Tentang Yayasan<\/a>\n                    <a href=\"#program\" class=\"hover:text-emerald-600 transition-colors py-2\">Program Utama<\/a>\n                    <a href=\"#ruang-ilmiah\" class=\"text-navy-900 font-bold bg-amber-50 hover:bg-amber-100 text-amber-900 px-3 py-1.5 rounded-lg border border-amber-200 transition-colors\">\n                        <i class=\"fa-solid fa-book-bookmark text-amber-600 mr-1.5\"><\/i>Rumah Jurnal\n                    <\/a>\n                    <a href=\"#galeri\" class=\"hover:text-emerald-600 transition-colors py-2\">Galeri<\/a>\n                    <a href=\"#kontak\" class=\"hover:text-emerald-600 transition-colors py-2\">Kontak<\/a>\n                <\/nav>\n\n                <!-- Action CTA -->\n                <div class=\"hidden lg:flex items-center space-x-3\">\n                    <a href=\"https:\/\/journal.alghani-cendekia.com\" target=\"_blank\" class=\"bg-navy-900 hover:bg-navy-800 text-white font-medium text-xs px-4 py-2.5 rounded-xl shadow transition-all flex items-center space-x-2 border border-slate-800\">\n                        <i class=\"fa-solid fa-user-pen text-amber-400\"><\/i>\n                        <span>Submit Artikel OJS<\/span>\n                    <\/a>\n                    <button onclick=\"openModal('donation-modal')\" class=\"bg-emerald-600 hover:bg-emerald-700 text-white font-medium text-xs px-4 py-2.5 rounded-xl shadow transition-all flex items-center space-x-2\">\n                        <i class=\"fa-solid fa-hand-holding-heart text-white\"><\/i>\n                        <span>Donasi \/ Dukungh<\/span>\n                    <\/button>\n                <\/div>\n\n                <!-- Mobile Menu Button -->\n                <div class=\"xl:hidden flex items-center\">\n                    <button id=\"mobile-menu-btn\" class=\"text-slate-700 hover:text-emerald-600 p-2 rounded-lg focus:outline-none\">\n                        <i class=\"fa-solid fa-bars-staggered text-2xl\"><\/i>\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Mobile Drawer -->\n        <div id=\"mobile-menu\" class=\"hidden xl:hidden bg-white border-b border-slate-200 px-5 pt-3 pb-6 space-y-3 shadow-xl\">\n            <a href=\"#beranda\" class=\"block py-2 text-emerald-600 font-semibold border-b border-slate-100\">Beranda<\/a>\n            <a href=\"#tentang\" class=\"block py-2 text-slate-700 hover:text-emerald-600 border-b border-slate-100\">Tentang Yayasan<\/a>\n            <a href=\"#program\" class=\"block py-2 text-slate-700 hover:text-emerald-600 border-b border-slate-100\">Program Utama<\/a>\n            <a href=\"#ruang-ilmiah\" class=\"block py-2 font-bold text-amber-700 bg-amber-50 rounded-lg px-2 border border-amber-200\">Rumah Jurnal \"RUANG ILMIAH\"<\/a>\n            <a href=\"#galeri\" class=\"block py-2 text-slate-700 hover:text-emerald-600 border-b border-slate-100\">Galeri & Media<\/a>\n            <a href=\"#kontak\" class=\"block py-2 text-slate-700 hover:text-emerald-600\">Kontak<\/a>\n            <div class=\"grid grid-cols-2 gap-2 pt-2\">\n                <a href=\"https:\/\/journal.alghani-cendekia.com\" target=\"_blank\" class=\"bg-navy-900 text-white font-medium py-2.5 rounded-xl text-xs text-center flex items-center justify-center space-x-1\">\n                    <i class=\"fa-solid fa-user-pen text-amber-400\"><\/i>\n                    <span>Portal OJS<\/span>\n                <\/a>\n                <button onclick=\"openModal('donation-modal')\" class=\"bg-emerald-600 text-white font-medium py-2.5 rounded-xl text-xs text-center\">\n                    Donasi\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- Combined Hero Section -->\n    <section id=\"beranda\" class=\"hero-pattern text-white py-20 sm:py-28 relative overflow-hidden\">\n        <div class=\"absolute inset-0 bg-gradient-to-b from-transparent via-navy-900\/60 to-navy-950 pointer-events-none\"><\/div>\n        \n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n            <div class=\"max-w-4xl mx-auto text-center space-y-6\">\n                \n                <div class=\"inline-flex items-center space-x-2 bg-slate-800\/80 border border-slate-700 px-4 py-1.5 rounded-full text-emerald-400 text-xs font-semibold uppercase tracking-wider\">\n                    <i class=\"fa-solid fa-award text-amber-400\"><\/i>\n                    <span>Pendidikan \u2022 Kesejahteraan Sosial \u2022 Riset Akademik<\/span>\n                <\/div>\n\n                <h1 class=\"font-serif text-3xl sm:text-5xl md:text-6xl font-bold leading-tight text-white\">\n                    Mencerdaskan Bangsa, <br>\n                    <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-emerald-400 via-teal-300 to-amber-300\">Memajukan Riset & Peradaban<\/span>\n                <\/h1>\n\n                <p class=\"text-slate-300 text-sm sm:text-base md:text-lg leading-relaxed font-light max-w-2xl mx-auto\">\n                    Selamat datang di portal resmi <strong>Yayasan Insan Ghani Cendekia<\/strong> dan Rumah Jurnal <strong>RUANG ILMIAH<\/strong>. Wadah terpadu pemberdayaan masyarakat, pendidikan inklusif, serta publikasi jurnal ilmiah bereputasi.\n                <\/p>\n\n                <!-- Dual Action CTAs -->\n                <div class=\"pt-4 flex flex-col sm:flex-row items-center justify-center gap-4\">\n                    <a href=\"#ruang-ilmiah\" class=\"w-full sm:w-auto bg-amber-600 hover:bg-amber-500 text-white font-semibold text-sm px-8 py-4 rounded-xl shadow-lg transition-all flex items-center justify-center space-x-3\">\n                        <i class=\"fa-solid fa-book-journal-whills text-lg\"><\/i>\n                        <span>Jelajahi Rumah Jurnal<\/span>\n                    <\/a>\n                    <a href=\"#program\" class=\"w-full sm:w-auto bg-slate-800\/90 hover:bg-slate-700 text-white border border-slate-700 font-medium text-sm px-8 py-4 rounded-xl transition-all flex items-center justify-center space-x-2\">\n                        <i class=\"fa-solid fa-hands-holding-child text-emerald-400\"><\/i>\n                        <span>Program Yayasan<\/span>\n                    <\/a>\n                <\/div>\n\n            <\/div>\n\n            <!-- Stats Bar -->\n            <div class=\"grid grid-cols-2 lg:grid-cols-4 gap-4 mt-16 max-w-5xl mx-auto border-t border-slate-800 pt-8 text-center\">\n                <div class=\"p-4 bg-slate-900\/50 rounded-2xl border border-slate-800\">\n                    <p class=\"text-3xl font-bold text-emerald-400 font-serif\">3 Jurnal<\/p>\n                    <p class=\"text-xs text-slate-400 mt-1\">Sosial, Edukasi, & Ekonomika<\/p>\n                <\/div>\n                <div class=\"p-4 bg-slate-900\/50 rounded-2xl border border-slate-800\">\n                    <p class=\"text-3xl font-bold text-amber-400 font-serif\">100%<\/p>\n                    <p class=\"text-xs text-slate-400 mt-1\">Open Access OJS<\/p>\n                <\/div>\n                <div class=\"p-4 bg-slate-900\/50 rounded-2xl border border-slate-800\">\n                    <p class=\"text-3xl font-bold text-emerald-400 font-serif\">1.500+<\/p>\n                    <p class=\"text-xs text-slate-400 mt-1\">Penerima Manfaat Program<\/p>\n                <\/div>\n                <div class=\"p-4 bg-slate-900\/50 rounded-2xl border border-slate-800\">\n                    <p class=\"text-3xl font-bold text-amber-400 font-serif\">2x \/Tahun<\/p>\n                    <p class=\"text-xs text-slate-400 mt-1\">Frekuensi Penerbitan Jurnal<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- Foundation Overview Section (Tentang Yayasan) -->\n    <section id=\"tentang\" class=\"py-20 bg-white\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\n                \n                <div class=\"lg:col-span-6 space-y-6\">\n                    <span class=\"text-emerald-700 font-semibold text-xs uppercase tracking-widest bg-emerald-50 px-3 py-1 rounded-full border border-emerald-200\">Profil Yayasan<\/span>\n                    <h2 class=\"font-serif text-3xl sm:text-4xl font-bold text-navy-900 leading-tight\">\n                        Komitmen Mewujudkan Generasi Cendekia & Berakhlak Mulia\n                    <\/h2>\n                    <p class=\"text-slate-600 text-sm leading-relaxed\">\n                        <strong>Yayasan Insan Ghani Cendekia<\/strong> didirikan dengan niat tulus untuk menjadi pilar pembangunan sosial, keagamaan, pendidikan, dan pengembangan ilmu pengetahuan. Kami percaya bahwa kemajuan suatu bangsa ditentukan oleh kualitas pendidikan masyarakatnya serta iklim riset yang inklusif.\n                    <\/p>\n\n                    <!-- Visi Misi Box -->\n                    <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 pt-2\">\n                        <div class=\"p-4 bg-slate-50 rounded-xl border border-slate-200 space-y-2\">\n                            <div class=\"text-emerald-600 font-bold text-sm flex items-center\">\n                                <i class=\"fa-solid fa-eye mr-2\"><\/i> Visi Utama\n                            <\/div>\n                            <p class=\"text-xs text-slate-600 leading-relaxed\">\n                                Menjadi lembaga terdepan dalam pemberdayaan insan cendekia melalui sinergi pendidikan, aksi sosial, dan publikasi ilmiah bereputasi.\n                            <\/p>\n                        <\/div>\n\n                        <div class=\"p-4 bg-slate-50 rounded-xl border border-slate-200 space-y-2\">\n                            <div class=\"text-amber-600 font-bold text-sm flex items-center\">\n                                <i class=\"fa-solid fa-bullseye mr-2\"><\/i> Misi Kunci\n                            <\/div>\n                            <p class=\"text-xs text-slate-600 leading-relaxed\">\n                                Menyelenggarakan bantuan pendidikan, layanan sosial kemasyarakatan, serta mengelola portal jurnal akademis bertaraf nasional.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Visual Card Right -->\n                <div class=\"lg:col-span-6\">\n                    <div class=\"relative bg-gradient-to-tr from-navy-900 to-slate-800 rounded-3xl p-8 text-white shadow-2xl border border-slate-700 overflow-hidden\">\n                        <div class=\"absolute -right-10 -bottom-10 opacity-10 text-white\">\n                            <i class=\"fa-solid fa-school text-9xl\"><\/i>\n                        <\/div>\n                        <h3 class=\"font-serif text-2xl font-bold text-amber-400 mb-4\">Pilar Keunggulan Yayasan<\/h3>\n                        \n                        <div class=\"space-y-4\">\n                            <div class=\"flex items-start space-x-4\">\n                                <div class=\"w-10 h-10 bg-emerald-600\/30 border border-emerald-500 rounded-xl flex items-center justify-center shrink-0 text-emerald-400 font-bold\">1<\/div>\n                                <div>\n                                    <h4 class=\"font-bold text-sm text-white\">Pendidikan & Beasiswa<\/h4>\n                                    <p class=\"text-xs text-slate-300 mt-1\">Pendampingan belajar anak kurang mampu dan pemberian beasiswa santri\/pelajar unggulan.<\/p>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"flex items-start space-x-4\">\n                                <div class=\"w-10 h-10 bg-amber-600\/30 border border-amber-500 rounded-xl flex items-center justify-center shrink-0 text-amber-400 font-bold\">2<\/div>\n                                <div>\n                                    <h4 class=\"font-bold text-sm text-white\">Rumah Jurnal \"RUANG ILMIAH\"<\/h4>\n                                    <p class=\"text-xs text-slate-300 mt-1\">Wadah publikasi ilmiah bereputasi Open Access untuk rumpun Sosial, Edukasi, dan Ekonomi.<\/p>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"flex items-start space-x-4\">\n                                <div class=\"w-10 h-10 bg-blue-600\/30 border border-blue-500 rounded-xl flex items-center justify-center shrink-0 text-blue-400 font-bold\">3<\/div>\n                                <div>\n                                    <h4 class=\"font-bold text-sm text-white\">Pemberdayaan Sosial Masyarakat<\/h4>\n                                    <p class=\"text-xs text-slate-300 mt-1\">Kegiatan rutin bakti sosial, layanan kesehatan lansia, dan bantuan tanggap bencana.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Main Foundation Programs -->\n    <section id=\"program\" class=\"py-20 bg-slate-50 border-t border-slate-200\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            \n            <div class=\"text-center max-w-3xl mx-auto mb-16\">\n                <span class=\"text-emerald-700 font-semibold text-xs uppercase tracking-widest bg-emerald-50 px-3 py-1 rounded-full border border-emerald-200\">Program Kerja<\/span>\n                <h2 class=\"font-serif text-3xl sm:text-4xl font-bold text-navy-900 mt-3\">Program Pilar Yayasan<\/h2>\n                <p class=\"text-slate-600 text-sm mt-2\">Didedikasikan langsung untuk masyarakat umum, pelajar, peneliti, dan akademisi.<\/p>\n                <div class=\"w-16 h-1 bg-emerald-600 mx-auto mt-4 rounded-full\"><\/div>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n                \n                <!-- Program 1: Pendidikan -->\n                <div class=\"bg-white rounded-2xl p-6 border border-slate-200 shadow-sm card-hover-effect space-y-4\">\n                    <div class=\"w-12 h-12 bg-emerald-100 text-emerald-700 rounded-xl flex items-center justify-center text-xl font-bold\">\n                        <i class=\"fa-solid fa-book-open-reader\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-serif font-bold text-navy-900 text-xl\">SANTRI-PEDIA & Beasiswa<\/h3>\n                    <p class=\"text-slate-600 text-xs sm:text-sm leading-relaxed\">\n                        Program bantuan perlengkapan sekolah, beasiswa santri cendekia, bimbingan belajar gratis, dan pembinaan karakter anak bangsa.\n                    <\/p>\n                    <ul class=\"text-xs text-slate-500 space-y-2 pt-2 border-t border-slate-100\">\n                        <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-emerald-600 mr-2\"><\/i> Bantuan SPP \/ Perlengkapan Sekolah<\/li>\n                        <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-emerald-600 mr-2\"><\/i> Bimbingan Belajar & Konseling<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Program 2: Sosmas -->\n                <div class=\"bg-white rounded-2xl p-6 border border-slate-200 shadow-sm card-hover-effect space-y-4\">\n                    <div class=\"w-12 h-12 bg-blue-100 text-blue-700 rounded-xl flex items-center justify-center text-xl font-bold\">\n                        <i class=\"fa-solid fa-hand-holding-heart\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-serif font-bold text-navy-900 text-xl\">Aksi Sosial & Peduli Lansia<\/h3>\n                    <p class=\"text-slate-600 text-xs sm:text-sm leading-relaxed\">\n                        Kegiatan pembagian sembako berkala, pemeriksaan kesehatan lansia gratis, bantuan panti, serta respon cepat tanggap kemanusiaan.\n                    <\/p>\n                    <ul class=\"text-xs text-slate-500 space-y-2 pt-2 border-t border-slate-100\">\n                        <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-blue-600 mr-2\"><\/i> Posyandu & Layanan Kesehatan Desa<\/li>\n                        <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-blue-600 mr-2\"><\/i> Pembagian Paket Sembako Berkah<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Program 3: Riset Akademis -->\n                <div class=\"bg-white rounded-2xl p-6 border border-slate-200 shadow-sm card-hover-effect space-y-4 border-l-4 border-l-amber-500\">\n                    <div class=\"w-12 h-12 bg-amber-100 text-amber-700 rounded-xl flex items-center justify-center text-xl font-bold\">\n                        <i class=\"fa-solid fa-feather-pointed\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-serif font-bold text-navy-900 text-xl\">Divisi Publikasi & Riset<\/h3>\n                    <p class=\"text-slate-600 text-xs sm:text-sm leading-relaxed\">\n                        Mengelola Rumah Jurnal <strong>RUANG ILMIAH<\/strong>, memberikan pelatihan penulisan karya tulis ilmiah (KTI) & pendampingan OJS bagi dosen\/peneliti.\n                    <\/p>\n                    <ul class=\"text-xs text-slate-500 space-y-2 pt-2 border-t border-slate-100\">\n                        <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-amber-600 mr-2\"><\/i> Penerbitan 3 Jurnal OJS Nasional<\/li>\n                        <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-amber-600 mr-2\"><\/i> Workshop & Klinik Penulisan Jurnal<\/li>\n                    <\/ul>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- DEDICATED SECTION: RUMAH JURNAL \"RUANG ILMIAH\" -->\n    <section id=\"ruang-ilmiah\" class=\"py-20 bg-navy-900 text-white relative overflow-hidden\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n            \n            <!-- Section Branding Header -->\n            <div class=\"text-center max-w-3xl mx-auto mb-12\">\n                <div class=\"inline-flex items-center space-x-2 bg-amber-500\/20 text-amber-300 border border-amber-500\/30 px-4 py-1.5 rounded-full text-xs font-semibold uppercase tracking-wider mb-3\">\n                    <i class=\"fa-solid fa-book-journal-whills\"><\/i>\n                    <span>Portal Akademis Resmi Yayasan<\/span>\n                <\/div>\n                <h2 class=\"font-serif text-3xl sm:text-5xl font-bold text-white\">\n                    Rumah Jurnal <span class=\"text-amber-400\">RUANG ILMIAH<\/span>\n                <\/h2>\n                <p class=\"text-slate-300 text-sm mt-3\">\n                    Akses publikasi karya ilmiah bereputasi, transparan, dan terindeks untuk akademisi, dosen, mahasiswa, serta peneliti.\n                <\/p>\n                <div class=\"w-20 h-1 bg-amber-500 mx-auto mt-4 rounded-full\"><\/div>\n            <\/div>\n\n            <!-- Journal Search & Filter Dynamic Tool -->\n            <div class=\"bg-slate-800\/90 border border-slate-700 p-4 sm:p-6 rounded-2xl max-w-4xl mx-auto mb-16 shadow-2xl backdrop-blur-md\">\n                <div class=\"flex flex-col sm:flex-row items-center gap-3\">\n                    <div class=\"relative w-full\">\n                        <i class=\"fa-solid fa-magnifying-glass absolute left-4 top-3.5 text-slate-400 text-sm\"><\/i>\n                        <input type=\"text\" id=\"journal-search\" onkeyup=\"filterJournals()\" placeholder=\"Cari rumpun ilmu (Sosial, Edukasi, Ekonomi, atau Kunci)...\" class=\"w-full pl-11 pr-4 py-3 bg-slate-900 border border-slate-700 text-white rounded-xl text-sm focus:outline-none focus:border-amber-500 transition-colors\">\n                    <\/div>\n                    <a href=\"https:\/\/journal.alghani-cendekia.com\" target=\"_blank\" class=\"w-full sm:w-auto bg-amber-500 hover:bg-amber-600 text-navy-950 font-bold text-xs px-6 py-3.5 rounded-xl transition-all shrink-0 flex items-center justify-center space-x-2\">\n                        <span>Buka OJS Utama<\/span>\n                        <i class=\"fa-solid fa-arrow-right\"><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- THE 3 JOURNALS CATALOGUE GRID -->\n            <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\" id=\"journal-cards-container\">\n                \n                <!-- CARD 1: JRS -->\n                <div class=\"journal-card bg-slate-800 rounded-2xl border border-slate-700 flex flex-col justify-between overflow-hidden shadow-xl hover:border-amber-500\/50 transition-all duration-300\" data-keywords=\"sosial sosialia jrs konseling hukum kebudayaan\">\n                    <div class=\"p-6 bg-gradient-to-br from-blue-900\/80 to-slate-900 border-b border-slate-700\">\n                        <div class=\"flex justify-between items-center mb-3\">\n                            <span class=\"bg-blue-500\/20 text-blue-300 border border-blue-400\/30 text-[10px] font-semibold uppercase px-2.5 py-1 rounded-md\">Sosial & Humanities<\/span>\n                            <span class=\"text-xs text-amber-400 font-mono\"><i class=\"fa-solid fa-lock-open mr-1\"><\/i> Open Access<\/span>\n                        <\/div>\n                        <h3 class=\"font-serif text-xl font-bold text-white\">Jurnal Ruang Sosialia<\/h3>\n                        <p class=\"text-slate-400 font-mono text-xs mt-1\">Acronym: JRS<\/p>\n                    <\/div>\n\n                    <div class=\"p-6 space-y-4 flex-grow text-xs text-slate-300\">\n                        <p class=\"leading-relaxed\">\n                            Mewadahi hasil penelitian empiris dan kajian teori di bidang <strong class=\"text-white\">Ilmu Sosial, Kebudayaan, Bimbingan Konseling, Kesejahteraan Masyarakat, & Kebijakan Publik<\/strong>.\n                        <\/p>\n                        \n                        <div class=\"space-y-2 border-t border-slate-700\/60 pt-3\">\n                            <div class=\"flex justify-between\">\n                                <span class=\"text-slate-400\">Frekuensi Terbit:<\/span>\n                                <span class=\"font-semibold text-white\">2x \/ Tahun (Biannual)<\/span>\n                            <\/div>\n                            <div class=\"flex justify-between\">\n                                <span class=\"text-slate-400\">Review System:<\/span>\n                                <span class=\"font-semibold text-white\">Double-Blind Peer Review<\/span>\n                            <\/div>\n                            <div class=\"flex justify-between\">\n                                <span class=\"text-slate-400\">Lisensi Karya:<\/span>\n                                <span class=\"font-semibold text-emerald-400\">CC-BY 4.0 International<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"p-6 bg-slate-900\/80 border-t border-slate-700 space-y-2\">\n                        <a href=\"https:\/\/journal.alghani-cendekia.com\/index.php\/JRS\/id\" target=\"_blank\" class=\"w-full bg-amber-500 hover:bg-amber-600 text-navy-950 font-bold text-xs py-3 rounded-xl shadow text-center block transition-colors\">\n                            Kunjungi OJS JRS <i class=\"fa-solid fa-arrow-up-right-from-square text-[10px] ml-1\"><\/i>\n                        <\/a>\n                        <div class=\"grid grid-cols-2 gap-2 pt-1\">\n                            <a href=\"https:\/\/journal.alghani-cendekia.com\/index.php\/JRS\/about\/submissions\" target=\"_blank\" class=\"bg-slate-800 hover:bg-slate-700 border border-slate-600 text-white text-center text-xs py-2 rounded-lg transition-colors\">\n                                <i class=\"fa-solid fa-upload text-amber-400 mr-1\"><\/i> Submit\n                            <\/a>\n                            <button onclick=\"downloadTemplate('JRS')\" class=\"bg-slate-800 hover:bg-slate-700 border border-slate-600 text-white text-center text-xs py-2 rounded-lg transition-colors\">\n                                <i class=\"fa-solid fa-file-word text-blue-400 mr-1\"><\/i> Template\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- CARD 2: JREd -->\n                <div class=\"journal-card bg-slate-800 rounded-2xl border border-slate-700 flex flex-col justify-between overflow-hidden shadow-xl hover:border-amber-500\/50 transition-all duration-300\" data-keywords=\"edukasi pendidikan jred sekolah guru pedagogi kurikulum\">\n                    <div class=\"p-6 bg-gradient-to-br from-emerald-900\/80 to-slate-900 border-b border-slate-700\">\n                        <div class=\"flex justify-between items-center mb-3\">\n                            <span class=\"bg-emerald-500\/20 text-emerald-300 border border-emerald-400\/30 text-[10px] font-semibold uppercase px-2.5 py-1 rounded-md\">Pendidikan & Pedagogi<\/span>\n                            <span class=\"text-xs text-amber-400 font-mono\"><i class=\"fa-solid fa-lock-open mr-1\"><\/i> Open Access<\/span>\n                        <\/div>\n                        <h3 class=\"font-serif text-xl font-bold text-white\">Jurnal Ruang Edukasi<\/h3>\n                        <p class=\"text-slate-400 font-mono text-xs mt-1\">Acronym: JREd<\/p>\n                    <\/div>\n\n                    <div class=\"p-6 space-y-4 flex-grow text-xs text-slate-300\">\n                        <p class=\"leading-relaxed\">\n                            Mepublikasikan karya tulis ilmiah bidang <strong class=\"text-white\">Metode Pembelajaran, Evaluasi Pendidikan, Kurikulum, Teknologi Edukasi, & Manajemen Sekolah<\/strong>.\n                        <\/p>\n                        \n                        <div class=\"space-y-2 border-t border-slate-700\/60 pt-3\">\n                            <div class=\"flex justify-between\">\n                                <span class=\"text-slate-400\">Frekuensi Terbit:<\/span>\n                                <span class=\"font-semibold text-white\">2x \/ Tahun (Biannual)<\/span>\n                            <\/div>\n                            <div class=\"flex justify-between\">\n                                <span class=\"text-slate-400\">Review System:<\/span>\n                                <span class=\"font-semibold text-white\">Double-Blind Peer Review<\/span>\n                            <\/div>\n                            <div class=\"flex justify-between\">\n                                <span class=\"text-slate-400\">Lisensi Karya:<\/span>\n                                <span class=\"font-semibold text-emerald-400\">CC-BY 4.0 International<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"p-6 bg-slate-900\/80 border-t border-slate-700 space-y-2\">\n                        <a href=\"https:\/\/journal.alghani-cendekia.com\/index.php\/JREd\/id\" target=\"_blank\" class=\"w-full bg-amber-500 hover:bg-amber-600 text-navy-950 font-bold text-xs py-3 rounded-xl shadow text-center block transition-colors\">\n                            Kunjungi OJS JREd <i class=\"fa-solid fa-arrow-up-right-from-square text-[10px] ml-1\"><\/i>\n                        <\/a>\n                        <div class=\"grid grid-cols-2 gap-2 pt-1\">\n                            <a href=\"https:\/\/journal.alghani-cendekia.com\/index.php\/JREd\/about\/submissions\" target=\"_blank\" class=\"bg-slate-800 hover:bg-slate-700 border border-slate-600 text-white text-center text-xs py-2 rounded-lg transition-colors\">\n                                <i class=\"fa-solid fa-upload text-amber-400 mr-1\"><\/i> Submit\n                            <\/a>\n                            <button onclick=\"downloadTemplate('JREd')\" class=\"bg-slate-800 hover:bg-slate-700 border border-slate-600 text-white text-center text-xs py-2 rounded-lg transition-colors\">\n                                <i class=\"fa-solid fa-file-word text-emerald-400 mr-1\"><\/i> Template\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- CARD 3: JRE -->\n                <div class=\"journal-card bg-slate-800 rounded-2xl border border-slate-700 flex flex-col justify-between overflow-hidden shadow-xl hover:border-amber-500\/50 transition-all duration-300\" data-keywords=\"ekonomi ekonomika jre bisnis akuntansi syariah keuangan\">\n                    <div class=\"p-6 bg-gradient-to-br from-amber-900\/80 to-slate-900 border-b border-slate-700\">\n                        <div class=\"flex justify-between items-center mb-3\">\n                            <span class=\"bg-amber-500\/20 text-amber-300 border border-amber-400\/30 text-[10px] font-semibold uppercase px-2.5 py-1 rounded-md\">Ekonomi & Bisnis<\/span>\n                            <span class=\"text-xs text-amber-400 font-mono\"><i class=\"fa-solid fa-lock-open mr-1\"><\/i> Open Access<\/span>\n                        <\/div>\n                        <h3 class=\"font-serif text-xl font-bold text-white\">Jurnal Ruang Ekonomika<\/h3>\n                        <p class=\"text-slate-400 font-mono text-xs mt-1\">Acronym: JRE<\/p>\n                    <\/div>\n\n                    <div class=\"p-6 space-y-4 flex-grow text-xs text-slate-300\">\n                        <p class=\"leading-relaxed\">\n                            Fokus pada kajian <strong class=\"text-white\">Ekonomi Pembangunan, Manajemen Bisnis, Ekonomi Syariah, Akuntansi Kewirausahaan, & Analisis Keuangan<\/strong>.\n                        <\/p>\n                        \n                        <div class=\"space-y-2 border-t border-slate-700\/60 pt-3\">\n                            <div class=\"flex justify-between\">\n                                <span class=\"text-slate-400\">Frekuensi Terbit:<\/span>\n                                <span class=\"font-semibold text-white\">2x \/ Tahun (Biannual)<\/span>\n                            <\/div>\n                            <div class=\"flex justify-between\">\n                                <span class=\"text-slate-400\">Review System:<\/span>\n                                <span class=\"font-semibold text-white\">Double-Blind Peer Review<\/span>\n                            <\/div>\n                            <div class=\"flex justify-between\">\n                                <span class=\"text-slate-400\">Lisensi Karya:<\/span>\n                                <span class=\"font-semibold text-emerald-400\">CC-BY 4.0 International<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"p-6 bg-slate-900\/80 border-t border-slate-700 space-y-2\">\n                        <a href=\"https:\/\/journal.alghani-cendekia.com\/index.php\/JRE\/id\" target=\"_blank\" class=\"w-full bg-amber-500 hover:bg-amber-600 text-navy-950 font-bold text-xs py-3 rounded-xl shadow text-center block transition-colors\">\n                            Kunjungi OJS JRE <i class=\"fa-solid fa-arrow-up-right-from-square text-[10px] ml-1\"><\/i>\n                        <\/a>\n                        <div class=\"grid grid-cols-2 gap-2 pt-1\">\n                            <a href=\"https:\/\/journal.alghani-cendekia.com\/index.php\/JRE\/about\/submissions\" target=\"_blank\" class=\"bg-slate-800 hover:bg-slate-700 border border-slate-600 text-white text-center text-xs py-2 rounded-lg transition-colors\">\n                                <i class=\"fa-solid fa-upload text-amber-400 mr-1\"><\/i> Submit\n                            <\/a>\n                            <button onclick=\"downloadTemplate('JRE')\" class=\"bg-slate-800 hover:bg-slate-700 border border-slate-600 text-white text-center text-xs py-2 rounded-lg transition-colors\">\n                                <i class=\"fa-solid fa-file-word text-amber-400 mr-1\"><\/i> Template\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <!-- Workflow Guide Step By Step -->\n            <div class=\"mt-20 pt-16 border-t border-slate-800\">\n                <h3 class=\"font-serif text-2xl font-bold text-center text-white mb-10\">Alur Publikasi Naskah Ilmiah<\/h3>\n                <div class=\"grid grid-cols-1 md:grid-cols-5 gap-4 text-center\">\n                    <div class=\"p-4 bg-slate-800\/60 rounded-xl border border-slate-700\">\n                        <div class=\"w-8 h-8 bg-amber-500 text-navy-950 font-bold rounded-full flex items-center justify-center mx-auto mb-3 text-xs\">1<\/div>\n                        <h4 class=\"font-bold text-xs text-white mb-1\">Submisi Online<\/h4>\n                        <p class=\"text-[11px] text-slate-400\">Penulis mengunggah naskah format .docx ke sistem OJS.<\/p>\n                    <\/div>\n                    <div class=\"p-4 bg-slate-800\/60 rounded-xl border border-slate-700\">\n                        <div class=\"w-8 h-8 bg-amber-500 text-navy-950 font-bold rounded-full flex items-center justify-center mx-auto mb-3 text-xs\">2<\/div>\n                        <h4 class=\"font-bold text-xs text-white mb-1\">Cek Plagiarisme<\/h4>\n                        <p class=\"text-[11px] text-slate-400\">Pemeriksaan similarity index Turnitin & kesesuaian scope.<\/p>\n                    <\/div>\n                    <div class=\"p-4 bg-slate-800\/60 rounded-xl border border-slate-700\">\n                        <div class=\"w-8 h-8 bg-amber-500 text-navy-950 font-bold rounded-full flex items-center justify-center mx-auto mb-3 text-xs\">3<\/div>\n                        <h4 class=\"font-bold text-xs text-white mb-1\">Peer Review<\/h4>\n                        <p class=\"text-[11px] text-slate-400\">Penilaian independen oleh 2 Mitra Bebestari pakar.<\/p>\n                    <\/div>\n                    <div class=\"p-4 bg-slate-800\/60 rounded-xl border border-slate-700\">\n                        <div class=\"w-8 h-8 bg-amber-500 text-navy-950 font-bold rounded-full flex items-center justify-center mx-auto mb-3 text-xs\">4<\/div>\n                        <h4 class=\"font-bold text-xs text-white mb-1\">Revisi & Layout<\/h4>\n                        <p class=\"text-[11px] text-slate-400\">Perbaikan naskah oleh penulis & penyesuaian tata letak.<\/p>\n                    <\/div>\n                    <div class=\"p-4 bg-emerald-900\/40 rounded-xl border border-emerald-600\/50\">\n                        <div class=\"w-8 h-8 bg-emerald-500 text-white font-bold rounded-full flex items-center justify-center mx-auto mb-3 text-xs\">5<\/div>\n                        <h4 class=\"font-bold text-xs text-emerald-300 mb-1\">Terbit & DOI<\/h4>\n                        <p class=\"text-[11px] text-slate-300\">Pemberian Crossref DOI, Surat LoA, & Publikasi Online.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- Gallery & Media Section -->\n    <section id=\"galeri\" class=\"py-20 bg-white\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            \n            <div class=\"text-center max-w-3xl mx-auto mb-12\">\n                <span class=\"text-emerald-700 font-semibold text-xs uppercase tracking-widest bg-emerald-50 px-3 py-1 rounded-full border border-emerald-200\">Dokumentasi<\/span>\n                <h2 class=\"font-serif text-3xl sm:text-4xl font-bold text-navy-900 mt-3\">Galeri & Kegiatan Terbaru<\/h2>\n                <p class=\"text-slate-600 text-sm mt-2\">Momen aktivitas sosial, pendampingan belajar, serta workshop kepulisan ilmiah.<\/p>\n                <div class=\"w-16 h-1 bg-emerald-600 mx-auto mt-4 rounded-full\"><\/div>\n            <\/div>\n\n            <!-- Gallery Filter Buttons -->\n            <div class=\"flex flex-wrap justify-center gap-2 mb-10\">\n                <button onclick=\"filterGallery('all')\" class=\"tab-btn active px-4 py-2 rounded-xl text-xs font-semibold border border-slate-300 transition-colors\">Semua Kegiatan<\/button>\n                <button onclick=\"filterGallery('sosial')\" class=\"tab-btn px-4 py-2 rounded-xl text-xs font-semibold border border-slate-300 text-slate-700 hover:bg-slate-100 transition-colors\">Aksi Sosial<\/button>\n                <button onclick=\"filterGallery('riset')\" class=\"tab-btn px-4 py-2 rounded-xl text-xs font-semibold border border-slate-300 text-slate-700 hover:bg-slate-100 transition-colors\">Workshop & Riset<\/button>\n                <button onclick=\"filterGallery('pendidikan')\" class=\"tab-btn px-4 py-2 rounded-xl text-xs font-semibold border border-slate-300 text-slate-700 hover:bg-slate-100 transition-colors\">Pendidikan<\/button>\n            <\/div>\n\n            <!-- Gallery Cards Grid -->\n            <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6\">\n                \n                <div class=\"gallery-item gallery-sosial bg-slate-50 rounded-2xl overflow-hidden border border-slate-200\">\n                    <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/0f172a\/059669?text=Layanan+Kesehatan+Lansia\" alt=\"Posyandu Lansia\" class=\"w-full h-48 object-cover\">\n                    <div class=\"p-4\">\n                        <span class=\"text-[10px] font-bold text-emerald-700 bg-emerald-100 px-2 py-0.5 rounded\">Sosial & Kesehatan<\/span>\n                        <h4 class=\"font-bold text-navy-900 text-sm mt-2\">Pemeriksaan Kesehatan & Gizi Lansia<\/h4>\n                        <p class=\"text-slate-500 text-xs mt-1\">Layanan bakti sosial kesehatan gratis berkala untuk warga senior.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"gallery-item gallery-riset bg-slate-50 rounded-2xl overflow-hidden border border-slate-200\">\n                    <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/0f172a\/f59e0b?text=Workshop+OJS+Ruang+Ilmiah\" alt=\"Workshop OJS\" class=\"w-full h-48 object-cover\">\n                    <div class=\"p-4\">\n                        <span class=\"text-[10px] font-bold text-amber-700 bg-amber-100 px-2 py-0.5 rounded\">Riset Akademis<\/span>\n                        <h4 class=\"font-bold text-navy-900 text-sm mt-2\">Klinik Penulisan Naskah Jurnal<\/h4>\n                        <p class=\"text-slate-500 text-xs mt-1\">Pelatihan gaya selingkung & penggunaan OJS untuk para penulis muda.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"gallery-item gallery-pendidikan bg-slate-50 rounded-2xl overflow-hidden border border-slate-200\">\n                    <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/0f172a\/2563eb?text=Beasiswa+Santri+Cendekia\" alt=\"Beasiswa Santri\" class=\"w-full h-48 object-cover\">\n                    <div class=\"p-4\">\n                        <span class=\"text-[10px] font-bold text-blue-700 bg-blue-100 px-2 py-0.5 rounded\">Pendidikan<\/span>\n                        <h4 class=\"font-bold text-navy-900 text-sm mt-2\">Penyerahan Beasiswa Santri Cendekia<\/h4>\n                        <p class=\"text-slate-500 text-xs mt-1\">Bantuan biaya pendidikan untuk santri dan pelajar berprestasi.<\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- Contact & Direct Assistance Section -->\n    <section id=\"kontak\" class=\"py-20 bg-slate-50 border-t border-slate-200\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12\">\n                \n                <div class=\"lg:col-span-5 space-y-6\">\n                    <div>\n                        <span class=\"text-emerald-700 font-semibold text-xs uppercase tracking-widest bg-emerald-50 px-3 py-1 rounded-full border border-emerald-200\">Pusat Informasi<\/span>\n                        <h2 class=\"font-serif text-3xl font-bold text-navy-900 mt-3\">Hubungi Sekretariat<\/h2>\n                        <p class=\"text-slate-600 text-sm mt-2\">\n                            Silakan ajukan pertanyaan seputar program yayasan, kemitraan donasi, maupun bantuan teknis submisi Rumah Jurnal RUANG ILMIAH.\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"space-y-4 pt-2\">\n                        <div class=\"flex items-start space-x-4\">\n                            <div class=\"w-10 h-10 bg-white text-emerald-600 border border-slate-200 rounded-xl flex items-center justify-center shrink-0 font-bold shadow-sm\">\n                                <i class=\"fa-solid fa-envelope\"><\/i>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-bold text-navy-900 text-xs uppercase\">Email Resmi:<\/h4>\n                                <p class=\"text-xs text-slate-600 mt-0.5\">journal@alghani-cendekia.com<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"flex items-start space-x-4\">\n                            <div class=\"w-10 h-10 bg-white text-emerald-600 border border-slate-200 rounded-xl flex items-center justify-center shrink-0 font-bold shadow-sm\">\n                                <i class=\"fa-brands fa-whatsapp text-lg\"><\/i>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-bold text-navy-900 text-xs uppercase\">Helpdesk \/ Kontak Admin:<\/h4>\n                                <p class=\"text-xs text-slate-600 mt-0.5\">+62 812-3456-7890 (Hari Kerja 08:00 - 16:00 WIB)<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"flex items-start space-x-4\">\n                            <div class=\"w-10 h-10 bg-white text-emerald-600 border border-slate-200 rounded-xl flex items-center justify-center shrink-0 font-bold shadow-sm\">\n                                <i class=\"fa-solid fa-globe\"><\/i>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-bold text-navy-900 text-xs uppercase\">Situs Main Yayasan & Portal:<\/h4>\n                                <a href=\"https:\/\/alghani-cendekia.com\" target=\"_blank\" class=\"text-xs text-emerald-700 font-medium hover:underline\">alghani-cendekia.com<\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"lg:col-span-7\">\n                    <div class=\"bg-white border border-slate-200 rounded-2xl p-8 shadow-sm\">\n                        <h3 class=\"text-xl font-bold text-navy-900 font-serif mb-6\">Formulir Pesan & Bantuan<\/h3>\n                        <form onsubmit=\"handleFormSubmit(event)\" class=\"space-y-4\">\n                            <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n                                <div>\n                                    <label class=\"block text-xs font-semibold text-slate-700 mb-1\">Nama Lengkap *<\/label>\n                                    <input type=\"text\" required placeholder=\"Nama Anda...\" class=\"w-full px-4 py-3 rounded-xl border border-slate-300 focus:ring-2 focus:ring-emerald-500 outline-none text-sm\">\n                                <\/div>\n                                <div>\n                                    <label class=\"block text-xs font-semibold text-slate-700 mb-1\">Alamat Email *<\/label>\n                                    <input type=\"email\" required placeholder=\"email@domain.com\" class=\"w-full px-4 py-3 rounded-xl border border-slate-300 focus:ring-2 focus:ring-emerald-500 outline-none text-sm\">\n                                <\/div>\n                            <\/div>\n\n                            <div>\n                                <label class=\"block text-xs font-semibold text-slate-700 mb-1\">Kategori Kepentingan *<\/label>\n                                <select class=\"w-full px-4 py-3 rounded-xl border border-slate-300 focus:ring-2 focus:ring-emerald-500 outline-none text-sm text-slate-700 bg-white\">\n                                    <option>Pertanyaan Submisi OJS Jurnal<\/option>\n                                    <option>Program Sosial & Beasiswa Yayasan<\/option>\n                                    <option>Kerjasama Institusi \/ Sponsor<\/option>\n                                    <option>Lainnya<\/option>\n                                <\/select>\n                            <\/div>\n\n                            <div>\n                                <label class=\"block text-xs font-semibold text-slate-700 mb-1\">Pesan Lengkap *<\/label>\n                                <textarea rows=\"4\" required placeholder=\"Tuliskan pesan Anda...\" class=\"w-full px-4 py-3 rounded-xl border border-slate-300 focus:ring-2 focus:ring-emerald-500 outline-none text-sm\"><\/textarea>\n                            <\/div>\n\n                            <button type=\"submit\" class=\"w-full bg-emerald-600 hover:bg-emerald-700 text-white font-semibold py-3.5 rounded-xl shadow transition-all flex items-center justify-center space-x-2\">\n                                <i class=\"fa-solid fa-paper-plane text-xs\"><\/i>\n                                <span>Kirim Pesan<\/span>\n                            <\/button>\n                        <\/form>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Footer -->\n    <footer class=\"bg-navy-950 text-slate-400 py-12 border-t border-slate-800\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex flex-col md:flex-row justify-between items-center space-y-6 md:space-y-0 pb-8 border-b border-slate-800\">\n                <div class=\"flex items-center space-x-3\">\n                    <div class=\"w-10 h-10 bg-emerald-600 rounded-xl flex items-center justify-center text-white font-bold\">\n                        <i class=\"fa-solid fa-graduation-cap text-lg\"><\/i>\n                    <\/div>\n                    <div>\n                        <span class=\"font-serif font-bold text-lg text-white block leading-tight\">Yayasan Insan Ghani Cendekia<\/span>\n                        <span class=\"text-xs text-slate-500\">Rumah Jurnal \"RUANG ILMIAH\" \u2022 Open Access<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"flex flex-wrap justify-center space-x-6 text-xs\">\n                    <a href=\"#beranda\" class=\"hover:text-emerald-400 transition-colors\">Beranda<\/a>\n                    <a href=\"#tentang\" class=\"hover:text-emerald-400 transition-colors\">Tentang<\/a>\n                    <a href=\"#program\" class=\"hover:text-emerald-400 transition-colors\">Program<\/a>\n                    <a href=\"#ruang-ilmiah\" class=\"hover:text-amber-400 transition-colors\">Rumah Jurnal<\/a>\n                    <a href=\"https:\/\/journal.alghani-cendekia.com\" target=\"_blank\" class=\"hover:text-amber-400 transition-colors\">Portal OJS<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"pt-8 text-center text-xs text-slate-500\">\n                &copy; 2026 Yayasan Insan Ghani Cendekia. Hak Cipta Dilindungi Undang-Undang. Powered by Open Journal Systems (OJS).\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <!-- Modal Donasi -->\n    <div id=\"donation-modal\" class=\"fixed inset-0 bg-navy-950\/80 backdrop-blur-sm z-50 flex items-center justify-center hidden p-4\">\n        <div class=\"bg-white rounded-2xl max-w-md w-full p-6 shadow-2xl relative space-y-4\">\n            <button onclick=\"closeModal('donation-modal')\" class=\"absolute top-4 right-4 text-slate-400 hover:text-slate-600 text-lg\">\n                <i class=\"fa-solid fa-xmark\"><\/i>\n            <\/button>\n            <div class=\"text-center\">\n                <div class=\"w-12 h-12 bg-emerald-100 text-emerald-600 rounded-full flex items-center justify-center mx-auto mb-2 text-xl\">\n                    <i class=\"fa-solid fa-hand-holding-heart\"><\/i>\n                <\/div>\n                <h3 class=\"font-serif font-bold text-navy-900 text-lg\">Dukungan & Donasi<\/h3>\n                <p class=\"text-xs text-slate-500 mt-1\">Dukung program beasiswa santri dan aksi sosial kemasyarakatan.<\/p>\n            <\/div>\n\n            <div class=\"bg-slate-50 p-4 rounded-xl border border-slate-200 text-xs space-y-2\">\n                <div class=\"flex justify-between font-medium\">\n                    <span class=\"text-slate-500\">Bank Transfer:<\/span>\n                    <span class=\"text-navy-900 font-bold\">Bank Syariah Indonesia (BSI)<\/span>\n                <\/div>\n                <div class=\"flex justify-between font-medium\">\n                    <span class=\"text-slate-500\">No. Rekening:<\/span>\n                    <span class=\"text-emerald-700 font-mono font-bold\">7123-4567-89<\/span>\n                <\/div>\n                <div class=\"flex justify-between font-medium\">\n                    <span class=\"text-slate-500\">Atas Nama:<\/span>\n                    <span class=\"text-navy-900\">Yayasan Insan Ghani Cendekia<\/span>\n                <\/div>\n            <\/div>\n\n            <p class=\"text-[11px] text-slate-400 text-center\">Konfirmasi transfer dapat dilakukan melalui Whatsapp Official Yayasan.<\/p>\n            <button onclick=\"closeModal('donation-modal')\" class=\"w-full bg-navy-900 text-white font-semibold py-2.5 rounded-xl text-xs\">\n                Tutup Window\n            <\/button>\n        <\/div>\n    <\/div>\n\n    <!-- Toast Notification -->\n    <div id=\"toast\" class=\"fixed bottom-6 right-6 bg-navy-900 text-white px-5 py-3 rounded-xl shadow-2xl opacity-0 pointer-events-none transition-all duration-300 z-50 flex items-center space-x-3 text-xs border border-slate-700\">\n        <i class=\"fa-solid fa-circle-check text-emerald-400 text-base\"><\/i>\n        <span id=\"toast-text\">Pesan berhasil dikirim!<\/span>\n    <\/div>\n\n    <script>\n        \/\/ Mobile Navigation Toggle\n        const mobileMenuBtn = document.getElementById('mobile-menu-btn');\n        const mobileMenu = document.getElementById('mobile-menu');\n        mobileMenuBtn.addEventListener('click', () => {\n            mobileMenu.classList.toggle('hidden');\n        });\n\n        \/\/ Journal Search Filter\n        function filterJournals() {\n            const query = document.getElementById('journal-search').value.toLowerCase();\n            const cards = document.querySelectorAll('.journal-card');\n            \n            cards.forEach(card => {\n                const keywords = card.getAttribute('data-keywords').toLowerCase();\n                if (keywords.includes(query) || query === '') {\n                    card.style.display = 'flex';\n                } else {\n                    card.style.display = 'none';\n                }\n            });\n        }\n\n        \/\/ Gallery Filter\n        function filterGallery(category) {\n            const buttons = document.querySelectorAll('.tab-btn');\n            buttons.forEach(btn => btn.classList.remove('active'));\n            event.target.classList.add('active');\n\n            const items = document.querySelectorAll('.gallery-item');\n            items.forEach(item => {\n                if (category === 'all' || item.classList.contains('gallery-' + category)) {\n                    item.style.display = 'block';\n                } else {\n                    item.style.display = 'none';\n                }\n            });\n        }\n\n        \/\/ Modal Helpers\n        function openModal(id) {\n            document.getElementById(id).classList.remove('hidden');\n        }\n        function closeModal(id) {\n            document.getElementById(id).classList.add('hidden');\n        }\n\n        \/\/ Template Download Simulation\n        function downloadTemplate(code) {\n            showToast('Mengunduh MS Word Template artikel ' + code + '...');\n        }\n\n        \/\/ Contact Form\n        function handleFormSubmit(e) {\n            e.preventDefault();\n            showToast('Terima kasih! Pesan Anda berhasil dikirim.');\n            e.target.reset();\n        }\n\n        \/\/ Toast Helper\n        function showToast(msg) {\n            const toast = document.getElementById('toast');\n            document.getElementById('toast-text').textContent = msg;\n            toast.classList.remove('opacity-0', 'pointer-events-none');\n            setTimeout(() => {\n                toast.classList.add('opacity-0', 'pointer-events-none');\n            }, 3000);\n        }\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Yayasan Insan Ghani Cendekia &#038; Rumah Jurnal RUANG ILMIAH Yayasan Insan Ghani Cendekia Rumah Jurnal &#8220;RUANG ILMIAH&#8221; (OJS Official) Portal OJS Jurnal | Hubungi Kami INSAN GHANI CENDEKIA Yayasan &#038; Rumah Jurnal Ruang Ilmiah Beranda Tentang Yayasan Program Utama Rumah Jurnal Galeri Kontak Submit Artikel OJS Donasi \/ Dukungh Beranda Tentang Yayasan Program Utama Rumah [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-29","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alghani-cendekia.com\/index.php?rest_route=\/wp\/v2\/pages\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alghani-cendekia.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alghani-cendekia.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alghani-cendekia.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alghani-cendekia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=29"}],"version-history":[{"count":23,"href":"https:\/\/alghani-cendekia.com\/index.php?rest_route=\/wp\/v2\/pages\/29\/revisions"}],"predecessor-version":[{"id":59,"href":"https:\/\/alghani-cendekia.com\/index.php?rest_route=\/wp\/v2\/pages\/29\/revisions\/59"}],"wp:attachment":[{"href":"https:\/\/alghani-cendekia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}