HajjUmrah.id - Bestie Menuju Tanah Suci<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600&family=Playfair+Display:ital,wght@0,600;1,500&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n \/* --- RESET & BASE STYLES --- *\/\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n background-color: #0F1115; \/* Dark Premium Background *\/\r\n color: #E0E0E0;\r\n font-family: 'Inter', sans-serif;\r\n line-height: 1.6;\r\n font-size: 16px;\r\n overflow-x: hidden;\r\n }\r\n\r\n h1, h2, h3, h4 {\r\n font-family: 'Playfair Display', serif;\r\n color: #FFFFFF;\r\n margin-bottom: 1rem;\r\n line-height: 1.3;\r\n }\r\n\r\n p {\r\n margin-bottom: 1.5rem;\r\n color: #B0B3B8;\r\n }\r\n\r\n strong {\r\n color: #D4AF37; \/* Gold Color for emphasis *\/\r\n }\r\n\r\n .container {\r\n width: 100%;\r\n max-width: 1100px; \/* Desktop width constraint *\/\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n\r\n \/* --- TYPOGRAPHY UTILS --- *\/\r\n .text-center { text-align: center; }\r\n .text-gold { color: #D4AF37; }\r\n .font-italic { font-style: italic; }\r\n .mt-5 { margin-top: 3rem; }\r\n .mb-5 { margin-bottom: 3rem; }\r\n\r\n \/* --- SECTIONS --- *\/\r\n section {\r\n padding: 60px 0;\r\n border-bottom: 1px solid #222;\r\n }\r\n\r\n \/* --- HERO --- *\/\r\n .hero {\r\n padding-top: 80px;\r\n text-align: center;\r\n }\r\n \r\n .hero h1 {\r\n font-size: 2.5rem;\r\n background: linear-gradient(to right, #fff, #D4AF37);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n \/* --- QUOTE BOX (RELIGIOUS) --- *\/\r\n .quote-box {\r\n background: #1A1D23;\r\n padding: 30px;\r\n border-left: 4px solid #D4AF37;\r\n border-radius: 8px;\r\n margin: 20px 0;\r\n }\r\n\r\n \/* --- GRID SYSTEM (DESKTOP) --- *\/\r\n \/* Default Mobile: Block\/Stacked (1 Column) *\/\r\n .grid-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .grid-item {\r\n background: #1A1D23;\r\n padding: 25px;\r\n border-radius: 12px;\r\n border: 1px solid #333;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .grid-item:hover {\r\n border-color: #D4AF37;\r\n transform: translateY(-5px);\r\n }\r\n\r\n .grid-icon {\r\n font-size: 2rem;\r\n margin-bottom: 15px;\r\n display: block;\r\n }\r\n\r\n \/* Desktop Breakpoint >= 1024px *\/\r\n @media (min-width: 1024px) {\r\n .grid-2 {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr); \/* 2 Columns *\/\r\n gap: 30px;\r\n }\r\n\r\n .grid-3 {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr); \/* 3 Columns *\/\r\n gap: 30px;\r\n }\r\n }\r\n\r\n \/* --- DISCLAIMER BOX --- *\/\r\n .disclaimer-box {\r\n background: rgba(212, 175, 55, 0.1);\r\n border: 1px solid #D4AF37;\r\n padding: 20px;\r\n border-radius: 8px;\r\n font-size: 0.9rem;\r\n }\r\n \r\n .disclaimer-box ul {\r\n padding-left: 20px;\r\n margin-bottom: 0;\r\n }\r\n \r\n .disclaimer-box li {\r\n margin-bottom: 10px;\r\n color: #ccc;\r\n }\r\n\r\n \/* --- FORM & CTA --- *\/\r\n .cta-section {\r\n background: linear-gradient(145deg, #1A1D23, #0F1115);\r\n padding: 60px 20px;\r\n border-radius: 20px;\r\n margin-top: 40px;\r\n text-align: center;\r\n }\r\n\r\n .book-mockup {\r\n max-width: 100%;\r\n height: auto;\r\n border-radius: 10px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\r\n margin-bottom: 30px;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 20px;\r\n text-align: left;\r\n }\r\n\r\n .form-label {\r\n display: block;\r\n margin-bottom: 8px;\r\n color: #fff;\r\n font-weight: 600;\r\n }\r\n\r\n .form-input {\r\n width: 100%;\r\n padding: 15px;\r\n border-radius: 8px;\r\n border: 1px solid #444;\r\n background: #25282F;\r\n color: #fff;\r\n font-size: 1rem;\r\n }\r\n\r\n .form-input:focus {\r\n outline: none;\r\n border-color: #D4AF37;\r\n }\r\n\r\n .btn-submit {\r\n background: #D4AF37;\r\n color: #000;\r\n width: 100%;\r\n padding: 18px;\r\n font-size: 1.1rem;\r\n font-weight: bold;\r\n border: none;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n transition: background 0.3s;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .btn-submit:hover {\r\n background: #C5A028;\r\n }\r\n\r\n .secure-text {\r\n font-size: 0.8rem;\r\n color: #888;\r\n margin-top: 15px;\r\n display: block;\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"hero\">\r\n <div class=\"container\">\r\n <h1 class=\"text-center\">Menjemput Panggilan Agung Membutuhkan Lebih Dari Sekadar Rindu<\/h1>\r\n <div style=\"max-width: 700px; margin: 0 auto;\">\r\n <p class=\"text-center\">\r\n Pernahkah hati Anda bergetar hebat saat melihat Ka'bah di layar kaca? Rasanya ingin segera terbang ke sana, bersujud di depan Multazam, dan menumpahkan segala air mata.\r\n <\/p>\r\n <p class=\"text-center\">\r\n Namun, seringkali niat suci itu tertahan bukan karena tidak mampu, melainkan karena <strong>bingung harus mulai dari mana.<\/strong>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section>\r\n <div class=\"container\">\r\n <h2 class=\"text-center\">Jangan Biarkan Ketidaktahuan Menghalangi Ibadah Anda<\/h2>\r\n <div class=\"grid-container grid-2\">\r\n <div class=\"grid-item\">\r\n <span class=\"grid-icon\">\ud83e\udd40<\/span>\r\n <h3>Risiko Ibadah Tidak Sah<\/h3>\r\n <p>Bayangkan sudah jauh-jauh sampai ke Tanah Suci, namun ternyata tata cara (manasik) yang dilakukan keliru karena kurangnya bekal ilmu. Sayang sekali, bukan?<\/p>\r\n <\/div>\r\n <div class=\"grid-item\">\r\n <span class=\"grid-icon\">\ud83d\udcc9<\/span>\r\n <h3>Informasi yang Membingungkan<\/h3>\r\n <p>Banyaknya penawaran travel dengan harga \"miring\" seringkali membuat was-was. Apakah fasilitasnya sesuai? Apakah legalitasnya aman? Tanpa kurasi yang tepat, risiko kecewa sangat besar.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section>\r\n <div class=\"container\">\r\n <div class=\"quote-box\">\r\n <h3 class=\"text-gold\">Panggilan Itu Nyata<\/h3>\r\n <p class=\"font-italic\">\r\n \"Dan berserulah kepada manusia untuk mengerjakan haji, niscaya mereka akan datang kepadamu dengan berjalan kaki, dan mengendarai unta yang kurus yang datang dari segenap penjuru yang jauh.\"<br>\r\n <strong>(QS. Al-Hajj: 27)<\/strong>\r\n <\/p>\r\n <\/div>\r\n \r\n <div class=\"quote-box\">\r\n <h3 class=\"text-gold\">Penghapus Dosa<\/h3>\r\n <p class=\"font-italic\">\r\n \"Antara umrah yang satu dan umrah lainnya, itu akan menghapuskan dosa di antara keduanya...\"<br>\r\n <strong>(HR. Bukhari no. 1773 dan Muslim no. 1349)<\/strong>\r\n <\/p>\r\n <\/div>\r\n\r\n <p class=\"text-center mt-5\">\r\n Belum lagi rindu untuk shalat di <strong>Masjidil Haram, Masjid Nabawi, dan Masjidil Aqsa<\/strong> yang pahalanya berlipat ganda dibandingkan masjid biasa. Kesempatan ini terlalu berharga untuk dijalani tanpa persiapan matang.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section>\r\n <div class=\"container\">\r\n <h2 class=\"text-center text-gold\">Perkenalkan: HajjUmrah.id<\/h2>\r\n <h3 class=\"text-center\" style=\"font-weight: 300;\">\"Bestie Menuju Tanah Suci\"<\/h3>\r\n <p class=\"text-center\">\r\n Kami hadir bukan sebagai travel agent, melainkan sebagai sahabat (*Bestie*) yang menemani persiapan Anda dari nol. Kami mengerti, bagi Anda yang awam, informasi yang berserakan di internet justru membingungkan.\r\n <\/p>\r\n \r\n <div style=\"background: #222; padding: 20px; border-radius: 8px; margin: 30px 0;\">\r\n <p class=\"text-center\" style=\"margin-bottom: 10px; color: #fff;\"><strong>Kemudahan Akses Informasi:<\/strong><\/p>\r\n <p class=\"text-center\" style=\"font-size: 0.9rem;\">\r\n Bagi Anda yang mengakses via <strong>Desktop\/Laptop<\/strong>, ketiga pilar layanan kami langsung terlihat di bagian atas layar. Namun, jika Anda menggunakan <strong>Handphone<\/strong>, cukup klik ikon 3 garis putih di pojok kiri atas untuk mengakses seluruh fitur kami dengan mudah.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section>\r\n <div class=\"container\">\r\n <h2 class=\"text-center mb-5\">3 Pilar Utama Kami<\/h2>\r\n <div class=\"grid-container grid-3\">\r\n <div class=\"grid-item text-center\">\r\n <span class=\"grid-icon\">\ud83d\udcd6<\/span>\r\n <h3>Manasik<\/h3>\r\n <p>Panduan tata cara ibadah yang sesuai sunnah, disajikan dengan bahasa yang mudah dipahami oleh orang awam sekalipun.<\/p>\r\n <\/div>\r\n <div class=\"grid-item text-center\">\r\n <span class=\"grid-icon\">\u2705<\/span>\r\n <h3>Faktual<\/h3>\r\n <p>Informasi terkini seputar regulasi Arab Saudi, kondisi di lapangan, dan tips praktis yang jarang dibahas orang lain.<\/p>\r\n <\/div>\r\n <div class=\"grid-item text-center\">\r\n <span class=\"grid-icon\">\ud83d\udd4c<\/span>\r\n <h3>Katalog<\/h3>\r\n <p>Kumpulan pilihan paket perjalanan yang lengkap, memudahkan Anda membandingkan fasilitas terbaik.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section>\r\n <div class=\"container\">\r\n <h2 class=\"text-center mb-5\">Kenapa Memilih HajjUmrah.id?<\/h2>\r\n <div class=\"grid-container grid-3\">\r\n <div class=\"grid-item\">\r\n <h3>\ud83d\udcda Bekal Ilmu<\/h3>\r\n <p>Kami tidak hanya menyuruh Anda berangkat, tapi membekali Anda dengan pengetahuan dasar agar ibadah lebih mantap dan khusyuk.<\/p>\r\n <\/div>\r\n <div class=\"grid-item\">\r\n <h3>\u2b50 Paket Terkurasi<\/h3>\r\n <p>Rekomendasi paket Haji dan Umrah yang telah kami kurasi. Hanya travel terpilih yang amanah yang kami rekomendasikan.<\/p>\r\n <\/div>\r\n <div class=\"grid-item\">\r\n <h3>\ud83e\udd1d Pembiayaan Syariah<\/h3>\r\n <p>Ingin berangkat namun dana belum terkumpul penuh? Tersedia opsi pembiayaan yang sesuai prinsip syariah untuk memudahkan niat Anda.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section>\r\n <div class=\"container\">\r\n <h2 class=\"text-center mb-5\">Bekal Eksklusif dari Kami<\/h2>\r\n <p class=\"text-center\">Khusus bagi Anda yang nantinya berangkat melalui rekomendasi kami, kami siapkan bekal fisik:<\/p>\r\n <div class=\"grid-container grid-3\">\r\n <div class=\"grid-item text-center\">\r\n <span class=\"grid-icon\">\ud83d\udce1<\/span>\r\n <h4>Kuota Internet<\/h4>\r\n <p>Agar tetap terhubung dengan keluarga di Tanah Air.<\/p>\r\n <\/div>\r\n <div class=\"grid-item text-center\">\r\n <span class=\"grid-icon\">\ud83d\udd0b<\/span>\r\n <h4>Power Bank<\/h4>\r\n <p>Menjaga gadget tetap aktif saat perjalanan jauh.<\/p>\r\n <\/div>\r\n <div class=\"grid-item text-center\">\r\n <span class=\"grid-icon\">\ud83d\udd0c<\/span>\r\n <h4>Kabel Multi Guna<\/h4>\r\n <p>Satu kabel untuk semua kebutuhan device Anda.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section>\r\n <div class=\"container\">\r\n <h2 class=\"text-center text-gold\">Penting Untuk Diketahui<\/h2>\r\n <div class=\"disclaimer-box\">\r\n <ul>\r\n <li><strong>Sifat Konten:<\/strong> Konten manasik dan faktual di sini bersifat pengetahuan dasar. Pelaksanaan teknis di lapangan tetap mengikuti arahan Muthawif travel dan regulasi Arab Saudi terupdate.<\/li>\r\n <li><strong>Status Kemitraan:<\/strong> HajjUmrah.id <u>bukan<\/u> travel penyelenggara (PPIU\/PIHK), namun secara resmi menjadi mitra strategis dari travel berizin resmi.<\/li>\r\n <li><strong>Kebijakan Pembayaran:<\/strong> HajjUmrah.id <u>tidak menerima<\/u> segala bentuk pembayaran (uang muka, pelunasan, cicilan, dll). Semua transaksi dilakukan langsung antara Anda dengan rekening resmi pihak Travel Penyelenggara.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"cta-section\">\r\n <div class=\"container\">\r\n <h2 class=\"text-gold\">Mulai Langkah Pertama Anda Sekarang<\/h2>\r\n <p>Jangan biarkan niat suci terkubur tanpa aksi. Pelajari dulu ilmunya, pahami alurnya.<\/p>\r\n <p class=\"mb-5\">Unduh E-Book Gratis <strong>\"Smart Umrah\"<\/strong>. Panduan ringkas untuk pemula agar tidak \"buta arah\" saat merencanakan ibadah.<\/p>\r\n \r\n <div class=\"grid-container grid-2\" style=\"align-items: center;\">\r\n <div class=\"grid-item\" style=\"border: none; background: transparent; padding: 0;\">\r\n <img decoding=\"async\" src=\"https:\/\/hajjumrah.id\/wp-content\/uploads\/2026\/01\/Smart-Umrah-Mockup-scaled.png\" alt=\"E-Book Smart Umrah\" class=\"book-mockup\">\r\n <\/div>\r\n \r\n <div style=\"background: #25282F; padding: 30px; border-radius: 15px; border: 1px solid #444;\">\r\n <h3 class=\"text-center\">Form Download E-Book<\/h3>\r\n <form id=\"downloadForm\" onsubmit=\"handleWhatsapp(event)\">\r\n <div class=\"form-group\">\r\n <label class=\"form-label\">Nama Lengkap<\/label>\r\n <input type=\"text\" id=\"nama\" class=\"form-input\" placeholder=\"Contoh: Abdullah\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label class=\"form-label\">Domisili (Kota)<\/label>\r\n <input type=\"text\" id=\"domisili\" class=\"form-input\" placeholder=\"Contoh: Jakarta Selatan\" required>\r\n <\/div>\r\n <button type=\"submit\" class=\"btn-submit\">\r\n DOWNLOAD E-BOOK SEKARANG \r\n <\/button>\r\n <span class=\"secure-text\">\ud83d\udd12 Data Anda aman. E-Book akan dikirim via WhatsApp.<\/span>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <footer style=\"padding: 40px 0; text-align: center; color: #666; font-size: 0.8rem;\">\r\n <div class=\"container\">\r\n <p>© 2026 HajjUmrah.id. All Rights Reserved.<\/p>\r\n <p>Bestie Menuju Tanah Suci.<\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n function handleWhatsapp(event) {\r\n event.preventDefault();\r\n \r\n const nama = document.getElementById('nama').value;\r\n const domisili = document.getElementById('domisili').value;\r\n \r\n \/\/ Format Pesan\r\n const text = `Assalamualaikum.. Mohon dikirim E-book Smart Umrah sesuai link https:\/\/hajjumrah.id\/ \\n\\nNama: ${nama}\\nDomisili: ${domisili}`;\r\n \r\n \/\/ Encode URI\r\n const encodedText = encodeURIComponent(text);\r\n const phoneNumber = \"62811202515\";\r\n \r\n \/\/ Redirect to WhatsApp\r\n const url = `https:\/\/wa.me\/${phoneNumber}?text=${encodedText}`;\r\n window.open(url, '_blank');\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>HajjUmrah.id – Bestie Menuju Tanah Suci Menjemput Panggilan Agung Membutuhkan Lebih Dari Sekadar Rindu Pernahkah hati Anda bergetar hebat saat melihat Ka’bah di layar kaca? Rasanya ingin segera terbang ke sana, bersujud di depan Multazam, dan menumpahkan segala air mata. Namun, seringkali niat suci itu tertahan bukan karena tidak mampu, melainkan karena bingung harus mulai […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":6,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-14461","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hajjumrah.id\/index.php?rest_route=\/wp\/v2\/pages\/14461","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hajjumrah.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hajjumrah.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hajjumrah.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hajjumrah.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14461"}],"version-history":[{"count":128,"href":"https:\/\/hajjumrah.id\/index.php?rest_route=\/wp\/v2\/pages\/14461\/revisions"}],"predecessor-version":[{"id":15229,"href":"https:\/\/hajjumrah.id\/index.php?rest_route=\/wp\/v2\/pages\/14461\/revisions\/15229"}],"wp:attachment":[{"href":"https:\/\/hajjumrah.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14461"}],"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

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n HajjUmrah.id - Bestie Menuju Tanah Suci<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600&family=Playfair+Display:ital,wght@0,600;1,500&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n \/* --- RESET & BASE STYLES --- *\/\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n background-color: #0F1115; \/* Dark Premium Background *\/\r\n color: #E0E0E0;\r\n font-family: 'Inter', sans-serif;\r\n line-height: 1.6;\r\n font-size: 16px;\r\n overflow-x: hidden;\r\n }\r\n\r\n h1, h2, h3, h4 {\r\n font-family: 'Playfair Display', serif;\r\n color: #FFFFFF;\r\n margin-bottom: 1rem;\r\n line-height: 1.3;\r\n }\r\n\r\n p {\r\n margin-bottom: 1.5rem;\r\n color: #B0B3B8;\r\n }\r\n\r\n strong {\r\n color: #D4AF37; \/* Gold Color for emphasis *\/\r\n }\r\n\r\n .container {\r\n width: 100%;\r\n max-width: 1100px; \/* Desktop width constraint *\/\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n\r\n \/* --- TYPOGRAPHY UTILS --- *\/\r\n .text-center { text-align: center; }\r\n .text-gold { color: #D4AF37; }\r\n .font-italic { font-style: italic; }\r\n .mt-5 { margin-top: 3rem; }\r\n .mb-5 { margin-bottom: 3rem; }\r\n\r\n \/* --- SECTIONS --- *\/\r\n section {\r\n padding: 60px 0;\r\n border-bottom: 1px solid #222;\r\n }\r\n\r\n \/* --- HERO --- *\/\r\n .hero {\r\n padding-top: 80px;\r\n text-align: center;\r\n }\r\n \r\n .hero h1 {\r\n font-size: 2.5rem;\r\n background: linear-gradient(to right, #fff, #D4AF37);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n \/* --- QUOTE BOX (RELIGIOUS) --- *\/\r\n .quote-box {\r\n background: #1A1D23;\r\n padding: 30px;\r\n border-left: 4px solid #D4AF37;\r\n border-radius: 8px;\r\n margin: 20px 0;\r\n }\r\n\r\n \/* --- GRID SYSTEM (DESKTOP) --- *\/\r\n \/* Default Mobile: Block\/Stacked (1 Column) *\/\r\n .grid-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .grid-item {\r\n background: #1A1D23;\r\n padding: 25px;\r\n border-radius: 12px;\r\n border: 1px solid #333;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .grid-item:hover {\r\n border-color: #D4AF37;\r\n transform: translateY(-5px);\r\n }\r\n\r\n .grid-icon {\r\n font-size: 2rem;\r\n margin-bottom: 15px;\r\n display: block;\r\n }\r\n\r\n \/* Desktop Breakpoint >= 1024px *\/\r\n @media (min-width: 1024px) {\r\n .grid-2 {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr); \/* 2 Columns *\/\r\n gap: 30px;\r\n }\r\n\r\n .grid-3 {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr); \/* 3 Columns *\/\r\n gap: 30px;\r\n }\r\n }\r\n\r\n \/* --- DISCLAIMER BOX --- *\/\r\n .disclaimer-box {\r\n background: rgba(212, 175, 55, 0.1);\r\n border: 1px solid #D4AF37;\r\n padding: 20px;\r\n border-radius: 8px;\r\n font-size: 0.9rem;\r\n }\r\n \r\n .disclaimer-box ul {\r\n padding-left: 20px;\r\n margin-bottom: 0;\r\n }\r\n \r\n .disclaimer-box li {\r\n margin-bottom: 10px;\r\n color: #ccc;\r\n }\r\n\r\n \/* --- FORM & CTA --- *\/\r\n .cta-section {\r\n background: linear-gradient(145deg, #1A1D23, #0F1115);\r\n padding: 60px 20px;\r\n border-radius: 20px;\r\n margin-top: 40px;\r\n text-align: center;\r\n }\r\n\r\n .book-mockup {\r\n max-width: 100%;\r\n height: auto;\r\n border-radius: 10px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\r\n margin-bottom: 30px;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 20px;\r\n text-align: left;\r\n }\r\n\r\n .form-label {\r\n display: block;\r\n margin-bottom: 8px;\r\n color: #fff;\r\n font-weight: 600;\r\n }\r\n\r\n .form-input {\r\n width: 100%;\r\n padding: 15px;\r\n border-radius: 8px;\r\n border: 1px solid #444;\r\n background: #25282F;\r\n color: #fff;\r\n font-size: 1rem;\r\n }\r\n\r\n .form-input:focus {\r\n outline: none;\r\n border-color: #D4AF37;\r\n }\r\n\r\n .btn-submit {\r\n background: #D4AF37;\r\n color: #000;\r\n width: 100%;\r\n padding: 18px;\r\n font-size: 1.1rem;\r\n font-weight: bold;\r\n border: none;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n transition: background 0.3s;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .btn-submit:hover {\r\n background: #C5A028;\r\n }\r\n\r\n .secure-text {\r\n font-size: 0.8rem;\r\n color: #888;\r\n margin-top: 15px;\r\n display: block;\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"hero\">\r\n <div class=\"container\">\r\n <h1 class=\"text-center\">Menjemput Panggilan Agung Membutuhkan Lebih Dari Sekadar Rindu<\/h1>\r\n <div style=\"max-width: 700px; margin: 0 auto;\">\r\n <p class=\"text-center\">\r\n Pernahkah hati Anda bergetar hebat saat melihat Ka'bah di layar kaca? Rasanya ingin segera terbang ke sana, bersujud di depan Multazam, dan menumpahkan segala air mata.\r\n <\/p>\r\n <p class=\"text-center\">\r\n Namun, seringkali niat suci itu tertahan bukan karena tidak mampu, melainkan karena <strong>bingung harus mulai dari mana.<\/strong>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section>\r\n <div class=\"container\">\r\n <h2 class=\"text-center\">Jangan Biarkan Ketidaktahuan Menghalangi Ibadah Anda<\/h2>\r\n <div class=\"grid-container grid-2\">\r\n <div class=\"grid-item\">\r\n <span class=\"grid-icon\">\ud83e\udd40<\/span>\r\n <h3>Risiko Ibadah Tidak Sah<\/h3>\r\n <p>Bayangkan sudah jauh-jauh sampai ke Tanah Suci, namun ternyata tata cara (manasik) yang dilakukan keliru karena kurangnya bekal ilmu. Sayang sekali, bukan?<\/p>\r\n <\/div>\r\n <div class=\"grid-item\">\r\n <span class=\"grid-icon\">\ud83d\udcc9<\/span>\r\n <h3>Informasi yang Membingungkan<\/h3>\r\n <p>Banyaknya penawaran travel dengan harga \"miring\" seringkali membuat was-was. Apakah fasilitasnya sesuai? Apakah legalitasnya aman? Tanpa kurasi yang tepat, risiko kecewa sangat besar.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section>\r\n <div class=\"container\">\r\n <div class=\"quote-box\">\r\n <h3 class=\"text-gold\">Panggilan Itu Nyata<\/h3>\r\n <p class=\"font-italic\">\r\n \"Dan berserulah kepada manusia untuk mengerjakan haji, niscaya mereka akan datang kepadamu dengan berjalan kaki, dan mengendarai unta yang kurus yang datang dari segenap penjuru yang jauh.\"<br>\r\n <strong>(QS. Al-Hajj: 27)<\/strong>\r\n <\/p>\r\n <\/div>\r\n \r\n <div class=\"quote-box\">\r\n <h3 class=\"text-gold\">Penghapus Dosa<\/h3>\r\n <p class=\"font-italic\">\r\n \"Antara umrah yang satu dan umrah lainnya, itu akan menghapuskan dosa di antara keduanya...\"<br>\r\n <strong>(HR. Bukhari no. 1773 dan Muslim no. 1349)<\/strong>\r\n <\/p>\r\n <\/div>\r\n\r\n <p class=\"text-center mt-5\">\r\n Belum lagi rindu untuk shalat di <strong>Masjidil Haram, Masjid Nabawi, dan Masjidil Aqsa<\/strong> yang pahalanya berlipat ganda dibandingkan masjid biasa. Kesempatan ini terlalu berharga untuk dijalani tanpa persiapan matang.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section>\r\n <div class=\"container\">\r\n <h2 class=\"text-center text-gold\">Perkenalkan: HajjUmrah.id<\/h2>\r\n <h3 class=\"text-center\" style=\"font-weight: 300;\">\"Bestie Menuju Tanah Suci\"<\/h3>\r\n <p class=\"text-center\">\r\n Kami hadir bukan sebagai travel agent, melainkan sebagai sahabat (*Bestie*) yang menemani persiapan Anda dari nol. Kami mengerti, bagi Anda yang awam, informasi yang berserakan di internet justru membingungkan.\r\n <\/p>\r\n \r\n <div style=\"background: #222; padding: 20px; border-radius: 8px; margin: 30px 0;\">\r\n <p class=\"text-center\" style=\"margin-bottom: 10px; color: #fff;\"><strong>Kemudahan Akses Informasi:<\/strong><\/p>\r\n <p class=\"text-center\" style=\"font-size: 0.9rem;\">\r\n Bagi Anda yang mengakses via <strong>Desktop\/Laptop<\/strong>, ketiga pilar layanan kami langsung terlihat di bagian atas layar. Namun, jika Anda menggunakan <strong>Handphone<\/strong>, cukup klik ikon 3 garis putih di pojok kiri atas untuk mengakses seluruh fitur kami dengan mudah.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section>\r\n <div class=\"container\">\r\n <h2 class=\"text-center mb-5\">3 Pilar Utama Kami<\/h2>\r\n <div class=\"grid-container grid-3\">\r\n <div class=\"grid-item text-center\">\r\n <span class=\"grid-icon\">\ud83d\udcd6<\/span>\r\n <h3>Manasik<\/h3>\r\n <p>Panduan tata cara ibadah yang sesuai sunnah, disajikan dengan bahasa yang mudah dipahami oleh orang awam sekalipun.<\/p>\r\n <\/div>\r\n <div class=\"grid-item text-center\">\r\n <span class=\"grid-icon\">\u2705<\/span>\r\n <h3>Faktual<\/h3>\r\n <p>Informasi terkini seputar regulasi Arab Saudi, kondisi di lapangan, dan tips praktis yang jarang dibahas orang lain.<\/p>\r\n <\/div>\r\n <div class=\"grid-item text-center\">\r\n <span class=\"grid-icon\">\ud83d\udd4c<\/span>\r\n <h3>Katalog<\/h3>\r\n <p>Kumpulan pilihan paket perjalanan yang lengkap, memudahkan Anda membandingkan fasilitas terbaik.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section>\r\n <div class=\"container\">\r\n <h2 class=\"text-center mb-5\">Kenapa Memilih HajjUmrah.id?<\/h2>\r\n <div class=\"grid-container grid-3\">\r\n <div class=\"grid-item\">\r\n <h3>\ud83d\udcda Bekal Ilmu<\/h3>\r\n <p>Kami tidak hanya menyuruh Anda berangkat, tapi membekali Anda dengan pengetahuan dasar agar ibadah lebih mantap dan khusyuk.<\/p>\r\n <\/div>\r\n <div class=\"grid-item\">\r\n <h3>\u2b50 Paket Terkurasi<\/h3>\r\n <p>Rekomendasi paket Haji dan Umrah yang telah kami kurasi. Hanya travel terpilih yang amanah yang kami rekomendasikan.<\/p>\r\n <\/div>\r\n <div class=\"grid-item\">\r\n <h3>\ud83e\udd1d Pembiayaan Syariah<\/h3>\r\n <p>Ingin berangkat namun dana belum terkumpul penuh? Tersedia opsi pembiayaan yang sesuai prinsip syariah untuk memudahkan niat Anda.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section>\r\n <div class=\"container\">\r\n <h2 class=\"text-center mb-5\">Bekal Eksklusif dari Kami<\/h2>\r\n <p class=\"text-center\">Khusus bagi Anda yang nantinya berangkat melalui rekomendasi kami, kami siapkan bekal fisik:<\/p>\r\n <div class=\"grid-container grid-3\">\r\n <div class=\"grid-item text-center\">\r\n <span class=\"grid-icon\">\ud83d\udce1<\/span>\r\n <h4>Kuota Internet<\/h4>\r\n <p>Agar tetap terhubung dengan keluarga di Tanah Air.<\/p>\r\n <\/div>\r\n <div class=\"grid-item text-center\">\r\n <span class=\"grid-icon\">\ud83d\udd0b<\/span>\r\n <h4>Power Bank<\/h4>\r\n <p>Menjaga gadget tetap aktif saat perjalanan jauh.<\/p>\r\n <\/div>\r\n <div class=\"grid-item text-center\">\r\n <span class=\"grid-icon\">\ud83d\udd0c<\/span>\r\n <h4>Kabel Multi Guna<\/h4>\r\n <p>Satu kabel untuk semua kebutuhan device Anda.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section>\r\n <div class=\"container\">\r\n <h2 class=\"text-center text-gold\">Penting Untuk Diketahui<\/h2>\r\n <div class=\"disclaimer-box\">\r\n <ul>\r\n <li><strong>Sifat Konten:<\/strong> Konten manasik dan faktual di sini bersifat pengetahuan dasar. Pelaksanaan teknis di lapangan tetap mengikuti arahan Muthawif travel dan regulasi Arab Saudi terupdate.<\/li>\r\n <li><strong>Status Kemitraan:<\/strong> HajjUmrah.id <u>bukan<\/u> travel penyelenggara (PPIU\/PIHK), namun secara resmi menjadi mitra strategis dari travel berizin resmi.<\/li>\r\n <li><strong>Kebijakan Pembayaran:<\/strong> HajjUmrah.id <u>tidak menerima<\/u> segala bentuk pembayaran (uang muka, pelunasan, cicilan, dll). Semua transaksi dilakukan langsung antara Anda dengan rekening resmi pihak Travel Penyelenggara.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"cta-section\">\r\n <div class=\"container\">\r\n <h2 class=\"text-gold\">Mulai Langkah Pertama Anda Sekarang<\/h2>\r\n <p>Jangan biarkan niat suci terkubur tanpa aksi. Pelajari dulu ilmunya, pahami alurnya.<\/p>\r\n <p class=\"mb-5\">Unduh E-Book Gratis <strong>\"Smart Umrah\"<\/strong>. Panduan ringkas untuk pemula agar tidak \"buta arah\" saat merencanakan ibadah.<\/p>\r\n \r\n <div class=\"grid-container grid-2\" style=\"align-items: center;\">\r\n <div class=\"grid-item\" style=\"border: none; background: transparent; padding: 0;\">\r\n <img decoding=\"async\" src=\"https:\/\/hajjumrah.id\/wp-content\/uploads\/2026\/01\/Smart-Umrah-Mockup-scaled.png\" alt=\"E-Book Smart Umrah\" class=\"book-mockup\">\r\n <\/div>\r\n \r\n <div style=\"background: #25282F; padding: 30px; border-radius: 15px; border: 1px solid #444;\">\r\n <h3 class=\"text-center\">Form Download E-Book<\/h3>\r\n <form id=\"downloadForm\" onsubmit=\"handleWhatsapp(event)\">\r\n <div class=\"form-group\">\r\n <label class=\"form-label\">Nama Lengkap<\/label>\r\n <input type=\"text\" id=\"nama\" class=\"form-input\" placeholder=\"Contoh: Abdullah\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label class=\"form-label\">Domisili (Kota)<\/label>\r\n <input type=\"text\" id=\"domisili\" class=\"form-input\" placeholder=\"Contoh: Jakarta Selatan\" required>\r\n <\/div>\r\n <button type=\"submit\" class=\"btn-submit\">\r\n DOWNLOAD E-BOOK SEKARANG \r\n <\/button>\r\n <span class=\"secure-text\">\ud83d\udd12 Data Anda aman. E-Book akan dikirim via WhatsApp.<\/span>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <footer style=\"padding: 40px 0; text-align: center; color: #666; font-size: 0.8rem;\">\r\n <div class=\"container\">\r\n <p>© 2026 HajjUmrah.id. All Rights Reserved.<\/p>\r\n <p>Bestie Menuju Tanah Suci.<\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n function handleWhatsapp(event) {\r\n event.preventDefault();\r\n \r\n const nama = document.getElementById('nama').value;\r\n const domisili = document.getElementById('domisili').value;\r\n \r\n \/\/ Format Pesan\r\n const text = `Assalamualaikum.. Mohon dikirim E-book Smart Umrah sesuai link https:\/\/hajjumrah.id\/ \\n\\nNama: ${nama}\\nDomisili: ${domisili}`;\r\n \r\n \/\/ Encode URI\r\n const encodedText = encodeURIComponent(text);\r\n const phoneNumber = \"62811202515\";\r\n \r\n \/\/ Redirect to WhatsApp\r\n const url = `https:\/\/wa.me\/${phoneNumber}?text=${encodedText}`;\r\n window.open(url, '_blank');\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>HajjUmrah.id – Bestie Menuju Tanah Suci Menjemput Panggilan Agung Membutuhkan Lebih Dari Sekadar Rindu Pernahkah hati Anda bergetar hebat saat melihat Ka’bah di layar kaca? Rasanya ingin segera terbang ke sana, bersujud di depan Multazam, dan menumpahkan segala air mata. Namun, seringkali niat suci itu tertahan bukan karena tidak mampu, melainkan karena bingung harus mulai […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":6,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-14461","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hajjumrah.id\/index.php?rest_route=\/wp\/v2\/pages\/14461","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hajjumrah.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hajjumrah.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hajjumrah.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hajjumrah.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14461"}],"version-history":[{"count":128,"href":"https:\/\/hajjumrah.id\/index.php?rest_route=\/wp\/v2\/pages\/14461\/revisions"}],"predecessor-version":[{"id":15229,"href":"https:\/\/hajjumrah.id\/index.php?rest_route=\/wp\/v2\/pages\/14461\/revisions\/15229"}],"wp:attachment":[{"href":"https:\/\/hajjumrah.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}