
Haji Khusus / ONH Plus
- Kuota resmi pemerintah via PIHK
- Estimasi berangkat 5–7 tahun (bukan puluhan tahun)
- Hotel transit Makkah & Madinah dekat masjid
- Maktab VIP di Arafah & Mina
- Pembimbing haji bersertifikat
/* ---------- Kalkulator ---------- */ #kalkulator{background:linear-gradient(135deg,var(--deep) 0%,var(--deep2) 60%,var(--navy2) 140%);color:#e7e0cd} #kalkulator .sec-head h2{color:#fff} #kalkulator .sec-head p{color:#cfc6a8} .kal-box{background:rgba(250,248,242,.05);border:1px solid rgba(201,162,75,.4);border-radius:28px;padding:clamp(24px,4vw,44px);display:grid;grid-template-columns:1.05fr .95fr;gap:44px;backdrop-filter:blur(4px)} .kal-box label{display:block;font-size:12.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gold2);margin:18px 0 8px} .kal-box label:first-child{margin-top:0} .kal-box select,.kal-box input[type=number]{width:100%;background:rgba(255,255,255,.08);border:1.4px solid rgba(255,255,255,.25);border-radius:13px;padding:13px 15px;color:#fff;font-size:15.5px;font-family:inherit} .kal-box select option{color:var(--ink)} .kal-box input[type=range]{width:100%;accent-color:var(--gold);margin-top:6px} .range-val{font-family:'Fraunces',serif;font-size:24px;color:#fff} .kal-result{background:rgba(7,22,37,.6);border:1px solid rgba(201,162,75,.35);border-radius:20px;padding:26px} .kal-result h3{color:var(--gold2);font-size:20px;margin-bottom:14px} .kal-result .row{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px dashed rgba(255,255,255,.16);font-size:14.5px} .kal-result .row b{color:#fff;text-align:right} .kal-result .big{font-family:'Fraunces',serif;font-size:32px;color:#fff;line-height:1.15;margin:14px 0 4px} .progress{height:12px;background:rgba(255,255,255,.14);border-radius:99px;overflow:hidden;margin:16px 0 6px} .progress i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:99px;transition:width .5s} .kal-note{font-size:12.8px;color:#bdb294} /* ---------- Jadwal ---------- */ #jadwal{background:#fff} .jad-filter{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:30px} .jad-filter button{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:9px 20px;font-size:13.5px;font-weight:700;color:var(--deep);cursor:pointer;transition:.25s;font-family:inherit} .jad-filter button.active,.jad-filter button:hover{background:var(--deep);color:var(--gold2);border-color:var(--deep)} .jad-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:20px} table.jad{width:100%;border-collapse:collapse;font-size:14.2px;min-width:720px} table.jad th{background:var(--deep);color:#fff;text-align:left;padding:15px 18px;font-size:13px;letter-spacing:.6px} table.jad td{padding:14px 18px;border-top:1px solid var(--line);color:var(--ink)} table.jad tr:hover td{background:#fbf8f1} table.jad .seat{display:inline-block;background:#eaf4ee;color:var(--navy2);font-weight:800;font-size:12.5px;padding:4px 12px;border-radius:999px;border:1px solid #bcd9c8} table.jad tr.hidden-row{display:none} /* ---------- Galeri + lightbox ---------- */ .galeri{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px} .galeri figure{border-radius:19px;overflow:hidden;position:relative;cursor:pointer} .galeri img{height:230px;width:100%;object-fit:cover;transition:.55s} .galeri figure:hover img{transform:scale(1.08)} .galeri figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 15px 12px;background:linear-gradient(transparent,rgba(6,22,37,.88));color:#fff;font-size:13.5px;font-weight:700} #lightbox{position:fixed;inset:0;background:rgba(6,22,37,.94);z-index:200;display:none;align-items:center;justify-content:center;flex-direction:column;padding:24px} #lightbox.show{display:flex;animation:fadein .35s ease} #lightbox img{max-width:min(960px,94vw);max-height:78vh;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.6)} #lightbox p{color:#f5eeda;margin-top:16px;font-size:15px;font-weight:600;text-align:center} #lightbox .lb-x{position:absolute;top:20px;right:24px;background:none;border:none;color:#fff;font-size:34px;cursor:pointer} /* ---------- Legalitas ---------- */ #legalitas{background:linear-gradient(180deg,var(--cream),var(--ivory))} .legal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px} .legal{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px 28px} .legal .ic{width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,var(--gold2),var(--gold));display:grid;place-items:center;font-size:24px;margin-bottom:16px} .legal h3{color:var(--deep);font-size:20px;margin-bottom:8px} .legal .nomor{font-family:'Fraunces',serif;font-size:21px;color:var(--navy2);font-weight:700;margin:6px 0} .legal p{font-size:13.8px;color:var(--muted)} .legal .sampel{display:inline-block;background:#f6efe0;border:1px dashed var(--gold);color:#7c5f1e;font-size:11px;font-weight:800;letter-spacing:1px;padding:3px 10px;border-radius:999px;text-transform:uppercase;margin-bottom:6px} /* ---------- Testimoni ---------- */ .testi-box{max-width:800px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:28px;padding:42px 42px 28px;box-shadow:var(--shadow);overflow:hidden} .testi-track{display:flex;transition:transform .65s cubic-bezier(.22,.8,.3,1)} .testi{min-width:100%;text-align:center;padding:0 6px} .testi .stars{color:var(--gold);letter-spacing:3px;font-size:17px} .testi .q{font-family:'Fraunces',serif;font-size:clamp(18px,2.4vw,22.5px);line-height:1.5;color:var(--deep);margin-top:12px} .testi .who{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:13px} .testi .ava{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--navy2),var(--deep));color:#fff;display:grid;place-items:center;font-weight:800;font-size:17px} .testi .who b{display:block;color:var(--deep);font-size:14.5px;text-align:left} .testi .who span{font-size:12.5px;color:var(--muted);display:block;text-align:left} .testi-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:22px} .testi-nav>button{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--line);background:#fff;font-size:19px;color:var(--deep);cursor:pointer;transition:.25s} .testi-nav>button:hover{background:var(--deep);color:#fff} .dots{display:flex;gap:8px} .dots button{width:9px;height:9px;border-radius:50%;border:none;background:#ddd2b8;padding:0;cursor:pointer;transition:.3s} .dots button.active{background:var(--gold);width:26px;border-radius:6px} /* ---------- Form ---------- */ #daftar{background:linear-gradient(180deg,var(--cream),var(--ivory))} .form-card{background:#fff;border-radius:28px;box-shadow:var(--shadow);padding:clamp(26px,4vw,44px);max-width:780px;margin:0 auto;border-top:5px solid var(--gold)} .frow{display:grid;grid-template-columns:1fr 1fr;gap:16px} .field{margin-bottom:16px} .field label{display:block;font-size:12.8px;font-weight:700;color:var(--deep);margin-bottom:7px} .field input,.field select,.field textarea{width:100%;border:1.6px solid var(--line);border-radius:13px;padding:12.5px 14px;font-size:14.5px;font-family:inherit;background:#fdfaf3;color:var(--ink);transition:.25s} .field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--navy2);background:#fff;box-shadow:0 0 0 4px rgba(22,74,124,.14)} .form-actions{display:flex;gap:13px;margin-top:8px;flex-wrap:wrap} .btn-wa{justify-content:center;background:linear-gradient(135deg,#2bd46b,#1da851);color:#fff} .form-note{text-align:center;font-size:12.3px;color:var(--muted);margin-top:14px} /* ---------- PANEL KONFIRMASI PENDAFTARAN + TOAST ---------- */ .reg-confirm{display:none;margin-top:24px;border:1.5px solid var(--gold);background:linear-gradient(170deg,#fffdf6,#fdf6e3);border-radius:20px;padding:26px} .reg-confirm.show{display:block;animation:fadein .5s ease} .reg-confirm .rg-ic{width:54px;height:54px;border-radius:50%;background:var(--navy2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:25px;margin-bottom:13px} .reg-confirm h3{font-size:19px;color:var(--deep);margin-bottom:4px} .reg-confirm>p{font-size:13.8px;color:var(--muted);margin-bottom:15px;line-height:1.6} .reg-confirm>p b{color:var(--navy2)} .rg-rows{display:grid;gap:7px;margin-bottom:17px} .rg-row{display:flex;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:9px 13px;font-size:13.8px} .rg-row span{color:var(--muted)} .rg-row b{text-align:right;color:var(--ink)} .rg-actions{display:flex;gap:10px;flex-wrap:wrap} .toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(90px);background:var(--deep);color:var(--ivory);border:1px solid var(--gold);padding:13px 22px;border-radius:999px;font-size:13.5px;font-weight:600;box-shadow:var(--shadow);transition:transform .35s ease;z-index:300;max-width:calc(100vw - 40px);text-align:center} .toast.show{transform:translateX(-50%) translateY(0)} @keyframes fadein{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}} /* ---------- POLISH ---------- */ ::selection{background:var(--gold);color:var(--deep)} :focus-visible{outline:3px solid rgba(201,162,75,.65);outline-offset:2px} @media (prefers-reduced-motion: reduce){ *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important} html{scroll-behavior:auto} .reveal{opacity:1;transform:none} } /* ---------- FAQ ---------- */ .faq-item{background:#fff;border:1px solid var(--line);border-radius:18px;margin-bottom:12px;overflow:hidden;max-width:840px;margin-left:auto;margin-right:auto} .faq-q{width:100%;background:none;border:none;display:flex;justify-content:space-between;align-items:center;gap:14px;text-align:left;padding:19px 22px;font-size:15.5px;font-weight:700;color:var(--deep);cursor:pointer;font-family:inherit} .faq-q .arr{transition:.35s;color:var(--gold);font-size:18px} .faq-item.open .arr{transform:rotate(180deg)} .faq-a{max-height:0;overflow:hidden;transition:max-height .45s ease} .faq-a p{padding:0 22px 20px;font-size:14.3px;color:var(--muted)} /* ---------- Footer ---------- */ footer{background:var(--deep);color:#d8d2ba;padding:70px 0 0} .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:44px;padding-bottom:44px} footer h3{color:#fff;font-family:'Fraunces',serif;font-size:17px;margin-bottom:14px} footer p,footer li{font-size:14px;color:#a9b3a4} footer ul{list-style:none} footer ul li{padding:4px 0} .socmed{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px} .socmed a{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);padding:8px 15px;border-radius:999px;font-size:13px;font-weight:600;color:#f5eeda;transition:.25s} .socmed a:hover{background:var(--navy2)} .demo-note{border-top:1px solid rgba(255,255,255,.14);padding:22px 0;font-size:12.5px;color:#8fa0b0;text-align:center;line-height:1.7} .demo-note b{color:var(--gold2)} /* ---------- Chat widget ---------- */ #chatFab{position:fixed;right:22px;bottom:22px;z-index:120;width:62px;height:62px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--navy2),var(--deep2));color:#fff;font-size:27px;cursor:pointer;box-shadow:0 18px 36px -10px rgba(22,74,124,.65);transition:.3s} #chatFab:hover{transform:scale(1.08)} .chat-dot{position:absolute;top:3px;right:3px;width:14px;height:14px;border-radius:50%;background:#4ade80;border:2.5px solid #fff} #chatPanel{position:fixed;right:22px;bottom:96px;z-index:120;width:min(368px,calc(100vw - 32px));height:520px;max-height:calc(100vh - 130px);background:#fff;border-radius:24px;box-shadow:0 34px 70px -20px rgba(10,34,57,.5);display:flex;flex-direction:column;overflow:hidden;transform-origin:bottom right;transition:.32s} #chatPanel.hidden-chat{opacity:0;transform:scale(.85) translateY(16px);pointer-events:none} .chat-head{background:linear-gradient(120deg,var(--deep),var(--navy2));color:#fff;padding:16px 18px;display:flex;align-items:center;gap:12px} .chat-avatar{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:21px} .chat-head b{display:block;font-size:15px} .chat-head span{font-size:12px;color:#cfe0ee;display:flex;align-items:center;gap:6px} .chat-head .on{width:8px;height:8px;border-radius:50%;background:#4ade80;display:inline-block} #chatClose{margin-left:auto;background:rgba(255,255,255,.15);border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:14px;cursor:pointer} .chat-body{flex:1;overflow-y:auto;padding:16px;background:#f6f1e6;display:flex;flex-direction:column;gap:10px} .msg{max-width:84%;padding:11px 14px;border-radius:16px;font-size:13.8px;line-height:1.55} .msg.bot{background:#fff;border:1px solid var(--line);border-bottom-left-radius:5px;align-self:flex-start} .msg.me{background:var(--navy2);color:#fff;border-bottom-right-radius:5px;align-self:flex-end} .chat-chips{display:flex;gap:8px;flex-wrap:wrap;padding:10px 14px;background:#fff;border-top:1px solid var(--line)} .chip{border:1.4px solid var(--navy2);color:var(--navy2);background:#fff;border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:600;cursor:pointer;transition:.25s} .chip:hover{background:var(--navy2);color:#fff} .chat-input{display:flex;gap:8px;padding:12px 14px;background:#fff;border-top:1px solid var(--line)} .chat-input input{flex:1;border:1.5px solid var(--line);border-radius:999px;padding:10px 16px;font-size:14px;font-family:inherit} .chat-input button{background:var(--navy2);color:#fff;border:none;width:42px;height:42px;border-radius:50%;cursor:pointer;font-size:16px} @media(max-width:900px){ .about,.kal-box{grid-template-columns:1fr} .about figure img{height:340px} .hero-card{display:none} .foot-grid{grid-template-columns:1fr} } @media(max-width:680px){ section{padding:64px 0} .nav nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--ivory);flex-direction:column;padding:18px 22px;gap:14px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)} .nav nav.open{display:flex} #burger{display:block} .nav .btn{display:none} .frow,.form-actions{grid-template-columns:1fr} .hero{min-height:auto;padding:84px 0 70px} .testi-box{padding:30px 20px 22px} }

