Partner & Collaboration - Bright Education<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Sora:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Plus Jakarta Sans', 'sans-serif'],\r\n sora: ['Sora', 'sans-serif'],\r\n },\r\n colors: {\r\n dark: '#040d1a',\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* Base & Scrollbar *\/\r\n body { background-color: #f8fafc; overflow-x: hidden; -webkit-font-smoothing: antialiased; }\r\n ::-webkit-scrollbar { width: 8px; }\r\n ::-webkit-scrollbar-track { background: #040d1a; }\r\n ::-webkit-scrollbar-thumb { background: #38bdf8; border-radius: 4px; }\r\n\r\n \/* Custom Animations *\/\r\n @keyframes kb { \r\n 0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(56,189,248,.5); } \r\n 50% { opacity: .5; box-shadow: 0 0 0 6px rgba(56,189,248,0); } \r\n }\r\n .animate-kb { animation: kb 2s ease-in-out infinite; }\r\n\r\n \/* Background Patterns *\/\r\n .bg-pattern-dots { background-image: radial-gradient(#cbd5e1 1.5px, transparent 1.5px); background-size: 24px 24px; }\r\n \r\n \/* Glass & Card Hover Effects *\/\r\n .glass-card-dark { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); backdrop-filter: blur(12px); }\r\n .glass-card-dark:hover { background: rgba(255,255,255,.07); border-color: rgba(14,165,233,.3); transform: translateY(-4px); }\r\n\r\n \/* Text Gradients *\/\r\n .text-gradient-hero { background: linear-gradient(100deg, #ffffff 0%, #facc15 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\r\n .text-gradient-globe { background: linear-gradient(90deg,#fde047,#f59e0b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\r\n\r\n \/* Slider Controls *\/\r\n .be-slider-wrapper { position: relative; }\r\n .be-slider-container { display: flex; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); }\r\n .be-slide-group { min-width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; padding: 0.5rem; }\r\n @media (min-width: 768px) { .be-slide-group { grid-template-columns: repeat(3, 1fr); gap: 1.5rem; } }\r\n @media (min-width: 1024px) { .be-slide-group { grid-template-columns: repeat(5, 1fr); } }\r\n \r\n .nav-btn {\r\n position: absolute; top: 50%; transform: translateY(-50%); z-index: 30;\r\n background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(12px);\r\n border: 1px solid rgba(226,232,240,1); border-radius: 50%;\r\n width: 44px; height: 44px; display: flex; align-items: center; justify-content: center;\r\n color: #eab308; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\r\n transition: all 0.3s ease; cursor: pointer;\r\n }\r\n @media (min-width: 768px) { .nav-btn { width: 48px; height: 48px; } }\r\n .nav-btn:hover { background-color: #eab308; color: #0f172a; transform: translateY(-50%) scale(1.1); box-shadow: 0 20px 25px -5px rgba(234, 179, 8, 0.4); }\r\n\r\n \/* Scroll Reveal *\/\r\n .reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); }\r\n .reveal.active { opacity: 1; transform: translateY(0); }\r\n <\/style>\r\n<\/head>\r\n<body class=\"text-slate-800 selection:bg-sky-500 selection:text-white\">\r\n\r\n <section class=\"relative min-h-[90vh] flex items-center bg-dark overflow-hidden pt-20\">\r\n <div class=\"absolute inset-0 pointer-events-none\">\r\n <svg width=\"100%\" height=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"absolute inset-0\">\r\n <defs>\r\n <radialGradient id=\"rg1\" cx=\"75%\" cy=\"20%\" r=\"50%\"><stop offset=\"0%\" stop-color=\"#0ea5e9\" stop-opacity=\".15\"\/><stop offset=\"100%\" stop-color=\"#0ea5e9\" stop-opacity=\"0\"\/><\/radialGradient>\r\n <radialGradient id=\"rg2\" cx=\"20%\" cy=\"80%\" r=\"40%\"><stop offset=\"0%\" stop-color=\"#6366f1\" stop-opacity=\".15\"\/><stop offset=\"100%\" stop-color=\"#6366f1\" stop-opacity=\"0\"\/><\/radialGradient>\r\n <pattern id=\"herogrid\" x=\"0\" y=\"0\" width=\"60\" height=\"60\" patternUnits=\"userSpaceOnUse\">\r\n <path d=\"M60 0H0V60\" fill=\"none\" stroke=\"rgba(255,255,255,0.03)\" stroke-width=\"1\"\/>\r\n <\/pattern>\r\n <\/defs>\r\n <rect width=\"100%\" height=\"100%\" fill=\"url(#herogrid)\"\/><rect width=\"100%\" height=\"100%\" fill=\"url(#rg1)\"\/><rect width=\"100%\" height=\"100%\" fill=\"url(#rg2)\"\/>\r\n <circle cx=\"78%\" cy=\"55%\" r=\"200\" fill=\"none\" stroke=\"rgba(99,102,241,0.15)\" stroke-width=\"1\"\/>\r\n <circle cx=\"78%\" cy=\"55%\" r=\"140\" fill=\"none\" stroke=\"rgba(99,102,241,0.1)\" stroke-width=\"1\"\/>\r\n <line x1=\"0\" y1=\"0\" x2=\"100%\" y2=\"100%\" stroke=\"rgba(255,255,255,0.02)\" stroke-width=\"2\"\/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"max-w-7xl mx-auto px-6 grid lg:grid-cols-2 gap-16 items-center relative z-10 py-16\">\r\n <div class=\"reveal\">\r\n <div class=\"inline-flex items-center gap-2 bg-sky-500\/10 border border-sky-500\/20 rounded-full px-4 py-1.5 mb-8\">\r\n <span class=\"w-2 h-2 rounded-full bg-sky-400 animate-kb\"><\/span>\r\n <span class=\"text-xs font-bold text-sky-400 tracking-widest uppercase\">Jaringan Bright Education<\/span>\r\n <\/div>\r\n <h1 class=\"font-sora text-5xl md:text-6xl lg:text-7xl font-extrabold text-white leading-[1.1] tracking-tight mb-6\">\r\n Kolaborasi <br>\r\n <span class=\"text-gradient-hero\">Tanpa Batas.<\/span>\r\n <\/h1>\r\n <p class=\"text-slate-400 text-lg leading-relaxed max-w-lg mb-10\">\r\n <strong>PT Cahaya Pendidikan Internasional<\/strong> menjalin kerja sama strategis dengan lembaga dan universitas global untuk membuka peluang pendidikan dan karier kelas dunia bagi generasi muda Indonesia.\r\n <\/p>\r\n <div class=\"flex flex-wrap items-center gap-4\">\r\n <a href=\"https:\/\/dbv2.brighteducation.id\/request-partnership\/\" target=\"_blank\" class=\"bg-gradient-to-r from-yellow-400 to-yellow-500 text-slate-900 font-bold px-8 py-4 rounded-full flex items-center gap-2 hover:shadow-2xl hover:shadow-yellow-500\/30 hover:-translate-y-1 transition-all\">\r\n Jalin Kerja Sama <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z\" clip-rule=\"evenodd\" \/><\/svg>\r\n <\/a>\r\n <a href=\"#partners\" class=\"text-slate-300 font-semibold px-6 py-4 hover:text-white flex items-center gap-2 transition-colors\">\r\n Lihat Mitra <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\" \/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-2 gap-4 reveal delay-200\">\r\n <div class=\"glass-card-dark rounded-3xl p-8 flex flex-col justify-center transition-all duration-300\">\r\n <div class=\"w-12 h-12 rounded-xl bg-sky-500\/20 flex items-center justify-center mb-6 text-sky-400\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"4\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg>\r\n <\/div>\r\n <div class=\"font-sora text-5xl font-extrabold text-sky-400 mb-2\">9<\/div>\r\n <div class=\"text-sm font-semibold text-slate-400 uppercase tracking-wide\">Lembaga Partner<\/div>\r\n <\/div>\r\n <div class=\"glass-card-dark rounded-3xl p-8 flex flex-col justify-center transition-all duration-300\">\r\n <div class=\"w-12 h-12 rounded-xl bg-indigo-500\/20 flex items-center justify-center mb-6 text-indigo-400\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg>\r\n <\/div>\r\n <div class=\"font-sora text-5xl font-extrabold text-white mb-2 flex items-baseline\">76<span class=\"text-2xl ml-1\">+<\/span><\/div>\r\n <div class=\"text-sm font-semibold text-slate-400 uppercase tracking-wide\">Sekolah & Kampus<\/div>\r\n <\/div>\r\n <div class=\"col-span-2 rounded-3xl p-8 bg-gradient-to-br from-sky-500\/10 to-indigo-500\/10 border border-indigo-500\/30 relative overflow-hidden group hover:border-indigo-500\/50 transition-colors cursor-pointer\" onclick=\"document.getElementById('partners').scrollIntoView({behavior: 'smooth'})\">\r\n <div class=\"absolute right-6 top-1\/2 -translate-y-1\/2 text-xs font-bold text-indigo-300\/50 tracking-widest uppercase rotate-90 origin-right\">Jaringan Global<\/div>\r\n <div class=\"w-12 h-12 rounded-xl bg-indigo-500\/20 flex items-center justify-center mb-6 text-indigo-300\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"font-sora text-6xl font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-sky-400 to-indigo-300 mb-2 group-hover:scale-105 transition-transform origin-left\">45<\/div>\r\n <div class=\"text-sm font-semibold text-slate-300 uppercase tracking-wide\">Mitra Internasional Resmi<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"py-20 md:py-24 bg-white border-b border-slate-200 relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-sky-50 rounded-full mix-blend-multiply filter blur-3xl opacity-60 pointer-events-none transform translate-x-1\/3 -translate-y-1\/3\"><\/div>\r\n\r\n <div class=\"max-w-7xl mx-auto px-6 grid lg:grid-cols-12 gap-12 lg:gap-20 items-center relative z-10\">\r\n \r\n <div class=\"lg:col-span-7 reveal\">\r\n <div class=\"grid grid-cols-3 gap-3 md:gap-6\" id=\"lembagaContainer\">\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"lg:col-span-5 reveal delay-200 text-center lg:text-left\">\r\n <span class=\"inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-sky-50 text-sky-600 font-bold text-xs tracking-widest uppercase border border-sky-100 mb-6\">\r\n Dukungan Nasional\r\n <\/span>\r\n \r\n <h2 class=\"font-sora text-3xl md:text-4xl lg:text-5xl font-extrabold text-slate-900 mb-6 leading-tight\">\r\n Sinergi Kuat dengan <br class=\"hidden lg:block\">\r\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-yellow-400 to-yellow-600\">Instansi Resmi<\/span>\r\n <\/h2>\r\n \r\n <p class=\"text-slate-600 text-base md:text-lg leading-relaxed mb-6\">\r\n <strong>PT Cahaya Pendidikan Internasional<\/strong> didukung langsung oleh pemerintah serta menjalin kerja sama strategis dengan berbagai lembaga pendidikan terkemuka.\r\n <\/p>\r\n <p class=\"text-slate-500 text-[15px] md:text-base leading-relaxed mb-8\">\r\n Sinergi yang terbangun kuat dengan lembaga pemerintahan dan instansi swasta di Indonesia ini menjadi bukti nyata komitmen kami dalam menghadirkan program berkualitas, aman, dan berstandar tinggi.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"bg-dark py-24 relative overflow-hidden\">\r\n <div class=\"absolute inset-0 pointer-events-none\">\r\n <svg width=\"100%\" height=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <radialGradient id=\"frg\" cx=\"60%\" cy=\"50%\" r=\"50%\"><stop offset=\"0%\" stop-color=\"#0ea5e9\" stop-opacity=\".15\"\/><stop offset=\"100%\" stop-color=\"#0ea5e9\" stop-opacity=\"0\"\/><\/radialGradient>\r\n <rect width=\"100%\" height=\"100%\" fill=\"url(#frg)\"\/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"max-w-7xl mx-auto px-6 grid lg:grid-cols-2 gap-16 items-center relative z-10\">\r\n <div class=\"reveal\">\r\n <span class=\"inline-block px-4 py-1.5 rounded-full bg-sky-500\/10 text-sky-400 font-bold text-xs tracking-widest uppercase border border-sky-500\/20 mb-6\">Jaringan Pendidikan Nasional<\/span>\r\n <h2 class=\"font-sora text-4xl lg:text-6xl font-extrabold text-white leading-tight mb-6\">\r\n Bersinergi dengan <br>\r\n <span class=\"text-gradient-globe text-6xl lg:text-8xl\">76+<\/span> <br>\r\n Sekolah & Kampus\r\n <\/h2>\r\n <p class=\"text-slate-400 text-lg leading-relaxed mb-8\">\r\n Menghubungkan ratusan pelajar dan mahasiswa dari SMA, SMK, Sederajat hingga Perguruan Tinggi di seluruh pelosok Indonesia menuju peluang pendidikan dan karier global yang nyata.\r\n <\/p>\r\n <div class=\"flex flex-wrap gap-3 mb-8\">\r\n <span class=\"px-4 py-2 rounded-full border border-white\/10 bg-white\/5 text-sm font-semibold text-slate-300\">Universitas Riset<\/span>\r\n <span class=\"px-4 py-2 rounded-full border border-white\/10 bg-white\/5 text-sm font-semibold text-slate-300\">Sekolah Vokasi<\/span>\r\n <span class=\"px-4 py-2 rounded-full border border-white\/10 bg-white\/5 text-sm font-semibold text-slate-300\">Lembaga Sertifikasi<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex justify-center reveal delay-200\">\r\n <svg width=\"100%\" viewBox=\"0 0 420 420\" class=\"max-w-[500px]\">\r\n <defs>\r\n <radialGradient id=\"globeGrad\" cx=\"40%\" cy=\"35%\" r=\"60%\">\r\n <stop offset=\"0%\" stop-color=\"#1e3a5f\"\/><stop offset=\"100%\" stop-color=\"#040d1a\"\/>\r\n <\/radialGradient>\r\n <\/defs>\r\n <circle cx=\"210\" cy=\"210\" r=\"195\" fill=\"rgba(14,165,233,0.04)\" \/>\r\n <circle cx=\"210\" cy=\"210\" r=\"175\" fill=\"rgba(14,165,233,0.04)\" \/>\r\n <circle cx=\"210\" cy=\"210\" r=\"155\" fill=\"url(#globeGrad)\" stroke=\"rgba(14,165,233,0.3)\" stroke-width=\"1\"\/>\r\n \r\n <ellipse cx=\"210\" cy=\"210\" rx=\"155\" ry=\"46\" fill=\"none\" stroke=\"rgba(14,165,233,0.2)\" stroke-width=\"0.8\"\/>\r\n <ellipse cx=\"210\" cy=\"210\" rx=\"155\" ry=\"90\" fill=\"none\" stroke=\"rgba(14,165,233,0.15)\" stroke-width=\"0.8\"\/>\r\n <line x1=\"210\" y1=\"55\" x2=\"210\" y2=\"365\" stroke=\"rgba(14,165,233,0.2)\" stroke-width=\"0.8\"\/>\r\n <ellipse cx=\"210\" cy=\"210\" rx=\"46\" ry=\"155\" fill=\"none\" stroke=\"rgba(14,165,233,0.2)\" stroke-width=\"0.8\"\/>\r\n <ellipse cx=\"210\" cy=\"210\" rx=\"100\" ry=\"155\" fill=\"none\" stroke=\"rgba(14,165,233,0.15)\" stroke-width=\"0.8\"\/>\r\n <line x1=\"55\" y1=\"210\" x2=\"365\" y2=\"210\" stroke=\"rgba(56,189,248,0.3)\" stroke-width=\"1\"\/>\r\n \r\n <ellipse cx=\"185\" cy=\"185\" rx=\"40\" ry=\"28\" fill=\"rgba(14,165,233,0.3)\"\/>\r\n <ellipse cx=\"255\" cy=\"175\" rx=\"32\" ry=\"22\" fill=\"rgba(14,165,233,0.25)\"\/>\r\n <ellipse cx=\"160\" cy=\"240\" rx=\"22\" ry=\"35\" fill=\"rgba(14,165,233,0.2)\"\/>\r\n <ellipse cx=\"270\" cy=\"240\" rx=\"28\" ry=\"20\" fill=\"rgba(14,165,233,0.25)\"\/>\r\n \r\n <circle cx=\"185\" cy=\"175\" r=\"5\" fill=\"#fde047\" class=\"animate-pulse\"\/>\r\n <circle cx=\"258\" cy=\"168\" r=\"4\" fill=\"#38bdf8\"\/>\r\n <circle cx=\"155\" cy=\"245\" r=\"4\" fill=\"#a5b4fc\"\/>\r\n <circle cx=\"210\" cy=\"190\" r=\"6\" fill=\"#f59e0b\"\/>\r\n \r\n <line x1=\"210\" y1=\"190\" x2=\"185\" y2=\"175\" stroke=\"rgba(253,224,71,0.6)\" stroke-width=\"1.5\" stroke-dasharray=\"4,3\"\/>\r\n <line x1=\"210\" y1=\"190\" x2=\"258\" y2=\"168\" stroke=\"rgba(56,189,248,0.5)\" stroke-width=\"1\" stroke-dasharray=\"4,3\"\/>\r\n <line x1=\"210\" y1=\"190\" x2=\"155\" y2=\"245\" stroke=\"rgba(165,180,252,0.5)\" stroke-width=\"1\" stroke-dasharray=\"4,3\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"partners\" class=\"py-20 md:py-24 bg-pattern-dots relative reveal\">\r\n <div class=\"max-w-7xl mx-auto px-4 md:px-6\">\r\n <div class=\"flex flex-col md:flex-row justify-between items-end mb-10 gap-4\">\r\n <div>\r\n <span class=\"inline-block px-4 py-1.5 rounded-full bg-indigo-50 text-indigo-600 font-bold text-xs tracking-widest uppercase border border-indigo-100 mb-3 md:mb-4\">Jaringan Global<\/span>\r\n <h2 class=\"font-sora text-3xl md:text-4xl lg:text-5xl font-extrabold text-slate-900 tracking-tight\">Mitra Internasional Resmi<\/h2>\r\n <\/div>\r\n <p class=\"text-slate-500 max-w-md text-left md:text-right text-sm md:text-base leading-relaxed\">\r\n Hingga tahun 2026, Bright Education Indonesia telah dipercaya oleh 45+ universitas & perusahaan ternama di luar negeri.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"be-slider-wrapper\">\r\n <button onclick=\"bePrevSlide()\" class=\"nav-btn -left-3 md:-left-6 border-slate-200\" aria-label=\"Previous Slide\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 md:h-6 md:w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M15 19l-7-7 7-7\" \/><\/svg>\r\n <\/button>\r\n\r\n <div class=\"overflow-hidden rounded-[1.5rem] md:rounded-[2.5rem] p-2 md:p-5 bg-white border border-slate-200 shadow-2xl shadow-sky-900\/5\">\r\n <div id=\"beSliderTrack\" class=\"be-slider-container\">\r\n <\/div>\r\n <\/div>\r\n\r\n <button onclick=\"beNextSlide()\" class=\"nav-btn -right-3 md:-right-6 border-slate-200\" aria-label=\"Next Slide\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 md:h-6 md:w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M9 5l7 7-7 7\" \/><\/svg>\r\n <\/button>\r\n <\/div>\r\n \r\n <div class=\"flex justify-center mt-8 md:mt-10\">\r\n <div class=\"flex items-center gap-2 md:gap-3 px-5 py-2 bg-white rounded-full shadow-sm border border-slate-200 text-slate-500 text-xs md:text-sm font-semibold tracking-wide\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-4 w-4 md:h-5 md:w-5 text-sky-500\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4\" \/><\/svg>\r\n Geser untuk melihat semua mitra\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"max-w-6xl mx-auto px-4 md:px-6 py-12 mb-20 reveal\">\r\n <div class=\"bg-dark rounded-[2.5rem] md:rounded-[3rem] p-8 md:p-16 lg:p-20 relative overflow-hidden shadow-2xl shadow-dark\/30 border border-slate-800\">\r\n <div class=\"absolute inset-0 pointer-events-none\">\r\n <svg width=\"100%\" height=\"100%\">\r\n <radialGradient id=\"ctarg\" cx=\"80%\" cy=\"50%\" r=\"50%\"><stop offset=\"0%\" stop-color=\"#0ea5e9\" stop-opacity=\".2\"\/><stop offset=\"100%\" stop-color=\"#0ea5e9\" stop-opacity=\"0\"\/><\/radialGradient>\r\n <rect width=\"100%\" height=\"100%\" fill=\"url(#ctarg)\"\/>\r\n <circle cx=\"85%\" cy=\"50%\" r=\"180\" fill=\"none\" stroke=\"rgba(56,189,248,0.15)\" stroke-width=\"1\"\/>\r\n <circle cx=\"85%\" cy=\"50%\" r=\"120\" fill=\"none\" stroke=\"rgba(99,102,241,0.15)\" stroke-width=\"1\"\/>\r\n <\/svg>\r\n <\/div>\r\n \r\n <div class=\"relative z-10 grid md:grid-cols-12 gap-8 md:gap-10 items-center\">\r\n <div class=\"md:col-span-7 text-center md:text-left\">\r\n <h2 class=\"font-sora text-3xl md:text-4xl lg:text-5xl font-extrabold text-white mb-4 md:mb-6 leading-tight\">\r\n Gabung Jaringan <br>\r\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-sky-400 to-indigo-400\">Global Kami<\/span>\r\n <\/h2>\r\n <p class=\"text-slate-400 text-base md:text-lg leading-relaxed\">\r\n Mari berkolaborasi membuka peluang pendidikan global bersama Bright Education. Hubungi kami sekarang untuk menjalin kemitraan yang saling menguntungkan.\r\n <\/p>\r\n <\/div>\r\n <div class=\"md:col-span-5 flex flex-col items-center md:items-end gap-4\">\r\n <a href=\"https:\/\/dbv2.brighteducation.id\/request-partnership\/\" target=\"_blank\" class=\"w-full sm:w-auto text-center bg-gradient-to-r from-yellow-400 to-yellow-500 text-slate-900 font-bold px-8 py-4 md:px-10 md:py-5 rounded-full text-base md:text-lg hover:shadow-2xl hover:shadow-yellow-500\/30 hover:-translate-y-1 transition-all\">\r\n Request Partnership\r\n <\/a>\r\n <a href=\"#\" class=\"text-slate-400 hover:text-white text-sm font-semibold transition-colors mt-1 md:mt-2\">Pelajari lebih lanjut →<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<script>\r\n \/\/ --- SCROLL REVEAL LOGIC ---\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => { if (entry.isIntersecting) entry.target.classList.add('active'); });\r\n }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\r\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\r\n\r\n \/\/ --- 9 LEMBAGA PEMERINTAH (GRID 3x3 KIRI, FULL COLOR) ---\r\n const lembagaContainer = document.getElementById('lembagaContainer');\r\n let htmlLembaga = '';\r\n \r\n for (let i = 1; i <= 9; i++) {\r\n let imgUrl = `https:\/\/brighteducation.id\/wp-content\/uploads\/2026\/04\/lembaga${i}.png`;\r\n \r\n htmlLembaga += `\r\n <div class=\"bg-white border border-slate-100 rounded-xl md:rounded-2xl p-2 md:p-4 flex items-center justify-center aspect-square shadow-sm hover:shadow-lg hover:-translate-y-1 hover:border-sky-200 transition-all duration-300\">\r\n <img decoding=\"async\" src=\"${imgUrl}\" alt=\"Lembaga ${i}\" \r\n onerror=\"this.onerror=null; this.src='https:\/\/ui-avatars.com\/api\/?name=Lembaga+${i}&background=f8fafc&color=0ea5e9&size=128&bold=true'\" \r\n class=\"max-w-[70%] max-h-[70%] md:max-w-[80%] md:max-h-[80%] object-contain\">\r\n <\/div>\r\n `;\r\n }\r\n lembagaContainer.innerHTML = htmlLembaga;\r\n\r\n \/\/ --- HIGHLIGHT: 45 MITRA GLOBAL SLIDER DENGAN RESPONSIVE LOGIC ---\r\n const partnerData = [\r\n { name: \"Hotel-Restaurant Zur Marienburg\", desc: \"Bisnis hotel, Jerman\" }, { name: \"Ausbildung\", desc: \"Vokasi, Jerman\" },\r\n { name: \"Uniguide Consulting\", desc: \"Konsultan, Kanada\" }, { name: \"I Work Overseas\", desc: \"Peluang kerja\" },\r\n { name: \"Consulting GmbH\", desc: \"Recruiter, Jerman\" }, { name: \"Global Study Partners\", desc: \"Study Abroad\" },\r\n { name: \"Gedu Global Education\", desc: \"Pendidikan, Inggris\" }, { name: \"CCTB\", desc: \"Universitas, Kanada\" },\r\n { name: \"Bayswater\", desc: \"Sekolah internasional\" }, { name: \"FIU\", desc: \"Universitas, Turki\" },\r\n { name: \"Stenberg College\", desc: \"Universitas, Kanada\" }, { name: \"Sprott Shaw College\", desc: \"Vokasi, Kanada\" },\r\n { name: \"Vancouver Int. College\", desc: \"Pendidikan, Kanada\" }, { name: \"Canadian College\", desc: \"Universitas, Kanada\" },\r\n { name: \"ILAC\", desc: \"Sekolah bahasa, Kanada\" }, { name: \"VGC Int. College\", desc: \"Pendidikan, Kanada\" },\r\n { name: \"Europa Hotel K\u00fchlungsborn\", desc: \"Hotel, Jerman\" }, { name: \"KS Veranstaltungskonzepte\", desc: \"Acara, Jerman\" },\r\n { name: \"TAMWOOD\", desc: \"Pendidikan, Kanada\" }, { name: \"SELC College\", desc: \"Pendidikan, Kanada\" },\r\n { name: \"Hotel Zeltinger-Hof\", desc: \"Hotel & restoran, Jerman\" }, { name: \"B\u00e4ckerei Schwarz\", desc: \"Toko roti, Jerman\" },\r\n { name: \"NOVUM Hospitality\", desc: \"Pengembang hotel, Jerman\" }, { name: \"Best Western Hotels\", desc: \"Hotel global\" },\r\n { name: \"Gasthof Zum Storch\", desc: \"Hotel tradisional, Jerman\" }, { name: \"HBS Foods Ltd\", desc: \"Bisnis makanan, Inggris\" },\r\n { name: \"A. Jennewein GmbH\", desc: \"Logistik, Jerman\" }, { name: \"Kongresshotel Potsdam\", desc: \"Hotel, Jerman\" },\r\n { name: \"Select Hotels Group\", desc: \"Perhotelan, Jepang\" }, { name: \"Seligweiler Hotel\", desc: \"Hotel, Jerman\" },\r\n { name: \"Brauers Landarthotel\", desc: \"Hotel keluarga, Jerman\" }, { name: \"Gasthof zum L\u00f6wen\", desc: \"Penginapan, Jerman\" },\r\n { name: \"Gasthaus Staude\", desc: \"Penginapan, Jerman\" }, { name: \"Fliegel Textilservice\", desc: \"Jasa binatu, Jerman\" },\r\n { name: \"Ostseehotel Wustrow\", desc: \"Hotel tradisional, Jerman\" }, { name: \"PLAZA Hotelgroup\", desc: \"Manajemen hotel, Jerman\" },\r\n { name: \"Hotel H\u00f6pke\", desc: \"Hotel, Jerman\" }, { name: \"NaturPurHotel Maarblick\", desc: \"Hotel, Jerman\" },\r\n { name: \"Caruso Ristorante Italiano\", desc: \"Restoran Italia, Jerman\" }, { name: \"Hotel Meerlust\", desc: \"Hotel, Jerman\" },\r\n { name: \"Waldhotel B\u00e4renstein\", desc: \"Hotel, Jerman\" }, { name: \"Landidyll Hotel zum Kreuz\", desc: \"Hotel, Jerman\" },\r\n { name: \"Michels Wohlf\u00fchlhotel\", desc: \"Hotel, Jerman\" }, { name: \"Moselschl\u00f6\u00dfchen Spa\", desc: \"Hotel & resor, Jerman\" },\r\n { name: \"VanWest College\", desc: \"Perguruan tinggi, Kanada\" }\r\n ];\r\n\r\n let beCurrentIdx = 0;\r\n let currentItemsPerSlide = window.innerWidth >= 1024 ? 10 : 6;\r\n\r\n function renderMitraSlider() {\r\n const track = document.getElementById('beSliderTrack');\r\n let htmlContent = '';\r\n const totalLogos = 45; \r\n\r\n for (let i = 0; i < totalLogos; i += currentItemsPerSlide) {\r\n htmlContent += '<div class=\"be-slide-group\">';\r\n for (let j = 0; j < currentItemsPerSlide; j++) {\r\n let logoIndex = i + j;\r\n if (logoIndex < totalLogos) {\r\n let imgUrl = `https:\/\/brighteducation.id\/wp-content\/uploads\/2026\/04\/Picture${logoIndex}.png`;\r\n let fallbackUrl = `https:\/\/ui-avatars.com\/api\/?name=${encodeURIComponent(partnerData[logoIndex].name)}&background=f0f9ff&color=0284c7&size=128&bold=true`;\r\n let pName = partnerData[logoIndex].name;\r\n let pDesc = partnerData[logoIndex].desc;\r\n \r\n \/\/ Tinggi Card Disesuaikan: h-48 di mobile, h-56 di tablet, h-60 di desktop\r\n htmlContent += `\r\n <div class=\"group bg-slate-50 hover:bg-white rounded-[1.25rem] md:rounded-[1.5rem] p-4 md:p-6 h-48 md:h-56 lg:h-60 flex flex-col items-center text-center border border-slate-100 hover:shadow-xl hover:shadow-sky-900\/10 hover:-translate-y-1.5 hover:border-sky-300 transition-all duration-300 relative overflow-hidden\">\r\n \r\n <div class=\"absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-sky-400 to-indigo-500 transform scale-x-0 group-hover:scale-x-100 transition-transform duration-300 origin-left\"><\/div>\r\n \r\n <div class=\"h-16 md:h-20 lg:h-24 w-full flex items-center justify-center mb-3 md:mb-4\">\r\n <img decoding=\"async\" src=\"${imgUrl}\" onerror=\"this.onerror=null; this.src='${fallbackUrl}'\" \r\n class=\"max-h-full max-w-full object-contain transition-transform duration-500 group-hover:scale-110\" alt=\"${pName}\">\r\n <\/div>\r\n <div class=\"mt-auto w-full\">\r\n <h3 class=\"text-[11px] md:text-xs lg:text-[13px] font-bold text-slate-800 line-clamp-2 group-hover:text-sky-600 transition-colors mb-1 md:mb-1.5 leading-tight md:leading-snug\">${pName}<\/h3>\r\n <p class=\"text-[9px] md:text-[10px] text-slate-500 line-clamp-1 uppercase tracking-wide font-semibold\">${pDesc}<\/p>\r\n <\/div>\r\n <\/div>\r\n `;\r\n }\r\n }\r\n htmlContent += '<\/div>';\r\n }\r\n track.innerHTML = htmlContent;\r\n beCurrentIdx = 0;\r\n beUpdateSlider();\r\n }\r\n\r\n function beUpdateSlider() { \r\n document.getElementById('beSliderTrack').style.transform = `translateX(-${beCurrentIdx * 100}%)`; \r\n }\r\n \r\n function beNextSlide() { \r\n const totalSlides = document.querySelectorAll('.be-slide-group').length; \r\n beCurrentIdx = (beCurrentIdx < totalSlides - 1) ? beCurrentIdx + 1 : 0; \r\n beUpdateSlider(); \r\n }\r\n \r\n function bePrevSlide() { \r\n const totalSlides = document.querySelectorAll('.be-slide-group').length; \r\n beCurrentIdx = (beCurrentIdx > 0) ? beCurrentIdx - 1 : totalSlides - 1; \r\n beUpdateSlider(); \r\n }\r\n\r\n \/\/ Inisialisasi awal slider\r\n renderMitraSlider();\r\n\r\n \/\/ Re-render slider ketika ukuran layar (window size) berubah melewati batas breakpoint (responsive)\r\n window.addEventListener('resize', () => {\r\n let newItemsPerSlide = window.innerWidth >= 1024 ? 10 : 6;\r\n if (newItemsPerSlide !== currentItemsPerSlide) {\r\n currentItemsPerSlide = newItemsPerSlide;\r\n renderMitraSlider();\r\n }\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>Partner & Collaboration – Bright Education Jaringan Bright Education Kolaborasi Tanpa Batas. PT Cahaya Pendidikan Internasional menjalin kerja sama strategis dengan lembaga dan universitas global untuk membuka peluang pendidikan dan karier kelas dunia bagi generasi muda Indonesia. Jalin Kerja Sama Lihat Mitra 9 Lembaga Partner 76+ Sekolah & Kampus Jaringan Global 45 Mitra Internasional Resmi […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","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":"","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":""},"wf_page_folders":[],"class_list":["post-9003","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/pages\/9003","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/comments?post=9003"}],"version-history":[{"count":8,"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/pages\/9003\/revisions"}],"predecessor-version":[{"id":9073,"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/pages\/9003\/revisions\/9073"}],"wp:attachment":[{"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/media?parent=9003"}],"wp:term":[{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/wf_page_folders?post=9003"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Partner & Collaboration - Bright Education<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Sora:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Plus Jakarta Sans', 'sans-serif'],\r\n sora: ['Sora', 'sans-serif'],\r\n },\r\n colors: {\r\n dark: '#040d1a',\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* Base & Scrollbar *\/\r\n body { background-color: #f8fafc; overflow-x: hidden; -webkit-font-smoothing: antialiased; }\r\n ::-webkit-scrollbar { width: 8px; }\r\n ::-webkit-scrollbar-track { background: #040d1a; }\r\n ::-webkit-scrollbar-thumb { background: #38bdf8; border-radius: 4px; }\r\n\r\n \/* Custom Animations *\/\r\n @keyframes kb { \r\n 0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(56,189,248,.5); } \r\n 50% { opacity: .5; box-shadow: 0 0 0 6px rgba(56,189,248,0); } \r\n }\r\n .animate-kb { animation: kb 2s ease-in-out infinite; }\r\n\r\n \/* Background Patterns *\/\r\n .bg-pattern-dots { background-image: radial-gradient(#cbd5e1 1.5px, transparent 1.5px); background-size: 24px 24px; }\r\n \r\n \/* Glass & Card Hover Effects *\/\r\n .glass-card-dark { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); backdrop-filter: blur(12px); }\r\n .glass-card-dark:hover { background: rgba(255,255,255,.07); border-color: rgba(14,165,233,.3); transform: translateY(-4px); }\r\n\r\n \/* Text Gradients *\/\r\n .text-gradient-hero { background: linear-gradient(100deg, #ffffff 0%, #facc15 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\r\n .text-gradient-globe { background: linear-gradient(90deg,#fde047,#f59e0b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\r\n\r\n \/* Slider Controls *\/\r\n .be-slider-wrapper { position: relative; }\r\n .be-slider-container { display: flex; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); }\r\n .be-slide-group { min-width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; padding: 0.5rem; }\r\n @media (min-width: 768px) { .be-slide-group { grid-template-columns: repeat(3, 1fr); gap: 1.5rem; } }\r\n @media (min-width: 1024px) { .be-slide-group { grid-template-columns: repeat(5, 1fr); } }\r\n \r\n .nav-btn {\r\n position: absolute; top: 50%; transform: translateY(-50%); z-index: 30;\r\n background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(12px);\r\n border: 1px solid rgba(226,232,240,1); border-radius: 50%;\r\n width: 44px; height: 44px; display: flex; align-items: center; justify-content: center;\r\n color: #eab308; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\r\n transition: all 0.3s ease; cursor: pointer;\r\n }\r\n @media (min-width: 768px) { .nav-btn { width: 48px; height: 48px; } }\r\n .nav-btn:hover { background-color: #eab308; color: #0f172a; transform: translateY(-50%) scale(1.1); box-shadow: 0 20px 25px -5px rgba(234, 179, 8, 0.4); }\r\n\r\n \/* Scroll Reveal *\/\r\n .reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); }\r\n .reveal.active { opacity: 1; transform: translateY(0); }\r\n <\/style>\r\n<\/head>\r\n<body class=\"text-slate-800 selection:bg-sky-500 selection:text-white\">\r\n\r\n <section class=\"relative min-h-[90vh] flex items-center bg-dark overflow-hidden pt-20\">\r\n <div class=\"absolute inset-0 pointer-events-none\">\r\n <svg width=\"100%\" height=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"absolute inset-0\">\r\n <defs>\r\n <radialGradient id=\"rg1\" cx=\"75%\" cy=\"20%\" r=\"50%\"><stop offset=\"0%\" stop-color=\"#0ea5e9\" stop-opacity=\".15\"\/><stop offset=\"100%\" stop-color=\"#0ea5e9\" stop-opacity=\"0\"\/><\/radialGradient>\r\n <radialGradient id=\"rg2\" cx=\"20%\" cy=\"80%\" r=\"40%\"><stop offset=\"0%\" stop-color=\"#6366f1\" stop-opacity=\".15\"\/><stop offset=\"100%\" stop-color=\"#6366f1\" stop-opacity=\"0\"\/><\/radialGradient>\r\n <pattern id=\"herogrid\" x=\"0\" y=\"0\" width=\"60\" height=\"60\" patternUnits=\"userSpaceOnUse\">\r\n <path d=\"M60 0H0V60\" fill=\"none\" stroke=\"rgba(255,255,255,0.03)\" stroke-width=\"1\"\/>\r\n <\/pattern>\r\n <\/defs>\r\n <rect width=\"100%\" height=\"100%\" fill=\"url(#herogrid)\"\/><rect width=\"100%\" height=\"100%\" fill=\"url(#rg1)\"\/><rect width=\"100%\" height=\"100%\" fill=\"url(#rg2)\"\/>\r\n <circle cx=\"78%\" cy=\"55%\" r=\"200\" fill=\"none\" stroke=\"rgba(99,102,241,0.15)\" stroke-width=\"1\"\/>\r\n <circle cx=\"78%\" cy=\"55%\" r=\"140\" fill=\"none\" stroke=\"rgba(99,102,241,0.1)\" stroke-width=\"1\"\/>\r\n <line x1=\"0\" y1=\"0\" x2=\"100%\" y2=\"100%\" stroke=\"rgba(255,255,255,0.02)\" stroke-width=\"2\"\/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"max-w-7xl mx-auto px-6 grid lg:grid-cols-2 gap-16 items-center relative z-10 py-16\">\r\n <div class=\"reveal\">\r\n <div class=\"inline-flex items-center gap-2 bg-sky-500\/10 border border-sky-500\/20 rounded-full px-4 py-1.5 mb-8\">\r\n <span class=\"w-2 h-2 rounded-full bg-sky-400 animate-kb\"><\/span>\r\n <span class=\"text-xs font-bold text-sky-400 tracking-widest uppercase\">Jaringan Bright Education<\/span>\r\n <\/div>\r\n <h1 class=\"font-sora text-5xl md:text-6xl lg:text-7xl font-extrabold text-white leading-[1.1] tracking-tight mb-6\">\r\n Kolaborasi <br>\r\n <span class=\"text-gradient-hero\">Tanpa Batas.<\/span>\r\n <\/h1>\r\n <p class=\"text-slate-400 text-lg leading-relaxed max-w-lg mb-10\">\r\n <strong>PT Cahaya Pendidikan Internasional<\/strong> menjalin kerja sama strategis dengan lembaga dan universitas global untuk membuka peluang pendidikan dan karier kelas dunia bagi generasi muda Indonesia.\r\n <\/p>\r\n <div class=\"flex flex-wrap items-center gap-4\">\r\n <a href=\"https:\/\/dbv2.brighteducation.id\/request-partnership\/\" target=\"_blank\" class=\"bg-gradient-to-r from-yellow-400 to-yellow-500 text-slate-900 font-bold px-8 py-4 rounded-full flex items-center gap-2 hover:shadow-2xl hover:shadow-yellow-500\/30 hover:-translate-y-1 transition-all\">\r\n Jalin Kerja Sama <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z\" clip-rule=\"evenodd\" \/><\/svg>\r\n <\/a>\r\n <a href=\"#partners\" class=\"text-slate-300 font-semibold px-6 py-4 hover:text-white flex items-center gap-2 transition-colors\">\r\n Lihat Mitra <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\" \/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-2 gap-4 reveal delay-200\">\r\n <div class=\"glass-card-dark rounded-3xl p-8 flex flex-col justify-center transition-all duration-300\">\r\n <div class=\"w-12 h-12 rounded-xl bg-sky-500\/20 flex items-center justify-center mb-6 text-sky-400\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"4\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg>\r\n <\/div>\r\n <div class=\"font-sora text-5xl font-extrabold text-sky-400 mb-2\">9<\/div>\r\n <div class=\"text-sm font-semibold text-slate-400 uppercase tracking-wide\">Lembaga Partner<\/div>\r\n <\/div>\r\n <div class=\"glass-card-dark rounded-3xl p-8 flex flex-col justify-center transition-all duration-300\">\r\n <div class=\"w-12 h-12 rounded-xl bg-indigo-500\/20 flex items-center justify-center mb-6 text-indigo-400\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg>\r\n <\/div>\r\n <div class=\"font-sora text-5xl font-extrabold text-white mb-2 flex items-baseline\">76<span class=\"text-2xl ml-1\">+<\/span><\/div>\r\n <div class=\"text-sm font-semibold text-slate-400 uppercase tracking-wide\">Sekolah & Kampus<\/div>\r\n <\/div>\r\n <div class=\"col-span-2 rounded-3xl p-8 bg-gradient-to-br from-sky-500\/10 to-indigo-500\/10 border border-indigo-500\/30 relative overflow-hidden group hover:border-indigo-500\/50 transition-colors cursor-pointer\" onclick=\"document.getElementById('partners').scrollIntoView({behavior: 'smooth'})\">\r\n <div class=\"absolute right-6 top-1\/2 -translate-y-1\/2 text-xs font-bold text-indigo-300\/50 tracking-widest uppercase rotate-90 origin-right\">Jaringan Global<\/div>\r\n <div class=\"w-12 h-12 rounded-xl bg-indigo-500\/20 flex items-center justify-center mb-6 text-indigo-300\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"font-sora text-6xl font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-sky-400 to-indigo-300 mb-2 group-hover:scale-105 transition-transform origin-left\">45<\/div>\r\n <div class=\"text-sm font-semibold text-slate-300 uppercase tracking-wide\">Mitra Internasional Resmi<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"py-20 md:py-24 bg-white border-b border-slate-200 relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-sky-50 rounded-full mix-blend-multiply filter blur-3xl opacity-60 pointer-events-none transform translate-x-1\/3 -translate-y-1\/3\"><\/div>\r\n\r\n <div class=\"max-w-7xl mx-auto px-6 grid lg:grid-cols-12 gap-12 lg:gap-20 items-center relative z-10\">\r\n \r\n <div class=\"lg:col-span-7 reveal\">\r\n <div class=\"grid grid-cols-3 gap-3 md:gap-6\" id=\"lembagaContainer\">\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"lg:col-span-5 reveal delay-200 text-center lg:text-left\">\r\n <span class=\"inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-sky-50 text-sky-600 font-bold text-xs tracking-widest uppercase border border-sky-100 mb-6\">\r\n Dukungan Nasional\r\n <\/span>\r\n \r\n <h2 class=\"font-sora text-3xl md:text-4xl lg:text-5xl font-extrabold text-slate-900 mb-6 leading-tight\">\r\n Sinergi Kuat dengan <br class=\"hidden lg:block\">\r\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-yellow-400 to-yellow-600\">Instansi Resmi<\/span>\r\n <\/h2>\r\n \r\n <p class=\"text-slate-600 text-base md:text-lg leading-relaxed mb-6\">\r\n <strong>PT Cahaya Pendidikan Internasional<\/strong> didukung langsung oleh pemerintah serta menjalin kerja sama strategis dengan berbagai lembaga pendidikan terkemuka.\r\n <\/p>\r\n <p class=\"text-slate-500 text-[15px] md:text-base leading-relaxed mb-8\">\r\n Sinergi yang terbangun kuat dengan lembaga pemerintahan dan instansi swasta di Indonesia ini menjadi bukti nyata komitmen kami dalam menghadirkan program berkualitas, aman, dan berstandar tinggi.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"bg-dark py-24 relative overflow-hidden\">\r\n <div class=\"absolute inset-0 pointer-events-none\">\r\n <svg width=\"100%\" height=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <radialGradient id=\"frg\" cx=\"60%\" cy=\"50%\" r=\"50%\"><stop offset=\"0%\" stop-color=\"#0ea5e9\" stop-opacity=\".15\"\/><stop offset=\"100%\" stop-color=\"#0ea5e9\" stop-opacity=\"0\"\/><\/radialGradient>\r\n <rect width=\"100%\" height=\"100%\" fill=\"url(#frg)\"\/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"max-w-7xl mx-auto px-6 grid lg:grid-cols-2 gap-16 items-center relative z-10\">\r\n <div class=\"reveal\">\r\n <span class=\"inline-block px-4 py-1.5 rounded-full bg-sky-500\/10 text-sky-400 font-bold text-xs tracking-widest uppercase border border-sky-500\/20 mb-6\">Jaringan Pendidikan Nasional<\/span>\r\n <h2 class=\"font-sora text-4xl lg:text-6xl font-extrabold text-white leading-tight mb-6\">\r\n Bersinergi dengan <br>\r\n <span class=\"text-gradient-globe text-6xl lg:text-8xl\">76+<\/span> <br>\r\n Sekolah & Kampus\r\n <\/h2>\r\n <p class=\"text-slate-400 text-lg leading-relaxed mb-8\">\r\n Menghubungkan ratusan pelajar dan mahasiswa dari SMA, SMK, Sederajat hingga Perguruan Tinggi di seluruh pelosok Indonesia menuju peluang pendidikan dan karier global yang nyata.\r\n <\/p>\r\n <div class=\"flex flex-wrap gap-3 mb-8\">\r\n <span class=\"px-4 py-2 rounded-full border border-white\/10 bg-white\/5 text-sm font-semibold text-slate-300\">Universitas Riset<\/span>\r\n <span class=\"px-4 py-2 rounded-full border border-white\/10 bg-white\/5 text-sm font-semibold text-slate-300\">Sekolah Vokasi<\/span>\r\n <span class=\"px-4 py-2 rounded-full border border-white\/10 bg-white\/5 text-sm font-semibold text-slate-300\">Lembaga Sertifikasi<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex justify-center reveal delay-200\">\r\n <svg width=\"100%\" viewBox=\"0 0 420 420\" class=\"max-w-[500px]\">\r\n <defs>\r\n <radialGradient id=\"globeGrad\" cx=\"40%\" cy=\"35%\" r=\"60%\">\r\n <stop offset=\"0%\" stop-color=\"#1e3a5f\"\/><stop offset=\"100%\" stop-color=\"#040d1a\"\/>\r\n <\/radialGradient>\r\n <\/defs>\r\n <circle cx=\"210\" cy=\"210\" r=\"195\" fill=\"rgba(14,165,233,0.04)\" \/>\r\n <circle cx=\"210\" cy=\"210\" r=\"175\" fill=\"rgba(14,165,233,0.04)\" \/>\r\n <circle cx=\"210\" cy=\"210\" r=\"155\" fill=\"url(#globeGrad)\" stroke=\"rgba(14,165,233,0.3)\" stroke-width=\"1\"\/>\r\n \r\n <ellipse cx=\"210\" cy=\"210\" rx=\"155\" ry=\"46\" fill=\"none\" stroke=\"rgba(14,165,233,0.2)\" stroke-width=\"0.8\"\/>\r\n <ellipse cx=\"210\" cy=\"210\" rx=\"155\" ry=\"90\" fill=\"none\" stroke=\"rgba(14,165,233,0.15)\" stroke-width=\"0.8\"\/>\r\n <line x1=\"210\" y1=\"55\" x2=\"210\" y2=\"365\" stroke=\"rgba(14,165,233,0.2)\" stroke-width=\"0.8\"\/>\r\n <ellipse cx=\"210\" cy=\"210\" rx=\"46\" ry=\"155\" fill=\"none\" stroke=\"rgba(14,165,233,0.2)\" stroke-width=\"0.8\"\/>\r\n <ellipse cx=\"210\" cy=\"210\" rx=\"100\" ry=\"155\" fill=\"none\" stroke=\"rgba(14,165,233,0.15)\" stroke-width=\"0.8\"\/>\r\n <line x1=\"55\" y1=\"210\" x2=\"365\" y2=\"210\" stroke=\"rgba(56,189,248,0.3)\" stroke-width=\"1\"\/>\r\n \r\n <ellipse cx=\"185\" cy=\"185\" rx=\"40\" ry=\"28\" fill=\"rgba(14,165,233,0.3)\"\/>\r\n <ellipse cx=\"255\" cy=\"175\" rx=\"32\" ry=\"22\" fill=\"rgba(14,165,233,0.25)\"\/>\r\n <ellipse cx=\"160\" cy=\"240\" rx=\"22\" ry=\"35\" fill=\"rgba(14,165,233,0.2)\"\/>\r\n <ellipse cx=\"270\" cy=\"240\" rx=\"28\" ry=\"20\" fill=\"rgba(14,165,233,0.25)\"\/>\r\n \r\n <circle cx=\"185\" cy=\"175\" r=\"5\" fill=\"#fde047\" class=\"animate-pulse\"\/>\r\n <circle cx=\"258\" cy=\"168\" r=\"4\" fill=\"#38bdf8\"\/>\r\n <circle cx=\"155\" cy=\"245\" r=\"4\" fill=\"#a5b4fc\"\/>\r\n <circle cx=\"210\" cy=\"190\" r=\"6\" fill=\"#f59e0b\"\/>\r\n \r\n <line x1=\"210\" y1=\"190\" x2=\"185\" y2=\"175\" stroke=\"rgba(253,224,71,0.6)\" stroke-width=\"1.5\" stroke-dasharray=\"4,3\"\/>\r\n <line x1=\"210\" y1=\"190\" x2=\"258\" y2=\"168\" stroke=\"rgba(56,189,248,0.5)\" stroke-width=\"1\" stroke-dasharray=\"4,3\"\/>\r\n <line x1=\"210\" y1=\"190\" x2=\"155\" y2=\"245\" stroke=\"rgba(165,180,252,0.5)\" stroke-width=\"1\" stroke-dasharray=\"4,3\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"partners\" class=\"py-20 md:py-24 bg-pattern-dots relative reveal\">\r\n <div class=\"max-w-7xl mx-auto px-4 md:px-6\">\r\n <div class=\"flex flex-col md:flex-row justify-between items-end mb-10 gap-4\">\r\n <div>\r\n <span class=\"inline-block px-4 py-1.5 rounded-full bg-indigo-50 text-indigo-600 font-bold text-xs tracking-widest uppercase border border-indigo-100 mb-3 md:mb-4\">Jaringan Global<\/span>\r\n <h2 class=\"font-sora text-3xl md:text-4xl lg:text-5xl font-extrabold text-slate-900 tracking-tight\">Mitra Internasional Resmi<\/h2>\r\n <\/div>\r\n <p class=\"text-slate-500 max-w-md text-left md:text-right text-sm md:text-base leading-relaxed\">\r\n Hingga tahun 2026, Bright Education Indonesia telah dipercaya oleh 45+ universitas & perusahaan ternama di luar negeri.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"be-slider-wrapper\">\r\n <button onclick=\"bePrevSlide()\" class=\"nav-btn -left-3 md:-left-6 border-slate-200\" aria-label=\"Previous Slide\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 md:h-6 md:w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M15 19l-7-7 7-7\" \/><\/svg>\r\n <\/button>\r\n\r\n <div class=\"overflow-hidden rounded-[1.5rem] md:rounded-[2.5rem] p-2 md:p-5 bg-white border border-slate-200 shadow-2xl shadow-sky-900\/5\">\r\n <div id=\"beSliderTrack\" class=\"be-slider-container\">\r\n <\/div>\r\n <\/div>\r\n\r\n <button onclick=\"beNextSlide()\" class=\"nav-btn -right-3 md:-right-6 border-slate-200\" aria-label=\"Next Slide\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 md:h-6 md:w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M9 5l7 7-7 7\" \/><\/svg>\r\n <\/button>\r\n <\/div>\r\n \r\n <div class=\"flex justify-center mt-8 md:mt-10\">\r\n <div class=\"flex items-center gap-2 md:gap-3 px-5 py-2 bg-white rounded-full shadow-sm border border-slate-200 text-slate-500 text-xs md:text-sm font-semibold tracking-wide\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-4 w-4 md:h-5 md:w-5 text-sky-500\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4\" \/><\/svg>\r\n Geser untuk melihat semua mitra\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"max-w-6xl mx-auto px-4 md:px-6 py-12 mb-20 reveal\">\r\n <div class=\"bg-dark rounded-[2.5rem] md:rounded-[3rem] p-8 md:p-16 lg:p-20 relative overflow-hidden shadow-2xl shadow-dark\/30 border border-slate-800\">\r\n <div class=\"absolute inset-0 pointer-events-none\">\r\n <svg width=\"100%\" height=\"100%\">\r\n <radialGradient id=\"ctarg\" cx=\"80%\" cy=\"50%\" r=\"50%\"><stop offset=\"0%\" stop-color=\"#0ea5e9\" stop-opacity=\".2\"\/><stop offset=\"100%\" stop-color=\"#0ea5e9\" stop-opacity=\"0\"\/><\/radialGradient>\r\n <rect width=\"100%\" height=\"100%\" fill=\"url(#ctarg)\"\/>\r\n <circle cx=\"85%\" cy=\"50%\" r=\"180\" fill=\"none\" stroke=\"rgba(56,189,248,0.15)\" stroke-width=\"1\"\/>\r\n <circle cx=\"85%\" cy=\"50%\" r=\"120\" fill=\"none\" stroke=\"rgba(99,102,241,0.15)\" stroke-width=\"1\"\/>\r\n <\/svg>\r\n <\/div>\r\n \r\n <div class=\"relative z-10 grid md:grid-cols-12 gap-8 md:gap-10 items-center\">\r\n <div class=\"md:col-span-7 text-center md:text-left\">\r\n <h2 class=\"font-sora text-3xl md:text-4xl lg:text-5xl font-extrabold text-white mb-4 md:mb-6 leading-tight\">\r\n Gabung Jaringan <br>\r\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-sky-400 to-indigo-400\">Global Kami<\/span>\r\n <\/h2>\r\n <p class=\"text-slate-400 text-base md:text-lg leading-relaxed\">\r\n Mari berkolaborasi membuka peluang pendidikan global bersama Bright Education. Hubungi kami sekarang untuk menjalin kemitraan yang saling menguntungkan.\r\n <\/p>\r\n <\/div>\r\n <div class=\"md:col-span-5 flex flex-col items-center md:items-end gap-4\">\r\n <a href=\"https:\/\/dbv2.brighteducation.id\/request-partnership\/\" target=\"_blank\" class=\"w-full sm:w-auto text-center bg-gradient-to-r from-yellow-400 to-yellow-500 text-slate-900 font-bold px-8 py-4 md:px-10 md:py-5 rounded-full text-base md:text-lg hover:shadow-2xl hover:shadow-yellow-500\/30 hover:-translate-y-1 transition-all\">\r\n Request Partnership\r\n <\/a>\r\n <a href=\"#\" class=\"text-slate-400 hover:text-white text-sm font-semibold transition-colors mt-1 md:mt-2\">Pelajari lebih lanjut →<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<script>\r\n \/\/ --- SCROLL REVEAL LOGIC ---\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => { if (entry.isIntersecting) entry.target.classList.add('active'); });\r\n }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\r\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\r\n\r\n \/\/ --- 9 LEMBAGA PEMERINTAH (GRID 3x3 KIRI, FULL COLOR) ---\r\n const lembagaContainer = document.getElementById('lembagaContainer');\r\n let htmlLembaga = '';\r\n \r\n for (let i = 1; i <= 9; i++) {\r\n let imgUrl = `https:\/\/brighteducation.id\/wp-content\/uploads\/2026\/04\/lembaga${i}.png`;\r\n \r\n htmlLembaga += `\r\n <div class=\"bg-white border border-slate-100 rounded-xl md:rounded-2xl p-2 md:p-4 flex items-center justify-center aspect-square shadow-sm hover:shadow-lg hover:-translate-y-1 hover:border-sky-200 transition-all duration-300\">\r\n <img decoding=\"async\" src=\"${imgUrl}\" alt=\"Lembaga ${i}\" \r\n onerror=\"this.onerror=null; this.src='https:\/\/ui-avatars.com\/api\/?name=Lembaga+${i}&background=f8fafc&color=0ea5e9&size=128&bold=true'\" \r\n class=\"max-w-[70%] max-h-[70%] md:max-w-[80%] md:max-h-[80%] object-contain\">\r\n <\/div>\r\n `;\r\n }\r\n lembagaContainer.innerHTML = htmlLembaga;\r\n\r\n \/\/ --- HIGHLIGHT: 45 MITRA GLOBAL SLIDER DENGAN RESPONSIVE LOGIC ---\r\n const partnerData = [\r\n { name: \"Hotel-Restaurant Zur Marienburg\", desc: \"Bisnis hotel, Jerman\" }, { name: \"Ausbildung\", desc: \"Vokasi, Jerman\" },\r\n { name: \"Uniguide Consulting\", desc: \"Konsultan, Kanada\" }, { name: \"I Work Overseas\", desc: \"Peluang kerja\" },\r\n { name: \"Consulting GmbH\", desc: \"Recruiter, Jerman\" }, { name: \"Global Study Partners\", desc: \"Study Abroad\" },\r\n { name: \"Gedu Global Education\", desc: \"Pendidikan, Inggris\" }, { name: \"CCTB\", desc: \"Universitas, Kanada\" },\r\n { name: \"Bayswater\", desc: \"Sekolah internasional\" }, { name: \"FIU\", desc: \"Universitas, Turki\" },\r\n { name: \"Stenberg College\", desc: \"Universitas, Kanada\" }, { name: \"Sprott Shaw College\", desc: \"Vokasi, Kanada\" },\r\n { name: \"Vancouver Int. College\", desc: \"Pendidikan, Kanada\" }, { name: \"Canadian College\", desc: \"Universitas, Kanada\" },\r\n { name: \"ILAC\", desc: \"Sekolah bahasa, Kanada\" }, { name: \"VGC Int. College\", desc: \"Pendidikan, Kanada\" },\r\n { name: \"Europa Hotel K\u00fchlungsborn\", desc: \"Hotel, Jerman\" }, { name: \"KS Veranstaltungskonzepte\", desc: \"Acara, Jerman\" },\r\n { name: \"TAMWOOD\", desc: \"Pendidikan, Kanada\" }, { name: \"SELC College\", desc: \"Pendidikan, Kanada\" },\r\n { name: \"Hotel Zeltinger-Hof\", desc: \"Hotel & restoran, Jerman\" }, { name: \"B\u00e4ckerei Schwarz\", desc: \"Toko roti, Jerman\" },\r\n { name: \"NOVUM Hospitality\", desc: \"Pengembang hotel, Jerman\" }, { name: \"Best Western Hotels\", desc: \"Hotel global\" },\r\n { name: \"Gasthof Zum Storch\", desc: \"Hotel tradisional, Jerman\" }, { name: \"HBS Foods Ltd\", desc: \"Bisnis makanan, Inggris\" },\r\n { name: \"A. Jennewein GmbH\", desc: \"Logistik, Jerman\" }, { name: \"Kongresshotel Potsdam\", desc: \"Hotel, Jerman\" },\r\n { name: \"Select Hotels Group\", desc: \"Perhotelan, Jepang\" }, { name: \"Seligweiler Hotel\", desc: \"Hotel, Jerman\" },\r\n { name: \"Brauers Landarthotel\", desc: \"Hotel keluarga, Jerman\" }, { name: \"Gasthof zum L\u00f6wen\", desc: \"Penginapan, Jerman\" },\r\n { name: \"Gasthaus Staude\", desc: \"Penginapan, Jerman\" }, { name: \"Fliegel Textilservice\", desc: \"Jasa binatu, Jerman\" },\r\n { name: \"Ostseehotel Wustrow\", desc: \"Hotel tradisional, Jerman\" }, { name: \"PLAZA Hotelgroup\", desc: \"Manajemen hotel, Jerman\" },\r\n { name: \"Hotel H\u00f6pke\", desc: \"Hotel, Jerman\" }, { name: \"NaturPurHotel Maarblick\", desc: \"Hotel, Jerman\" },\r\n { name: \"Caruso Ristorante Italiano\", desc: \"Restoran Italia, Jerman\" }, { name: \"Hotel Meerlust\", desc: \"Hotel, Jerman\" },\r\n { name: \"Waldhotel B\u00e4renstein\", desc: \"Hotel, Jerman\" }, { name: \"Landidyll Hotel zum Kreuz\", desc: \"Hotel, Jerman\" },\r\n { name: \"Michels Wohlf\u00fchlhotel\", desc: \"Hotel, Jerman\" }, { name: \"Moselschl\u00f6\u00dfchen Spa\", desc: \"Hotel & resor, Jerman\" },\r\n { name: \"VanWest College\", desc: \"Perguruan tinggi, Kanada\" }\r\n ];\r\n\r\n let beCurrentIdx = 0;\r\n let currentItemsPerSlide = window.innerWidth >= 1024 ? 10 : 6;\r\n\r\n function renderMitraSlider() {\r\n const track = document.getElementById('beSliderTrack');\r\n let htmlContent = '';\r\n const totalLogos = 45; \r\n\r\n for (let i = 0; i < totalLogos; i += currentItemsPerSlide) {\r\n htmlContent += '<div class=\"be-slide-group\">';\r\n for (let j = 0; j < currentItemsPerSlide; j++) {\r\n let logoIndex = i + j;\r\n if (logoIndex < totalLogos) {\r\n let imgUrl = `https:\/\/brighteducation.id\/wp-content\/uploads\/2026\/04\/Picture${logoIndex}.png`;\r\n let fallbackUrl = `https:\/\/ui-avatars.com\/api\/?name=${encodeURIComponent(partnerData[logoIndex].name)}&background=f0f9ff&color=0284c7&size=128&bold=true`;\r\n let pName = partnerData[logoIndex].name;\r\n let pDesc = partnerData[logoIndex].desc;\r\n \r\n \/\/ Tinggi Card Disesuaikan: h-48 di mobile, h-56 di tablet, h-60 di desktop\r\n htmlContent += `\r\n <div class=\"group bg-slate-50 hover:bg-white rounded-[1.25rem] md:rounded-[1.5rem] p-4 md:p-6 h-48 md:h-56 lg:h-60 flex flex-col items-center text-center border border-slate-100 hover:shadow-xl hover:shadow-sky-900\/10 hover:-translate-y-1.5 hover:border-sky-300 transition-all duration-300 relative overflow-hidden\">\r\n \r\n <div class=\"absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-sky-400 to-indigo-500 transform scale-x-0 group-hover:scale-x-100 transition-transform duration-300 origin-left\"><\/div>\r\n \r\n <div class=\"h-16 md:h-20 lg:h-24 w-full flex items-center justify-center mb-3 md:mb-4\">\r\n <img decoding=\"async\" src=\"${imgUrl}\" onerror=\"this.onerror=null; this.src='${fallbackUrl}'\" \r\n class=\"max-h-full max-w-full object-contain transition-transform duration-500 group-hover:scale-110\" alt=\"${pName}\">\r\n <\/div>\r\n <div class=\"mt-auto w-full\">\r\n <h3 class=\"text-[11px] md:text-xs lg:text-[13px] font-bold text-slate-800 line-clamp-2 group-hover:text-sky-600 transition-colors mb-1 md:mb-1.5 leading-tight md:leading-snug\">${pName}<\/h3>\r\n <p class=\"text-[9px] md:text-[10px] text-slate-500 line-clamp-1 uppercase tracking-wide font-semibold\">${pDesc}<\/p>\r\n <\/div>\r\n <\/div>\r\n `;\r\n }\r\n }\r\n htmlContent += '<\/div>';\r\n }\r\n track.innerHTML = htmlContent;\r\n beCurrentIdx = 0;\r\n beUpdateSlider();\r\n }\r\n\r\n function beUpdateSlider() { \r\n document.getElementById('beSliderTrack').style.transform = `translateX(-${beCurrentIdx * 100}%)`; \r\n }\r\n \r\n function beNextSlide() { \r\n const totalSlides = document.querySelectorAll('.be-slide-group').length; \r\n beCurrentIdx = (beCurrentIdx < totalSlides - 1) ? beCurrentIdx + 1 : 0; \r\n beUpdateSlider(); \r\n }\r\n \r\n function bePrevSlide() { \r\n const totalSlides = document.querySelectorAll('.be-slide-group').length; \r\n beCurrentIdx = (beCurrentIdx > 0) ? beCurrentIdx - 1 : totalSlides - 1; \r\n beUpdateSlider(); \r\n }\r\n\r\n \/\/ Inisialisasi awal slider\r\n renderMitraSlider();\r\n\r\n \/\/ Re-render slider ketika ukuran layar (window size) berubah melewati batas breakpoint (responsive)\r\n window.addEventListener('resize', () => {\r\n let newItemsPerSlide = window.innerWidth >= 1024 ? 10 : 6;\r\n if (newItemsPerSlide !== currentItemsPerSlide) {\r\n currentItemsPerSlide = newItemsPerSlide;\r\n renderMitraSlider();\r\n }\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>Partner & Collaboration – Bright Education Jaringan Bright Education Kolaborasi Tanpa Batas. PT Cahaya Pendidikan Internasional menjalin kerja sama strategis dengan lembaga dan universitas global untuk membuka peluang pendidikan dan karier kelas dunia bagi generasi muda Indonesia. Jalin Kerja Sama Lihat Mitra 9 Lembaga Partner 76+ Sekolah & Kampus Jaringan Global 45 Mitra Internasional Resmi […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","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":"","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":""},"wf_page_folders":[],"class_list":["post-9003","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/pages\/9003","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/comments?post=9003"}],"version-history":[{"count":8,"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/pages\/9003\/revisions"}],"predecessor-version":[{"id":9073,"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/pages\/9003\/revisions\/9073"}],"wp:attachment":[{"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/media?parent=9003"}],"wp:term":[{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/wf_page_folders?post=9003"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}