body {
font-family: ‘Inter’, sans-serif;
}
.zoom-blue {
color: #2D8CFF;
}
.bg-zoom-blue {
background-color: #2D8CFF;
}
.zoom-gradient {
background: linear-gradient(135deg, #0E71EB 0%, #2D8CFF 100%);
}
.floating-wa {
animation: float 3s ease-in-out infinite;
}
@keyframes float {
0% { transform: translateY(0px); }
50% { transform: translateY(-10px); }
100% { transform: translateY(0px); }
}

? Solusi Meeting Tanpa Batas Waktu

Meeting Online Lancar,
Bebas Limit 40 Menit!

Sewa akun Zoom Pro harian dengan harga terjangkau. Full fitur, legal, aman, dan siap pakai. Fokus pada materi meeting Anda, biarkan kami yang urus teknisnya.

Lihat Paket Harga




Tanya via WA

Dipercaya oleh ribuan mahasiswa, guru, dan profesional

+2k

Kata Mereka Tentang Kami

Ribuan acara telah sukses terselenggara bersama UmarDigital.

Budi Santoso

Mahasiswa UI

“Sangat membantu pas sidang skripsi kemarin. Sinyal stabil, admin fast respon banget pas aku bingung cara claim hostnya. Recommended!”

Siti Aminah

Guru SMP

“Paketnya murah banget dibanding lapak sebelah. Fiturnya lengkap, bisa breakout room buat diskusi kelompok siswa. Terima kasih UmarDigital!”

Rian Pratama

Event Organizer

“Udah langganan di sini buat event webinar klien. Sewa paket 1000 pax, koneksi lancar jaya live streaming ke Youtube juga aman. Sukses terus!”

// Initialize Lucide Icons
lucide.createIcons();

// Mobile Menu Toggle
const btn = document.getElementById(‘mobile-menu-btn’);
const menu = document.getElementById(‘mobile-menu’);

btn.addEventListener(‘click’, () => {
menu.classList.toggle(‘hidden’);
});

// Smooth Scroll for Anchor Links (Handled by CSS scroll-smooth but JS backup for older browsers)
document.querySelectorAll(‘a[href^=”#”]’).forEach(anchor => {
anchor.addEventListener(‘click’, function (e) {
e.preventDefault();
menu.classList.add(‘hidden’); // Close mobile menu on click
document.querySelector(this.getAttribute(‘href’)).scrollIntoView({
behavior: ‘smooth’
});
});
});

.zoom-order-wrap{font-family:-apple-system,BlinkMacSystemFont,’Segoe UI’,Roboto,sans-serif;max-width:100%;margin:0 auto;color:#1f2937}
.zoom-order-wrap *{box-sizing:border-box}
.zoom-order-wrap .zo-head{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;padding:28px 20px;text-align:center}
.zoom-order-wrap .zo-head h2{margin:0 0 6px;font-size:24px}
.zoom-order-wrap .zo-head p{margin:0;opacity:.9;font-size:14px}
.zoom-order-wrap .zo-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:24px;margin:24px auto;max-width:640px}
.zoom-order-wrap label{display:block;font-weight:600;font-size:13px;margin:14px 0 6px;color:#374151}
.zoom-order-wrap input,.zoom-order-wrap select{width:100%;padding:12px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:15px;background:#fff}
.zoom-order-wrap input:focus,.zoom-order-wrap select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.zoom-order-wrap .zo-row{display:flex;gap:12px}
.zoom-order-wrap .zo-row>div{flex:1}
.zoom-order-wrap .zo-pkg{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
.zoom-order-wrap .zo-pkg label{position:relative;margin:0;border:2px solid #e5e7eb;border-radius:10px;padding:12px;cursor:pointer;transition:.15s;font-weight:600}
.zoom-order-wrap .zo-pkg input{position:absolute;opacity:0}
.zoom-order-wrap .zo-pkg input:checked+span{border-color:#2563eb}
.zoom-order-wrap .zo-pkg label:has(input:checked){border-color:#2563eb;background:#eff6ff}
.zoom-order-wrap .zo-pkg .p-name{font-size:14px;display:block}
.zoom-order-wrap .zo-pkg .p-price{font-size:16px;color:#2563eb;display:block;margin-top:4px}
.zoom-order-wrap .zo-pkg .p-sub{font-size:11px;color:#6b7280;font-weight:400}
.zoom-order-wrap .zo-amt{margin-top:16px;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;padding:14px;text-align:center;font-size:18px;font-weight:700;color:#15803d}
.zoom-order-wrap button{width:100%;margin-top:20px;background:#2563eb;color:#fff;border:none;padding:15px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:.15s}
.zoom-order-wrap button:hover{background:#1d4ed8}
.zoom-order-wrap button:disabled{opacity:.6;cursor:not-allowed}
.zoom-order-wrap .zo-note{font-size:12px;color:#6b7280;text-align:center;margin-top:12px;line-height:1.5}
.zoom-order-wrap .zo-msg{margin-top:14px;padding:12px;border-radius:8px;font-size:14px;display:none}
.zoom-order-wrap .zo-msg.ok{display:block;background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}
.zoom-order-wrap .zo-msg.err{display:block;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}
.zoom-order-wrap .zo-pay{margin-top:16px;background:#fff;border:1px dashed #2563eb;border-radius:10px;padding:16px;font-size:14px;display:none}
.zoom-order-wrap .zo-pay code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-size:13px}

(function(){
var form=document.getElementById(‘zoomOrderForm’);
var amtBox=document.getElementById(‘amtBox’);
var msgBox=document.getElementById(‘msgBox’);
var payBox=document.getElementById(‘payBox’);
var btn=document.getElementById(‘submitBtn’);
function fmt(n){return ‘Rp’+Number(n).toLocaleString(‘id-ID’);}
function updateAmt(){
var sel=form.querySelector(‘input[name=pkg]:checked’);
amtBox.textContent=’Total: ‘+fmt(sel.dataset.amt);
}
form.querySelectorAll(‘input[name=pkg]’).forEach(function(r){r.addEventListener(‘change’,updateAmt);});
updateAmt();

form.addEventListener(‘submit’,function(e){
e.preventDefault();
msgBox.className=’zo-msg’; msgBox.textContent=”; payBox.style.display=’none’;
btn.disabled=true; btn.textContent=’Memproses…’;
var sel=form.querySelector(‘input[name=pkg]:checked’);
var d={
name:form.name.value, email:form.email.value, phone:form.phone.value,
topic:form.topic.value, event_date:form.event_date.value, start_time:form.start_time.value,
amount:parseInt(sel.dataset.amt), duration:sel.dataset.dur,
product_id:parseInt(sel.value), payment_type:’bank_transfer’, channel_code:’BCA’
};
fetch(‘https://arrijalshop.com/api/order’,{
method:’POST’, headers:{‘Content-Type’:’application/json’},
body:JSON.stringify(d)
}).then(function(r){return r.json();}).then(function(res){
btn.disabled=false; btn.textContent=’Pesan & Bayar’;
if(res.error){ msgBox.className=’zo-msg err’; msgBox.textContent=res.error; return; }
msgBox.className=’zo-msg ok’;
msgBox.textContent=’✅ Order ‘+res.order_ref+’ dibuat. Mengalihkan ke halaman pembayaran…’;
// redirect ke thank-you page dengan ref (page WP akan fetch status & tampilkan link Zoom)
var ref = res.order_ref;
setTimeout(function(){
window.location.href = ‘/thank-you-zoom?ref=’ + encodeURIComponent(ref);
}, 1500);
}).catch(function(err){
btn.disabled=false; btn.textContent=’Pesan & Bayar’;
msgBox.className=’zo-msg err’; msgBox.textContent=’Gagal koneksi: ‘+err;
});
});
})();