Haji Khusus ONH Plus, Umroh Reguler, Umroh Plus Turki/Mesir, hingga Badal Haji & Umroh — dengan izin resmi, jadwal pasti, pembimbing berpengalaman, dan skema pembayaran bertahap yang transparan.
Umroh Reguler 9 Hari — 14 Januari 2027
Oman Air · Sisa 9 seat
Keputusan berangkat haji atau umroh terlalu besar untuk diserahkan pada biro tanpa kejelasan. Semua proses kami terbuka sejak hari pertama.
Memegang izin PPIU & PIHK (nomor tertera di bawah), tercatat dalam sistem Siskopatuh Kemenag.
Tanggal, maskapai, dan hotel tertulis jelas di akad sejak pendaftaran — bukan menunggu kuota penuh.
Didampingi ustadz pembimbing & muthawif berpengalaman sejak manasik sampai pulang ke tanah air.
Skema bertahap tanpa riba: DP ringan, setoran bulanan, pelunasan H-45. Semua tercatat tertulis.
Kursi roda, kamar dekat lift, ritme ziarah santai — sekitar 40% jamaah kami berusia di atas 60 tahun.
Badal haji & umroh untuk orang tua yang berhalangan, dilaksanakan dengan akad tertulis dan laporan dokumentasi.
Mabrur Barokah Wisata adalah biro perjalanan haji & umroh dari Jakarta Selatan yang memegang izin resmi PPIU dan PIHK dari Kementerian Agama. Kami mengurus seluruh hal teknis — tiket, visa, hotel, transportasi, konsumsi, hingga dokumentasi badal — secara transparan dan tertulis, agar jamaah dan keluarga di rumah sama-sama merasa tenang.
Selain Haji Khusus ONH Plus dan Umroh Reguler, kami melayani Umroh Plus Turki/Mesir, umroh privat keluarga, dan badal haji maupun umroh untuk yang berhalangan.
Semua layanan sudah termasuk tiket pesawat PP, visa, hotel, makan 3x sehari, transportasi bus AC, muthawif, manasik, dan perlengkapan. Harga per jamaah — sampel.




