{"id":1157,"date":"2025-09-24T16:43:01","date_gmt":"2025-09-24T16:43:01","guid":{"rendered":"https:\/\/copyhubstore.xyz\/?page_id=1157"},"modified":"2025-09-24T16:43:01","modified_gmt":"2025-09-24T16:43:01","slug":"app-test","status":"publish","type":"page","link":"https:\/\/copyhubstore.xyz\/?page_id=1157","title":{"rendered":"Health Form"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Quantum Scan \u2014 Instant Health Check<\/title>\r\n <style>\r\n html,body {height:100%;margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:transparent;}\r\n *{box-sizing:border-box;}\r\n\r\n .app{\r\n height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;\r\n background:#061428;\r\n font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, Arial;\r\n color:#ffffff;padding:10px;\r\n }\r\n\r\n .card{\r\n width:100%;max-width:400px;border-radius:12px;\r\n background:rgba(255,255,255,0.05);\r\n box-shadow:0 6px 20px rgba(0,0,0,0.5);\r\n padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;\r\n }\r\n\r\n h1{font-size:22px;font-weight:700;margin:0 0 10px 0;line-height:1.3;color:#00ffe7;text-shadow:0 0 12px rgba(0,255,231,0.5);}\r\n p.lead{margin:0 0 12px 0;color:#dff7f2;opacity:0.9;font-size:13px;}\r\n\r\n .display-box{width:100%;max-width:280px;height:160px;border-radius:8px;background:linear-gradient(180deg,#021126,#042033);display:flex;align-items:center;justify-content:center;margin:0 auto 12px auto;border:1px solid rgba(0,255,231,0.08);position:relative;overflow:hidden;}\r\n .display-box img{max-width:100%;max-height:100%;object-fit:cover;border-radius:8px;}\r\n .review{padding:10px;font-size:13px;color:#fff;line-height:1.4;text-align:left;}\r\n .review .stars{color:gold;font-size:14px;margin-bottom:5px;}\r\n .review .name{font-weight:bold;color:#76ff03;font-size:12px;}\r\n\r\n .form-wrapper{width:100%;background:#fff;color:#000;border-radius:10px;padding:14px;box-shadow:0 0 12px rgba(0,0,0,0.3);margin-top:8px;text-align:left;}\r\n .form-wrapper h2{margin:0 0 8px 0;font-size:16px;color:#061428;text-align:center;}\r\n\r\n \/* Ninja Form Styling *\/\r\n .form-wrapper .nf-form-cont {font-size:14px;}\r\n\r\n \/* Hide all fields except Name + Phone + Submit *\/\r\n .form-wrapper .nf-field-container {display:none !important;}\r\n .form-wrapper .nf-field-container:has(input[name*=\"name\"]),\r\n .form-wrapper .nf-field-container:has(input[type=\"tel\"]),\r\n .form-wrapper .nf-field-container:has(input[type=\"submit\"]),\r\n .form-wrapper .nf-field-container:has(input[type=\"button\"]) {\r\n display:block !important;\r\n }\r\n\r\n .form-wrapper input[type=\"text\"],\r\n .form-wrapper input[type=\"tel\"]{\r\n width:100%;padding:9px 10px;border-radius:6px;border:1px solid #ccc;font-size:14px;margin-bottom:10px;\r\n }\r\n .form-wrapper input[type=\"text\"]:focus,\r\n .form-wrapper input[type=\"tel\"]:focus{\r\n border-color:#00bfa5;outline:none;box-shadow:0 0 6px rgba(0,191,165,0.3);\r\n }\r\n .form-wrapper .nf-field-element input[type=button],\r\n .form-wrapper .nf-field-element input[type=submit]{\r\n background:#00bfa5;color:#fff;font-weight:600;font-size:14px;border:none;border-radius:6px;padding:10px;width:100%;cursor:pointer;transition:background .3s;\r\n }\r\n .form-wrapper .nf-field-element input[type=button]:hover,\r\n .form-wrapper .nf-field-element input[type=submit]:hover{\r\n background:#009e88;\r\n }\r\n\r\n .muted{font-size:11px;color:rgba(230,255,250,0.6);margin-top:6px;}\r\n\r\n .fade {animation: fadein 1s;}\r\n @keyframes fadein {from{opacity:0;} to{opacity:1;}}\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"app\">\r\n <main class=\"card\">\r\n <h1>\ud83d\udcca Instant Health Insights<\/h1>\r\n <p class=\"lead\">Quick, non\u2011invasive scan at your fingertips. No needles \u2014 just instant results so you can act early.<\/p>\r\n\r\n <div class=\"display-box\" id=\"displayBox\"><\/div>\r\n\r\n <!-- Ninja Form Embed -->\r\n <div class=\"form-wrapper\">\r\n <h2>Book Your Scan Now<\/h2>\r\n [ninja_form id=3]\r\n <\/div>\r\n\r\n <p class=\"muted\">We only ask for your name and phone number to contact you about your scan.<\/p>\r\n <\/main>\r\n <\/div>\r\n\r\n <script>\r\n const box = document.getElementById('displayBox');\r\n\r\n const fingerprint = `\r\n <svg class=\"finger-svg\" viewBox=\"0 0 200 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:80px;height:80px;\">\r\n <g fill=\"none\" stroke=\"#00ffe7\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M100 160c0-36 20-22 20-74s-28-36-20-8\" opacity=\"0.8\"\/>\r\n <path d=\"M90 150c0-30 18-18 18-60s-24-28-18-6\" opacity=\"0.7\"\/>\r\n <path d=\"M80 140c0-24 14-14 14-48s-20-22-14-5\" opacity=\"0.6\"\/>\r\n <circle cx=\"100\" cy=\"140\" r=\"6\" fill=\"#00ffe7\"\/>\r\n <\/g>\r\n <\/svg>`;\r\n\r\n const reviews = [\r\n { name:\"Chioma A. (Nigeria, Africa)\", text:\"I was amazed by how accurate the scan was!\" },\r\n { name:\"Tunde B. (Nigeria, Africa)\", text:\"Helped me discover hidden health issues. Incredible!\" },\r\n { name:\"Anna S. (Germany, Europe)\", text:\"Fast and easy to use. Very impressive.\" },\r\n { name:\"Carlos M. (Brazil, South America)\", text:\"Quick and professional health insight.\" },\r\n { name:\"Fatima L. (Morocco, Africa)\", text:\"The test changed my lifestyle for the better.\" }\r\n ];\r\n\r\n const peopleImgs = [\r\n \"https:\/\/randomuser.me\/api\/portraits\/women\/12.jpg\",\r\n \"https:\/\/randomuser.me\/api\/portraits\/men\/13.jpg\",\r\n \"https:\/\/randomuser.me\/api\/portraits\/women\/45.jpg\",\r\n \"https:\/\/randomuser.me\/api\/portraits\/men\/31.jpg\",\r\n \"https:\/\/randomuser.me\/api\/portraits\/women\/22.jpg\",\r\n \"https:\/\/randomuser.me\/api\/portraits\/men\/54.jpg\",\r\n \"https:\/\/randomuser.me\/api\/portraits\/women\/60.jpg\",\r\n \"https:\/\/randomuser.me\/api\/portraits\/men\/11.jpg\",\r\n \"https:\/\/randomuser.me\/api\/portraits\/women\/19.jpg\",\r\n \"https:\/\/randomuser.me\/api\/portraits\/men\/29.jpg\",\r\n \"https:\/\/randomuser.me\/api\/portraits\/women\/38.jpg\",\r\n \"https:\/\/randomuser.me\/api\/portraits\/women\/8.jpg\",\r\n \"https:\/\/randomuser.me\/api\/portraits\/men\/9.jpg\",\r\n \"https:\/\/randomuser.me\/api\/portraits\/women\/70.jpg\",\r\n \"https:\/\/randomuser.me\/api\/portraits\/men\/71.jpg\"\r\n ];\r\n\r\n function showRandom(){\r\n const choice = Math.floor(Math.random()*3);\r\n box.classList.remove('fade');\r\n void box.offsetWidth;\r\n box.classList.add('fade');\r\n if(choice === 0){\r\n box.innerHTML = fingerprint;\r\n }else if(choice === 1){\r\n const r = reviews[Math.floor(Math.random()*reviews.length)];\r\n box.innerHTML = `<div class=\\\"review\\\"><div class=\\\"stars\\\">\u2605\u2605\u2605\u2605\u2605<\/div><div>\\\"${r.text}\\\"<\/div><div class=\\\"name\\\">${r.name}<\/div><\/div>`;\r\n }else{\r\n const img = peopleImgs[Math.floor(Math.random()*peopleImgs.length)];\r\n box.innerHTML = `<img src=\\\"${img}\\\" alt=\\\"Happy customer\\\"\/>`;\r\n }\r\n }\r\n\r\n showRandom();\r\n setInterval(showRandom, 4000);\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\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":"<p>Quantum Scan \u2014 Instant Health Check \ud83d\udcca Instant Health Insights Quick, non\u2011invasive scan at your fingertips. No needles \u2014 just instant results so you can act early. Book Your Scan Now [ninja_form id=3] We only ask for your name and phone number to contact you about your scan.<\/p>\n","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-1157","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/copyhubstore.xyz\/index.php?rest_route=\/wp\/v2\/pages\/1157","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/copyhubstore.xyz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/copyhubstore.xyz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/copyhubstore.xyz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/copyhubstore.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1157"}],"version-history":[{"count":0,"href":"https:\/\/copyhubstore.xyz\/index.php?rest_route=\/wp\/v2\/pages\/1157\/revisions"}],"wp:attachment":[{"href":"https:\/\/copyhubstore.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}