{"id":10,"date":"2026-10-13T09:05:04","date_gmt":"2026-10-13T09:05:04","guid":{"rendered":"https:\/\/bupi.org\/?page_id=10"},"modified":"2026-10-14T06:25:23","modified_gmt":"2026-10-14T06:25:23","slug":"beranda","status":"publish","type":"page","link":"https:\/\/bupi.org\/","title":{"rendered":"Beranda"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-884f744 e-con e-atomic-element e-flexbox-base e-default-div e-814d900 \" data-id=\"884f744\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"884f744\" data-e-type=\"e-flexbox\" data-id=\"884f744\">\n    \t\t<div class=\"elementor-element elementor-element-893c73c elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"893c73c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n#bupi-page{--green:#078735;--deep:#075b2b;--ink:#14251b;--muted:#5c6b61;--cream:#f7f8f1;--line:#e2e9df;font-family:Inter,system-ui,-apple-system,\"Segoe UI\",sans-serif;color:var(--ink);line-height:1.6;background:var(--cream);overflow:hidden}\r\n#bupi-page *{box-sizing:border-box}\r\n#bupi-page a{text-decoration:none}\r\n#bupi-page .wrap{width:min(1100px,calc(100% - 40px));margin:auto}\r\n#bupi-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 19px;border-radius:999px;background:var(--green);color:#fff;font-size:14px;font-weight:700;transition:background .2s,transform .2s}\r\n#bupi-page .btn:hover{background:var(--deep);color:#fff;transform:translateY(-1px)}\r\n#bupi-page .textlink{font-weight:600;color:var(--deep);font-size:14px}\r\n#bupi-page .hero{padding:76px 0 68px;position:relative}\r\n#bupi-page .hero:before{content:\"\";position:absolute;width:430px;height:430px;right:-160px;top:-160px;border-radius:50%;background:#e5efdf}\r\n#bupi-page .hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:45px}\r\n#bupi-page .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--deep);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}\r\n#bupi-page .dot{width:8px;height:8px;background:var(--green);border-radius:50%}\r\n#bupi-page h1,#bupi-page h2,#bupi-page h3{font-family:inherit}\r\n#bupi-page h1{font-size:clamp(36px,4.8vw,62px);line-height:1.06;letter-spacing:-.05em;margin:18px 0 22px;font-weight:700}\r\n#bupi-page h1 em{font-style:normal;color:var(--green)}\r\n#bupi-page .lead{font-size:17px;color:var(--muted);max-width:550px;margin:0 0 27px}\r\n#bupi-page .actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap}\r\n#bupi-page .note{font-size:12px;color:#778178;margin-top:16px}\r\n#bupi-page .visual{min-height:420px;position:relative;display:flex;align-items:center;justify-content:center}\r\n#bupi-page .visual-card{width:min(100%,410px);aspect-ratio:4\/4.4;border-radius:190px 190px 26px 26px;background:linear-gradient(150deg,#dcebd6,#f5f5e9 58%,#c6ddbf);position:relative;overflow:hidden;border:1px solid #d5e2d0}\r\n#bupi-page .visual-card:before{content:\"\";position:absolute;width:300px;height:300px;border-radius:50%;background:#f8faf2;top:35px;left:50%;transform:translateX(-50%)}\r\n#bupi-page .kaaba{position:absolute;z-index:1;top:130px;left:50%;transform:translateX(-50%);width:165px;height:170px;background:#202820;clip-path:polygon(12% 0,100% 13%,100% 87%,12% 100%,0 88%,0 12%)}\r\n#bupi-page .kaaba:before{content:\"\";position:absolute;left:0;right:0;top:42px;height:17px;background:#c7a45a;border-top:3px solid #e2c57e;border-bottom:3px solid #8c6c34}\r\n#bupi-page .kaaba:after{content:\"\";position:absolute;left:18px;top:70px;width:20px;height:38px;border:2px solid #b99a54}\r\n#bupi-page .ground{position:absolute;bottom:-35px;left:-10%;width:120%;height:160px;background:#fffdf5;border-radius:50% 50% 0 0}\r\n#bupi-page .person{position:absolute;z-index:2;bottom:50px;width:44px;height:88px;border-radius:22px 22px 9px 9px;background:#fff;box-shadow:0 5px 10px #34502a18}\r\n#bupi-page .person:before{content:\"\";position:absolute;width:34px;height:34px;left:5px;top:-21px;background:#fff;border-radius:50%}\r\n#bupi-page .p1{left:23%;transform:rotate(-8deg)}\r\n#bupi-page .p2{right:22%;transform:rotate(8deg);height:75px}\r\n#bupi-page .spark{position:absolute;z-index:3;right:0;top:62px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px 15px;box-shadow:0 12px 30px #173f2410;font-size:12px;color:var(--deep);font-weight:700}\r\n#bupi-page .spark strong{display:block;font-size:18px}\r\n#bupi-page .section{padding:72px 0}\r\n#bupi-page .white{background:#fff}\r\n#bupi-page .section-head{max-width:650px;margin-bottom:32px}\r\n#bupi-page .kicker{font-size:12px;text-transform:uppercase;letter-spacing:.15em;font-weight:700;color:var(--green)}\r\n#bupi-page h2{font-size:clamp(28px,3.4vw,40px);line-height:1.15;letter-spacing:-.035em;margin:10px 0 14px;font-weight:700}\r\n#bupi-page .section-head p{color:var(--muted);font-size:16px;margin:0}\r\n#bupi-page .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}\r\n#bupi-page .card{padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff}\r\n#bupi-page .num{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:#eaf3e5;color:var(--deep);font-weight:700;margin-bottom:17px}\r\n#bupi-page .card h3{font-size:18px;margin:0 0 8px;font-weight:700}\r\n#bupi-page .card p{color:var(--muted);margin:0;font-size:14px}\r\n#bupi-page .quote{padding:30px 32px;border-radius:22px;background:#edf4e8;color:var(--deep);font-size:clamp(21px,2.5vw,29px);font-weight:600;letter-spacing:-.025em;line-height:1.45}\r\n#bupi-page .quote span{display:block;font-size:14px;color:#647767;font-weight:500;letter-spacing:0;margin-top:12px}\r\n#bupi-page .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}\r\n#bupi-page .step{border-top:2px solid #b9d4b4;padding-top:19px}\r\n#bupi-page .step strong{color:var(--green);font-size:12px;letter-spacing:.12em}\r\n#bupi-page .step h3{margin:9px 0 7px;font-size:18px;font-weight:700}\r\n#bupi-page .step p{color:var(--muted);font-size:14px;margin:0}\r\n#bupi-page .cta{padding:62px 0;background:var(--deep);color:#fff;text-align:center}\r\n#bupi-page .cta .kicker{color:#b8e2ad}\r\n#bupi-page .cta h2{max-width:730px;margin:12px auto 15px}\r\n#bupi-page .cta p{color:#d4e5d1;max-width:620px;margin:0 auto 24px;font-size:15px}\r\n#bupi-page .cta .btn{background:#fff;color:var(--deep)}\r\n#bupi-page .cta .btn:hover{background:#e9f2e5}\r\n#bupi-page .cta .disclaimer{font-size:12px;margin-top:16px;margin-bottom:0}\r\n#bupi-page .footer{padding:23px 0;background:#064a25;color:#d7e8d4;font-size:12px}\r\n#bupi-page .foot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}\r\n@media(max-width:760px){\r\n#bupi-page h1{font-size:clamp(34px,8vw,48px)}\r\n#bupi-page .hero{padding:48px 0}\r\n#bupi-page .hero-grid{grid-template-columns:1fr;gap:18px}\r\n#bupi-page .visual{min-height:350px}\r\n#bupi-page .visual-card{width:min(88%,350px)}\r\n#bupi-page .kaaba{top:112px;width:145px;height:150px}\r\n#bupi-page .spark{right:0;top:38px}\r\n#bupi-page .cards,#bupi-page .steps{grid-template-columns:1fr}\r\n#bupi-page .section{padding:52px 0}\r\n#bupi-page .section-head{margin-bottom:24px}\r\n#bupi-page .wrap{width:calc(100% - 30px)}\r\n#bupi-page .quote{padding:24px}\r\n}\r\n@media(prefers-reduced-motion:reduce){#bupi-page *{transition:none!important}}\r\n<\/style>\r\n\r\n<div id=\"bupi-page\">\r\n\r\n  <section class=\"hero\" id=\"bupi-beranda\">\r\n    <div class=\"wrap hero-grid\">\r\n      <div>\r\n        <div class=\"eyebrow\"><span class=\"dot\"><\/span> Niat baik, ikhtiar nyata<\/div>\r\n        <h1>Umroh bukan lagi mimpi.<br><em>Mulai dari ikhtiar.<\/em><\/h1>\r\n        <p class=\"lead\">Pernah ingin ke Baitullah, tapi langsung mundur saat melihat biaya? Kamu tidak sendiri. Jangan biarkan keadaan hari ini mematikan harapanmu. Mulailah melangkah bersama komunitas yang saling menguatkan.<\/p>\r\n        <div class=\"actions\">\r\n          <a class=\"btn\" href=\"#bupi-mulai\">Kenali Komunitas BUPI \u2197<\/a>\r\n          <a class=\"textlink\" href=\"#bupi-tentang\">Pelajari lebih lanjut \u2193<\/a>\r\n        <\/div>\r\n        <p class=\"note\">Tak harus punya semuanya hari ini. Mulai dengan niat, ilmu, dan langkah yang terarah.<\/p>\r\n      <\/div>\r\n      <div class=\"visual\" aria-label=\"Ilustrasi Ka'bah dan jamaah\">\r\n        <div class=\"visual-card\">\r\n          <div class=\"kaaba\"><\/div>\r\n          <div class=\"ground\"><\/div>\r\n          <div class=\"person p1\"><\/div>\r\n          <div class=\"person p2\"><\/div>\r\n        <\/div>\r\n        <div class=\"spark\"><strong>1 langkah<\/strong>lebih dekat dari kemarin<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"section white\" id=\"bupi-tentang\">\r\n    <div class=\"wrap\">\r\n      <div class=\"section-head\">\r\n        <div class=\"kicker\">Tentang BUPI<\/div>\r\n        <h2>Kalau menunggu sampai \u201cmampu\u201d, kapan mulai?<\/h2>\r\n        <p>Hidup punya banyak kebutuhan: keluarga, cicilan, sekolah anak, dan biaya sehari-hari. Impian umroh sering akhirnya disimpan di dalam hati. BUPI hadir untuk mengajakmu mengubah keinginan menjadi ikhtiar yang bisa dimulai, sedikit demi sedikit.<\/p>\r\n      <\/div>\r\n      <div class=\"cards\">\r\n        <article class=\"card\"><div class=\"num\">01<\/div><h3>Berjalan bersama<\/h3><p>Kamu tak harus berjuang sendirian. Tumbuh di lingkungan yang saling menyemangati dan berbagi pengalaman.<\/p><\/article>\r\n        <article class=\"card\"><div class=\"num\">02<\/div><h3>Belajar ikhtiar<\/h3><p>Kenali langkah, peluang, dan perencanaan yang realistis sesuai keadaanmu\u2014tanpa janji hasil instan.<\/p><\/article>\r\n        <article class=\"card\"><div class=\"num\">03<\/div><h3>Jaga niat, atur langkah<\/h3><p>Jadikan impian sebagai tujuan. Ikhtiar dengan konsisten, sambil tetap mengutamakan kebutuhan dan tanggung jawab keluarga.<\/p><\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"section\" id=\"bupi-komunitas\">\r\n    <div class=\"wrap\">\r\n      <div class=\"quote\">\u201cBukan soal siapa yang paling cepat berangkat. Tapi siapa yang mau mulai melangkah, dengan niat yang baik dan ikhtiar yang sungguh-sungguh.\u201d<span>\u2014 Semangat BUPI<\/span><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"section white\" id=\"bupi-langkah\">\r\n    <div class=\"wrap\">\r\n      <div class=\"section-head\">\r\n        <div class=\"kicker\">Mulai dari sini<\/div>\r\n        <h2>Tiga langkah sederhana.<\/h2>\r\n        <p>Kamu tidak perlu menunggu hidup sempurna untuk mulai belajar dan menyusun rencana.<\/p>\r\n      <\/div>\r\n      <div class=\"steps\">\r\n        <article class=\"step\"><strong>LANGKAH 01<\/strong><h3>Tetapkan niat<\/h3><p>Tuliskan tujuan umrohmu dan alasan mengapa itu berarti untukmu.<\/p><\/article>\r\n        <article class=\"step\"><strong>LANGKAH 02<\/strong><h3>Kenali komunitas<\/h3><p>Tanyakan bagaimana BUPI bekerja, apa saja aktivitasnya, biaya yang mungkin ada, dan komitmen yang diperlukan.<\/p><\/article>\r\n        <article class=\"step\"><strong>LANGKAH 03<\/strong><h3>Susun ikhtiar<\/h3><p>Pilih langkah yang sesuai kemampuan. Pahami ketentuan dengan jelas dan jangan memaksakan diri di luar kemampuan.<\/p><\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"cta\" id=\"bupi-mulai\">\r\n    <div class=\"wrap\">\r\n      <div class=\"kicker\">Perjalanan dimulai hari ini<\/div>\r\n      <h2>Tidak punya modal sekarang bukan alasan untuk berhenti berharap.<\/h2>\r\n      <p>Mulai dengan bertanya, belajar, dan mengenal komunitas BUPI. InsyaAllah, semoga setiap ikhtiar membawamu lebih dekat kepada Baitullah.<\/p>\r\n      <!-- Ganti nomor WhatsApp contoh dengan nomor resmi BUPI, format 62xxxxxxxxxx -->\r\n      <a class=\"btn\" href=\"https:\/\/wa.me\/6281234567890?text=Assalamu%27alaikum%2C%20saya%20ingin%20mengenal%20komunitas%20BUPI.%20Boleh%20minta%20informasi%20tentang%20cara%20bergabung%3F\" target=\"_blank\" rel=\"noopener\">Tanya tentang BUPI via WhatsApp \u2197<\/a>\r\n      <p class=\"disclaimer\">Susun rencana sesuai kemampuan. Keberangkatan dan hasil ikhtiar tidak dijamin.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <footer class=\"footer\">\r\n    <div class=\"wrap foot\"><span>\u00a9 BUPI \u2014 Bayar Umroh Pakai Ikhtiar<\/span><span>Berangkat dengan niat, melangkah dengan ikhtiar.<\/span><\/div>\r\n  <\/footer>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Niat baik, ikhtiar nyata Umroh bukan lagi mimpi.Mulai dari ikhtiar. Pernah ingin ke Baitullah, tapi langsung mundur saat melihat biaya? Kamu tidak sendiri. Jangan biarkan keadaan hari ini mematikan harapanmu. Mulailah melangkah bersama komunitas yang saling menguatkan. Kenali Komunitas BUPI \u2197 Pelajari lebih lanjut \u2193 Tak harus punya semuanya hari ini. Mulai dengan niat, ilmu, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bupi.org\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bupi.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bupi.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bupi.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bupi.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":25,"href":"https:\/\/bupi.org\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":103,"href":"https:\/\/bupi.org\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/103"}],"wp:attachment":[{"href":"https:\/\/bupi.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}