Butuh keberangkatan privat untuk keluarga/komunitas atau umroh Ramadan penuh? Konsultasikan di sini — kami susunkan khusus.
Pilih paket tujuan, atur uang muka & setoran bulanan — lihat estimasi berapa bulan dana Anda terkumpul penuh. Tanpa riba, tanpa biaya tersembunyi.
–
Mulai Rencana Ini — Konsultasi GratisSaring jadwal berdasarkan kuartal. Seluruh tanggal adalah sampel untuk demo — jadwal resmi selalu dikonfirmasi tertulis di akad.
| Keberangkatan | Paket | Maskapai | Sisa Seat |
|---|---|---|---|
| 14 Jan 2027 | Umroh Reguler 9 Hari | Oman Air | 9 seat |
| 28 Jan 2027 | Umroh Plus Mesir 13 Hari | Emirates | 12 seat |
| 18 Feb 2027 | Haji Khusus ONH Plus · Gelombang 1 | Saudia | 7 seat |
| 20 Mar 2027 | Umroh Reguler 9 Hari · Ramadan | Garuda Indonesia | 15 seat |
| 22 Apr 2027 | Umroh Reguler 9 Hari | Etihad | 11 seat |
| 27 Mei 2027 | Umroh Plus Turki 14 Hari | Turkish Airlines | 18 seat |
| 17 Jun 2027 | Badal Haji 2027 | Saudia | 6 seat |
| 22 Jul 2027 | Umroh Reguler 9 Hari | Oman Air | 20 seat |
| 19 Agu 2027 | Haji Khusus ONH Plus · Gelombang 2 | Saudia | 9 seat |
| 23 Sep 2027 | Umroh Plus Mesir 13 Hari | Emirates | 14 seat |
| 21 Okt 2027 | Umroh Reguler 9 Hari | Etihad | 16 seat |
| 18 Nov 2027 | Umroh Reguler 9 Hari | Saudia | 10 seat |
| 16 Des 2027 | Umroh Reguler 9 Hari · Libur Akhir Tahun | Garuda Indonesia | 22 seat |
Dari pelataran Ka'bah sampai Raudhah — ketuk foto untuk melihat lebih besar.






