{"id":34,"date":"2026-07-19T05:25:29","date_gmt":"2026-07-19T05:25:29","guid":{"rendered":"https:\/\/belajarastro.com\/memberplus\/?page_id=34"},"modified":"2026-07-19T05:25:44","modified_gmt":"2026-07-19T05:25:44","slug":"langganan","status":"publish","type":"page","link":"https:\/\/belajarastro.com\/memberplus\/langganan\/","title":{"rendered":"Langganan Astronomi+"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"34\" class=\"elementor elementor-34\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84c8892 e-con-full e-flex e-con e-parent\" data-id=\"84c8892\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bcf7a2c elementor-widget elementor-widget-shortcode\" data-id=\"bcf7a2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <style>\n            \/* Dark Cosmic - selaras dengan astro-ma-wrapper (login & member area) *\/\n            .astro-ma-wrapper{--c-bg:#050508;--c-surface:rgba(255,255,255,.035);--c-surface-hi:rgba(255,255,255,.06);--c-border:rgba(255,255,255,.09);--c-text:#f3f4f8;--c-dim:#8b90a3;--c-dim2:#5c6178;--c-accent:#7c6cf6;--c-accent2:#38bdf8;--c-danger:#f87171;--c-success:#4ade80;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;background:var(--c-bg)!important;color:var(--c-text)!important;position:relative!important;isolation:isolate!important;border-radius:0!important;overflow:hidden!important;padding:0!important;line-height:1.5!important;-webkit-font-smoothing:antialiased!important;}\n            .astro-ma-wrapper *{box-sizing:border-box!important;}\n            .astro-stars{position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;background-image:radial-gradient(1.5px 1.5px at 20px 30px,rgba(255,255,255,.5) 100%,transparent),radial-gradient(1px 1px at 90px 110px,rgba(255,255,255,.35) 100%,transparent),radial-gradient(1.5px 1.5px at 160px 60px,rgba(255,255,255,.4) 100%,transparent),radial-gradient(1px 1px at 230px 150px,rgba(255,255,255,.3) 100%,transparent),radial-gradient(1.5px 1.5px at 300px 40px,rgba(255,255,255,.45) 100%,transparent);background-repeat:repeat!important;background-size:340px 200px!important;opacity:.6!important;}\n            .astro-stars::before{content:'';position:absolute!important;top:-20%!important;left:-10%!important;width:60%!important;height:70%!important;background:radial-gradient(circle,rgba(124,108,246,.20) 0%,transparent 65%)!important;filter:blur(10px)!important;}\n            .astro-stars::after{content:'';position:absolute!important;bottom:-25%!important;right:-10%!important;width:55%!important;height:65%!important;background:radial-gradient(circle,rgba(56,189,248,.16) 0%,transparent 65%)!important;filter:blur(10px)!important;}\n            .astro-inner{position:relative!important;z-index:1!important;padding:48px 40px!important;max-width:1280px!important;margin:0 auto!important;}\n\n            .astro-alert{padding:14px 18px!important;border-radius:5px!important;margin-bottom:20px!important;font-weight:500!important;font-size:14px!important;border:1px solid transparent!important;}\n            .astro-alert.error{background:rgba(248,113,113,.08)!important;color:#fca5a5!important;border-color:rgba(248,113,113,.25)!important;}\n            .astro-alert.success{background:rgba(74,222,128,.08)!important;color:#86efac!important;border-color:rgba(74,222,128,.25)!important;}\n\n            .astro-eyebrow{display:inline-block!important;font-size:12px!important;font-weight:700!important;letter-spacing:2px!important;text-transform:uppercase!important;color:var(--c-accent2)!important;background:rgba(56,189,248,.08)!important;border:1px solid rgba(56,189,248,.22)!important;padding:6px 14px!important;border-radius:5px!important;margin-bottom:22px!important;}\n\n            .astro-checkout-head{max-width:640px!important;margin:0 auto 40px!important;text-align:center!important;}\n            .astro-checkout-head h1{font-size:38px!important;font-weight:800!important;letter-spacing:-0.02em!important;line-height:1.15!important;margin:0 0 14px 0!important;background:linear-gradient(135deg,#fff 30%,#b9b3f0 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;}\n            .astro-checkout-head p.lead{font-size:16px!important;color:var(--c-dim)!important;margin:0!important;}\n\n            .astro-tier-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:16px!important;max-width:1000px!important;margin:0 auto 28px!important;}\n            .astro-tier-card{position:relative!important;background:var(--c-surface)!important;border:1px solid var(--c-border)!important;border-radius:5px!important;padding:22px 18px!important;cursor:pointer!important;text-align:center!important;transition:.2s!important;display:block!important;}\n            .astro-tier-card:hover{background:var(--c-surface-hi)!important;border-color:rgba(255,255,255,.2)!important;transform:translateY(-2px)!important;}\n            .astro-tier-card.selected{border-color:var(--c-accent)!important;background:linear-gradient(180deg,rgba(124,108,246,.14),rgba(56,189,248,.06))!important;box-shadow:0 10px 26px rgba(124,108,246,.2)!important;}\n            .astro-tier-card input{position:absolute!important;opacity:0!important;pointer-events:none!important;}\n            .astro-tier-name{display:block!important;font-weight:700!important;font-size:16px!important;color:#fff!important;margin-bottom:10px!important;}\n            .astro-tier-price{display:block!important;font-size:21px!important;font-weight:800!important;background:linear-gradient(135deg,#fff,#cfc9ff)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;}\n            .astro-tier-dur{display:block!important;font-size:12.5px!important;color:var(--c-dim)!important;margin-top:6px!important;}\n\n            .astro-checkout-form-card{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02))!important;backdrop-filter:blur(20px)!important;border:1px solid var(--c-border)!important;border-radius:5px!important;padding:38px 34px!important;box-shadow:0 20px 60px rgba(0,0,0,.4)!important;max-width:520px!important;margin:0 auto!important;}\n            .astro-checkout-form-card h2{font-size:22px!important;font-weight:800!important;margin:0 0 6px 0!important;color:#fff!important;}\n            .astro-checkout-form-card p.subtitle{color:var(--c-dim)!important;font-size:14px!important;margin:0 0 24px 0!important;}\n            .astro-input{width:100%!important;padding:14px 16px!important;border:1px solid var(--c-border)!important;border-radius:5px!important;margin-bottom:14px!important;font-size:15px!important;outline:none!important;background:rgba(255,255,255,.04)!important;color:#fff!important;font-family:inherit!important;transition:.15s!important;}\n            .astro-input::placeholder{color:var(--c-dim2)!important;}\n            .astro-input:focus{border-color:var(--c-accent)!important;background:rgba(255,255,255,.06)!important;}\n            .astro-btn{background:linear-gradient(135deg,var(--c-accent),var(--c-accent2))!important;color:#fff!important;border:none!important;padding:14px!important;border-radius:5px!important;cursor:pointer!important;font-size:15px!important;font-weight:700!important;width:100%!important;transition:.2s!important;display:block!important;text-align:center!important;text-decoration:none!important;font-family:inherit!important;}\n            .astro-btn:hover{filter:brightness(1.12)!important;transform:translateY(-1px)!important;color:#fff!important;}\n            .astro-btn:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important;}\n            .astro-checkout-note{text-align:center!important;margin-top:22px!important;font-size:13.5px!important;color:var(--c-dim)!important;border-top:1px solid var(--c-border)!important;padding-top:18px!important;}\n\n            .astro-kupon-row{display:flex!important;gap:10px!important;margin-bottom:8px!important;}\n            .astro-kupon-input{margin-bottom:0!important;flex:1!important;}\n            .astro-kupon-btn{flex-shrink:0!important;background:var(--c-surface)!important;border:1px solid var(--c-border)!important;color:#fff!important;padding:0 18px!important;border-radius:5px!important;font-size:13.5px!important;font-weight:700!important;cursor:pointer!important;font-family:inherit!important;transition:.15s!important;white-space:nowrap!important;}\n            .astro-kupon-btn:hover{background:var(--c-surface-hi)!important;border-color:var(--c-accent)!important;}\n            .astro-kupon-btn:disabled{opacity:.6!important;cursor:not-allowed!important;}\n            .astro-kupon-feedback{font-size:12.5px!important;min-height:16px!important;margin-bottom:14px!important;font-weight:600!important;}\n            .astro-kupon-feedback.success{color:var(--c-success)!important;}\n            .astro-kupon-feedback.error{color:var(--c-danger)!important;}\n\n            .astro-summary{background:rgba(255,255,255,.03)!important;border:1px solid var(--c-border)!important;border-radius:5px!important;padding:16px 18px!important;margin-bottom:18px!important;}\n            .astro-summary-row{display:flex!important;justify-content:space-between!important;align-items:center!important;font-size:13.5px!important;color:var(--c-dim)!important;padding:4px 0!important;}\n            .astro-summary-discount-row span:last-child{color:var(--c-success)!important;font-weight:600!important;}\n            .astro-summary-total{border-top:1px solid var(--c-border)!important;margin-top:6px!important;padding-top:12px!important;font-size:16px!important;font-weight:800!important;color:#fff!important;}\n            .astro-summary-total span:last-child{background:linear-gradient(135deg,#fff,#cfc9ff)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;}\n\n            @media (max-width:900px){\n                .astro-inner{padding:28px 20px!important;}\n                .astro-checkout-head h1{font-size:28px!important;}\n                .astro-tier-grid{grid-template-columns:1fr 1fr!important;}\n                .astro-checkout-form-card{padding:28px 22px!important;}\n            }\n            @media (max-width:520px){\n                .astro-tier-grid{grid-template-columns:1fr!important;}\n            }\n        <\/style>\n        <div class=\"astro-ma-wrapper\"><div class=\"astro-stars\"><\/div><div class=\"astro-inner\">\n            <div class=\"astro-checkout-head\">\n                <span class=\"astro-eyebrow\">Langganan Astronomi+<\/span>\n                <h1>Pilih paket yang cocok untuk perjalanan langitmu.<\/h1>\n                <p class=\"lead\">Akses ribuan konten astronomi, video kelas langsung, dan komunitas eksklusif. Semua dirancang agar Kamu bisa #BelajarAstronomiBeneran.<\/p>\n            <\/div>\n                        <form method=\"POST\">\n                <div class=\"astro-tier-grid\">\n                                            <label class=\"astro-tier-card selected\" data-price=\"29000\">\n                            <input type=\"radio\" name=\"astro_tier_pilih\" value=\"Jupiter+\" checked>\n                            <span class=\"astro-tier-name\">Jupiter+<\/span>\n                            <span class=\"astro-tier-price\">Rp 29.000<\/span>\n                            <span class=\"astro-tier-dur\">Untuk 1 Bulan<\/span>\n                        <\/label>\n                                            <label class=\"astro-tier-card \" data-price=\"39000\">\n                            <input type=\"radio\" name=\"astro_tier_pilih\" value=\"Proxima+\" >\n                            <span class=\"astro-tier-name\">Proxima+<\/span>\n                            <span class=\"astro-tier-price\">Rp 39.000<\/span>\n                            <span class=\"astro-tier-dur\">Untuk 3 Bulan<\/span>\n                        <\/label>\n                                            <label class=\"astro-tier-card \" data-price=\"59000\">\n                            <input type=\"radio\" name=\"astro_tier_pilih\" value=\"Antares+\" >\n                            <span class=\"astro-tier-name\">Antares+<\/span>\n                            <span class=\"astro-tier-price\">Rp 59.000<\/span>\n                            <span class=\"astro-tier-dur\">Untuk 6 Bulan<\/span>\n                        <\/label>\n                                            <label class=\"astro-tier-card \" data-price=\"99000\">\n                            <input type=\"radio\" name=\"astro_tier_pilih\" value=\"Betelgeuse+\" >\n                            <span class=\"astro-tier-name\">Betelgeuse+<\/span>\n                            <span class=\"astro-tier-price\">Rp 99.000<\/span>\n                            <span class=\"astro-tier-dur\">Untuk 12 Bulan<\/span>\n                        <\/label>\n                                    <\/div>\n                <div class=\"astro-checkout-form-card\">\n                    <h2>Data Pemesanan<\/h2>\n                    <p class=\"subtitle\">Isi data di bawah untuk melanjutkan ke pembayaran<\/p>\n                    <input type=\"text\" name=\"astro_nama\" class=\"astro-input\" placeholder=\"Nama Lengkap\" required>\n                    <input type=\"email\" name=\"astro_email\" class=\"astro-input\" placeholder=\"Alamat Email\" value=\"\" required>\n                    <input type=\"text\" name=\"astro_wa\" class=\"astro-input\" placeholder=\"Nomor WhatsApp\" required>\n\n                    <div class=\"astro-kupon-row\">\n                        <input type=\"text\" name=\"astro_kupon\" id=\"astro_kupon_input\" class=\"astro-input astro-kupon-input\" placeholder=\"Kode Kupon (Opsional)\">\n                        <button type=\"button\" id=\"astro_kupon_btn\" class=\"astro-kupon-btn\">Gunakan Kode<\/button>\n                    <\/div>\n                    <div id=\"astro_kupon_feedback\" class=\"astro-kupon-feedback\"><\/div>\n\n                    <div class=\"astro-summary\" id=\"astro_summary\">\n                        <div class=\"astro-summary-row\" id=\"astro_summary_subtotal_row\" style=\"display:none;\">\n                            <span>Subtotal<\/span><span id=\"astro_summary_subtotal\">Rp 0<\/span>\n                        <\/div>\n                        <div class=\"astro-summary-row astro-summary-discount-row\" id=\"astro_summary_discount_row\" style=\"display:none;\">\n                            <span>Diskon Kupon<\/span><span id=\"astro_summary_discount\">-Rp 0<\/span>\n                        <\/div>\n                        <div class=\"astro-summary-row astro-summary-total\">\n                            <span>Total Pembayaran<\/span><span id=\"astro_summary_total\">Rp 0<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <button type=\"submit\" name=\"astro_submit_checkout\" class=\"astro-btn\">Lanjutkan Pembayaran<\/button>\n                    <div class=\"astro-checkout-note\">Pembayaran diproses secara aman melalui Duitku.<\/div>\n                <\/div>\n            <\/form>\n        <\/div><\/div>\n        <script>\n        (function(){\n            var ajaxUrl = 'https:\/\/belajarastro.com\/memberplus\/wp-admin\/admin-ajax.php';\n            var nonce = 'fe54810c91';\n\n            var cards = document.querySelectorAll('.astro-tier-card');\n            var kuponInput = document.getElementById('astro_kupon_input');\n            var kuponBtn = document.getElementById('astro_kupon_btn');\n            var feedback = document.getElementById('astro_kupon_feedback');\n            var subtotalRow = document.getElementById('astro_summary_subtotal_row');\n            var discountRow = document.getElementById('astro_summary_discount_row');\n            var subtotalEl = document.getElementById('astro_summary_subtotal');\n            var discountEl = document.getElementById('astro_summary_discount');\n            var totalEl = document.getElementById('astro_summary_total');\n\n            var appliedCoupon = null; \/\/ { kode, tipe, nilai }\n\n            function formatRupiah(n) {\n                return 'Rp ' + Math.round(n).toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, '.');\n            }\n\n            function getSelectedPrice() {\n                var active = document.querySelector('.astro-tier-card.selected');\n                return active ? parseInt(active.getAttribute('data-price'), 10) : 0;\n            }\n\n            function getSelectedTier() {\n                var active = document.querySelector('.astro-tier-card input[type=radio]:checked');\n                return active ? active.value : '';\n            }\n\n            function renderSummary() {\n                var harga = getSelectedPrice();\n\n                if (appliedCoupon) {\n                    var potongan = (appliedCoupon.tipe === 'persen') ? harga * (appliedCoupon.nilai \/ 100) : appliedCoupon.nilai;\n                    var total = Math.max(1000, harga - potongan);\n                    potongan = harga - total;\n\n                    subtotalRow.style.display = 'flex';\n                    discountRow.style.display = 'flex';\n                    subtotalEl.textContent = formatRupiah(harga);\n                    discountEl.textContent = '-' + formatRupiah(potongan);\n                    totalEl.textContent = formatRupiah(total);\n                } else {\n                    subtotalRow.style.display = 'none';\n                    discountRow.style.display = 'none';\n                    totalEl.textContent = formatRupiah(harga);\n                }\n            }\n\n            cards.forEach(function(card){\n                card.addEventListener('click', function(){\n                    cards.forEach(function(c){ c.classList.remove('selected'); });\n                    this.classList.add('selected');\n                    renderSummary();\n                });\n            });\n\n            kuponInput.addEventListener('input', function(){\n                if (appliedCoupon && kuponInput.value.trim().toUpperCase() !== appliedCoupon.kode.toUpperCase()) {\n                    appliedCoupon = null;\n                    feedback.textContent = '';\n                    feedback.className = 'astro-kupon-feedback';\n                    renderSummary();\n                }\n            });\n\n            kuponBtn.addEventListener('click', function(){\n                var kode = kuponInput.value.trim();\n                if (!kode) {\n                    feedback.textContent = 'Masukkan kode kupon terlebih dahulu.';\n                    feedback.className = 'astro-kupon-feedback error';\n                    return;\n                }\n\n                kuponBtn.disabled = true;\n                kuponBtn.textContent = 'Memeriksa...';\n                feedback.textContent = '';\n                feedback.className = 'astro-kupon-feedback';\n\n                var formData = new FormData();\n                formData.append('action', 'astro_validate_kupon');\n                formData.append('nonce', nonce);\n                formData.append('tier', getSelectedTier());\n                formData.append('kode', kode);\n\n                fetch(ajaxUrl, { method: 'POST', body: formData })\n                    .then(function(res){ return res.json(); })\n                    .then(function(res){\n                        kuponBtn.disabled = false;\n                        kuponBtn.textContent = 'Gunakan Kode';\n\n                        if (res.success) {\n                            appliedCoupon = { kode: res.data.kode, tipe: res.data.tipe, nilai: res.data.nilai };\n                            feedback.textContent = 'Kupon \"' + res.data.kode + '\" berhasil digunakan.';\n                            feedback.className = 'astro-kupon-feedback success';\n                            renderSummary();\n                        } else {\n                            appliedCoupon = null;\n                            feedback.textContent = res.data && res.data.message ? res.data.message : 'Kode kupon tidak valid.';\n                            feedback.className = 'astro-kupon-feedback error';\n                            renderSummary();\n                        }\n                    })\n                    .catch(function(){\n                        kuponBtn.disabled = false;\n                        kuponBtn.textContent = 'Gunakan Kode';\n                        feedback.textContent = 'Gagal memeriksa kupon. Coba lagi.';\n                        feedback.className = 'astro-kupon-feedback error';\n                    });\n            });\n\n            renderSummary();\n        })();\n        <\/script>\n        <\/div>\n\t\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":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-34","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/belajarastro.com\/memberplus\/wp-json\/wp\/v2\/pages\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/belajarastro.com\/memberplus\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/belajarastro.com\/memberplus\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/belajarastro.com\/memberplus\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/belajarastro.com\/memberplus\/wp-json\/wp\/v2\/comments?post=34"}],"version-history":[{"count":4,"href":"https:\/\/belajarastro.com\/memberplus\/wp-json\/wp\/v2\/pages\/34\/revisions"}],"predecessor-version":[{"id":38,"href":"https:\/\/belajarastro.com\/memberplus\/wp-json\/wp\/v2\/pages\/34\/revisions\/38"}],"wp:attachment":[{"href":"https:\/\/belajarastro.com\/memberplus\/wp-json\/wp\/v2\/media?parent=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}