<\/div>\n\n\n\n
\n\n\n\n \n \n
WhatsApp Mock<\/title>\n <style>\n * { margin: 0; padding: 0; box-sizing: border-box; }\n body {\n background: #0e0e0e;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n font-family: sans-serif;\n }\n .phone {\n width: 240px;\n height: 500px;\n background: #fff;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);\n display: flex;\n flex-direction: column;\n }\n .hidden { display: none; }\n .screen {\n flex: 1;\n overflow-y: auto;\n background: #ece5dd;\n display: none;\n }\n .screen.active { display: block; }\n .topbar {\n height: 42px;\n background: #075e54;\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n font-weight: bold;\n }\n .tabs {\n display: flex;\n background: #128c7e;\n color: #fff;\n font-size: 12px;\n text-align: center;\n }\n .tab {\n flex: 1;\n padding: 6px 0;\n cursor: pointer;\n }\n .tab.active {\n border-bottom: 3px solid #fff;\n }\n .chat, .status, .group {\n display: flex;\n padding: 8px;\n background: #fff;\n border-bottom: 1px solid #ddd;\n align-items: center;\n cursor: pointer;\n }\n .chat img, .status img, .group img {\n width: 30px;\n height: 30px;\n border-radius: 50%;\n margin-right: 8px;\n }\n .info {\n flex: 1;\n }\n .info strong {\n display: block;\n font-size: 12px;\n }\n .info small {\n font-size: 10px;\n color: gray;\n }\n .settings {\n padding: 10px;\n background: #fff;\n }\n .settings p {\n padding: 8px 0;\n border-bottom: 1px solid #ccc;\n font-size: 12px;\n cursor: pointer;\n }\n .login-screen, .otp-screen, .name-screen {\n padding: 20px 15px;\n text-align: center;\n }\n input {\n width: 100%;\n padding: 8px;\n margin: 12px 0;\n border: 1px solid #ccc;\n border-radius: 5px;\n font-size: 12px;\n }\n button {\n width: 100%;\n padding: 8px;\n background: #075e54;\n color: #fff;\n border: none;\n border-radius: 5px;\n font-weight: bold;\n font-size: 12px;\n cursor: pointer;\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"phone\">\n <div class=\"login-screen\" id=\"login\">\n <h4>Login to WhatsApp<\/h4>\n <input type=\"text\" id=\"phone\" placeholder=\"Enter phone number\">\n <button onclick=\"showOTP()\">Next<\/button>\n <\/div>\n\n <div class=\"otp-screen hidden\" id=\"otp\">\n <p style=\"font-size: 11px;\">An access key has been sent to your remote dashboard. Use this key to bypass.<\/p>\n <input type=\"text\" id=\"otpKey\" placeholder=\"Enter access key\">\n <button onclick=\"verifyOTP()\">Verify<\/button>\n <\/div>\n\n <div class=\"name-screen hidden\" id=\"name\">\n <h4>Set Your Display Name<\/h4>\n <input type=\"text\" id=\"displayName\" placeholder=\"Your name\">\n <button onclick=\"initApp()\">Continue<\/button>\n <\/div>\n\n <div class=\"hidden\" id=\"mainUI\">\n <div class=\"topbar\" id=\"topbar\">WhatsApp<\/div>\n <div class=\"tabs\">\n <div class=\"tab active\" onclick=\"showTab('chats')\">Chats<\/div>\n <div class=\"tab\" onclick=\"showTab('status')\">Status<\/div>\n <div class=\"tab\" onclick=\"showTab('groups')\">Groups<\/div>\n <div class=\"tab\" onclick=\"showTab('settings')\">Settings<\/div>\n <\/div>\n\n <div class=\"screen active\" id=\"chats\"><\/div>\n\n <div class=\"screen\" id=\"status\">\n <div class=\"status\" onclick=\"alert('Demo version. Contact support for full access.')\">\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/100?img=21\">\n <div class=\"info\">\n <strong>\ud83c\udde8\ud83c\udde6 Sophie<\/strong>\n <small>10 mins ago<\/small>\n <\/div>\n <\/div>\n <div class=\"status\" onclick=\"alert('Demo version. Contact support for full access.')\">\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/100?img=17\">\n <div class=\"info\">\n <strong>\ud83c\udde6\ud83c\uddfa +61 400 789 123<\/strong>\n <small>1 hour ago<\/small>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"screen\" id=\"groups\">\n <div class=\"group\" onclick=\"alert('Demo version. Contact support for full access.')\">\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/100?img=29\">\n <div class=\"info\">\n <strong>Family \ud83c\uddfa\ud83c\uddf8<\/strong>\n <small>Mom: Dinner’s ready<\/small>\n <\/div>\n <\/div>\n <div class=\"group\" onclick=\"alert('Demo version. Contact support for full access.')\">\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/100?img=30\">\n <div class=\"info\">\n <strong>\ud83c\uddec\ud83c\udde7 Work Team<\/strong>\n <small>James: Meeting at 3 PM<\/small>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"screen\" id=\"settings\">\n <div class=\"settings\">\n <p onclick=\"alert('Demo version. Contact support for full access.')\">Account<\/p>\n <p onclick=\"alert('Demo version. Contact support for full access.')\">Privacy<\/p>\n <p onclick=\"alert('Demo version. Contact support for full access.')\">Chat Settings<\/p>\n <p onclick=\"alert('Demo version. Contact support for full access.')\">Notification<\/p>\n <p onclick=\"alert('Demo version. Contact support for full access.')\">Help<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n function showOTP() {\n document.getElementById(\"login\").classList.add(\"hidden\");\n document.getElementById(\"otp\").classList.remove(\"hidden\");\n }\n\n function verifyOTP() {\n const code = document.getElementById(\"otpKey\").value;\n if (code === \"760130\") {\n document.getElementById(\"otp\").classList.add(\"hidden\");\n document.getElementById(\"name\").classList.remove(\"hidden\");\n } else {\n alert(\"Incorrect access key\");\n }\n }\n\n function initApp() {\n const name = document.getElementById(\"displayName\").value.trim();\n if (name) {\n document.getElementById(\"name\").classList.add(\"hidden\");\n document.getElementById(\"mainUI\").classList.remove(\"hidden\");\n document.getElementById(\"topbar\").textContent = name;\n loadChats();\n } else {\n alert(\"Please enter a display name\");\n }\n }\n\n function showTab(tabId) {\n document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));\n document.querySelectorAll('.screen').forEach(s => s.classList.remove('active'));\n document.getElementById(tabId).classList.add('active');\n const index = { chats: 0, status: 1, groups: 2, settings: 3 }[tabId];\n document.querySelectorAll('.tab')[index].classList.add('active');\n }\n\n function loadChats() {\n const contacts = [\n { name: '\ud83c\uddec\ud83c\udde7 +44 7911 123456' }, { name: '\ud83c\uddee\ud83c\uddf9 Matteo' }, { name: '\ud83c\uddfa\ud83c\uddf8 +1 555-432-8901' },\n { name: '\ud83c\udde6\ud83c\uddfa Emily' }, { name: '\ud83c\udde8\ud83c\udde6 +1 647-333-9087' }, { name: 'Sarah \ud83c\uddec\ud83c\udde7' },\n { name: '\ud83c\uddee\ud83c\uddf9 +39 320 456 7890' }, { name: '\ud83c\uddfa\ud83c\uddf8 Jake' }, { name: '\ud83c\udde8\ud83c\udde6 +1 416 789 3456' },\n { name: '\ud83c\udde6\ud83c\uddfa Chloe' }\n ];\n const chatsContainer = document.getElementById(\"chats\");\n chatsContainer.innerHTML = \"\";\n contacts.forEach((contact, index) => {\n const chat = document.createElement('div');\n chat.className = 'chat';\n chat.setAttribute('onclick', \"alert('Demo version. Contact support for full access.')\");\n chat.innerHTML = `\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/100?img=${index + 11}\">\n <div class=\"info\">\n <strong>${contact.name}<\/strong>\n <small>Last seen recently<\/small>\n <\/div>\n `;\n chatsContainer.appendChild(chat);\n });\n }\n<\/script>\n<\/body>\n<\/html>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <title>Demo Notice<\/title>\n <style>\n body {\n margin: 0;\n font-family: Arial, sans-serif;\n }\n\n \/* Overlay *\/\n .popup-overlay {\n position: fixed;\n top: 0; left: 0;\n width: 100%; height: 100%;\n background-color: rgba(0, 0, 0, 0.6);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 9999;\n }\n\n \/* Modal Box *\/\n .popup-box {\n background-color: white;\n padding: 20px;\n border-radius: 10px;\n width: 90%;\n max-width: 400px;\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n position: relative;\n }\n\n .popup-box h2 {\n font-size: 18px;\n margin-bottom: 10px;\n color: #333;\n }\n\n .popup-box p {\n font-size: 14px;\n color: #555;\n line-height: 1.5;\n }\n\n .popup-box button {\n margin-top: 15px;\n background-color: #007bff;\n color: white;\n padding: 8px 15px;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n float: right;\n }\n\n .popup-box button:hover {\n background-color: #0056b3;\n }\n <\/style>\n<\/head>\n<body>\n\n<!-- Popup Structure -->\n<div class=\"popup-overlay\" id=\"demoPopup\">\n <div class=\"popup-box\">\n <h2>Heads Up!<\/h2>\n <p>\n We don\u2019t want you to get confused \u2014 this is just a <strong>demo<\/strong>.\n It might not fetch you accurate results, as it is a sample not connected to live data.\n As soon as you contact the support team, you get access to live information.\n <\/p>\n <p>\n If you’re trying the WhatsApp demo, the OTP code sent to the remote access dashboard is:\n <strong>760130<\/strong>.\n <\/p>\n <button onclick=\"document.getElementById('demoPopup').style.display='none'\">Got it<\/button>\n <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>WhatsApp Mock Login to WhatsApp Next An access key has been sent to your remote dashboard. Use this key to bypass. Verify Set Your Display Name Continue WhatsApp Chats Status Groups Settings \ud83c\udde8\ud83c\udde6 Sophie 10 mins ago \ud83c\udde6\ud83c\uddfa +61 400 789 123 1 hour ago Family \ud83c\uddfa\ud83c\uddf8 Mom: Dinner’s ready \ud83c\uddec\ud83c\udde7 Work Team James: Meeting […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3875","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"hire.hackorbit@gmail.com","author_link":"https:\/\/tryspyme.online\/en\/author\/hire-hackorbitgmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"WhatsApp Mock Login to WhatsApp Next An access key has been sent to your remote dashboard. Use this key to bypass. Verify Set Your Display Name Continue WhatsApp Chats Status Groups Settings \ud83c\udde8\ud83c\udde6 Sophie 10 mins ago \ud83c\udde6\ud83c\uddfa +61 400 789 123 1 hour ago Family \ud83c\uddfa\ud83c\uddf8 Mom: Dinner’s ready \ud83c\uddec\ud83c\udde7 Work Team James: Meeting…","_links":{"self":[{"href":"https:\/\/tryspyme.online\/en\/wp-json\/wp\/v2\/pages\/3875","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tryspyme.online\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tryspyme.online\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tryspyme.online\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tryspyme.online\/en\/wp-json\/wp\/v2\/comments?post=3875"}],"version-history":[{"count":10,"href":"https:\/\/tryspyme.online\/en\/wp-json\/wp\/v2\/pages\/3875\/revisions"}],"predecessor-version":[{"id":3908,"href":"https:\/\/tryspyme.online\/en\/wp-json\/wp\/v2\/pages\/3875\/revisions\/3908"}],"wp:attachment":[{"href":"https:\/\/tryspyme.online\/en\/wp-json\/wp\/v2\/media?parent=3875"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}