Pastikan biro travel Anda terdaftar. Seluruh nomor izin di bawah dapat diverifikasi di sistem Siskopatuh Kementerian Agama.
Penyelenggara Perjalanan Ibadah Umrah — izin resmi dari Kementerian Agama RI untuk memberangkatkan jamaah umroh.
Penyelenggara Ibadah Haji Khusus — izin resmi untuk menyelenggarakan Haji Khusus / ONH Plus dengan kuota pemerintah.
Terdaftar dalam Sistem Komputerisasi Pengelolaan Terpadu Umrah & Haji Khusus (Siskopatuh) Kementerian Agama — status legalitas dapat dicek mandiri oleh calon jamaah.
💡 Tips: selalu minta fotokopi izin & cek nama biro di situs resmi Kemenag sebelum membayar DP ke biro travel mana pun.
Paspor aktif (masa berlaku min. 7 bulan), KTP, KK, pas foto 4×6 latar putih, dan buku nikah untuk pasangan. Untuk haji khusus, tambahan syarat: sudah pernah umroh (dianjurkan) dan lolos istitha'ah kesehatan. Tim kami membantu pengurusan dari awal sampai dokumen lengkap.
Ya, vaksin meningitis (dan vaksin lain sesuai ketentuan terbaru pemerintah Arab Saudi) wajib bagi seluruh jamaah. Kami menjadwalkan vaksinasi kolektif bersama jamaah satu keberangkatan dan membantu pengurusan buku kuning/sertifikat vaksinnya — Anda tinggal datang.
Pengunduran ke jadwal berikutnya dapat dilakukan 1x tanpa biaya administrasi hingga H-60. Pembatalan mengikuti ketentuan tertulis di akad: biaya yang sudah terpakai (visa/tiket yang terbit) dipotong secara transparan dengan bukti. Seluruh dana yang belum terpakai dikembalikan maksimal 30 hari kerja. Aturan ini dibacakan dan disepakati sebelum Anda membayar DP.
Pasti. Tanggal, maskapai, dan hotel tertulis di akad sejak pendaftaran. Kami menggabungkan grup kecil dari beberapa kota agar setiap keberangkatan terisi — tidak ada istilah "menunggu kuota penuh" lalu dibatalkan sepihak.
Cek tiga hal: (1) izin PPIU & PIHK dari Kemenag — nomor kami tertera di bagian Legalitas halaman ini; (2) nama biro terdaftar di sistem Siskopatuh Kemenag; (3) akad tertulis & kwitansi resmi untuk setiap pembayaran. Jangan pernah transfer DP ke rekening pribadi.
Ada — 3x manasik teori & praktik bersama ustadz pembimbing, plus grup pendampingan khusus untuk jamaah lansia dan yang pertama kali berangkat. Untuk badal, keluarga mendapat laporan foto & video pelaksanaan beserta sertifikatnya.
Badal diperuntukkan bagi yang sudah wafat, sakit permanen, atau lanjut usia yang tidak mampu melaksanakan sendiri — dengan syarat yang membadalkan sudah pernah berhaji/berumroh. Konsultasikan kondisi keluarga Anda dengan ustadz kami sebelum akad badal dibuat.
Isi form singkat ini — Anda mendapat kode pendaftaran, lalu tinggal kirim ringkasannya via WhatsApp admin kami. Gratis, tanpa komitmen.
Kode pendaftaran: MB-00000. Satu langkah lagi: kirim ringkasan ini ke WhatsApp admin kami agar seat & jadwalmu diamankan.