{"id":10,"date":"2025-05-15T08:46:49","date_gmt":"2025-05-15T08:46:49","guid":{"rendered":"https:\/\/qztbox.com\/tdt\/?page_id=10"},"modified":"2025-05-16T04:42:24","modified_gmt":"2025-05-16T04:42:24","slug":"healthstore","status":"publish","type":"page","link":"https:\/\/qztbox.com\/tdt\/healthstore\/","title":{"rendered":"HealthStore"},"content":{"rendered":"<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<\/p>\n\n        <!-- Trigger Button -->\n        <button id=\"openLoginModal\">\n            Login via Tridentity\n        <\/button>\n\n        <!-- Modal HTML -->\n        <div id=\"tridentityModal\">\n            <div class=\"modal-box\">\n                <div class=\"modal-header\">\n                    <img decoding=\"async\" class=\"healthstore-logo\" src=\"https:\/\/qztbox.com\/tdt\/wp-content\/uploads\/2025\/05\/healthstore-logo.png\" alt=\"Healthstore\">\n                    <p>Powered by <img decoding=\"async\" class=\"tridentity-logo\" src=\"https:\/\/qztbox.com\/tdt\/wp-content\/uploads\/2025\/05\/tridentity-logo.png\" alt=\"Tridentity\"><\/p>\n                <\/div>\n\n                <div class=\"modal-tabs\">\n                    <div id=\"tabApp\" class=\"active-tab\">Tridentity app<\/div>\n                    <div id=\"tabPassword\">Password Login<\/div>\n                <\/div>\n\n                <div id=\"appTabContent\" class=\"tab-content\">\n                    <div class=\"qr-wrapper\">\n                        <img decoding=\"async\" src=\"https:\/\/qztbox.com\/tdt\/wp-content\/uploads\/2025\/05\/tridentity-qr.png\" class=\"tridentity-qr\" alt=\"QR Code\">\n                    <\/div>\n                    <div class=\"qr-text\">\n                        <h3>Scan with Tridentity App<\/h3>\n                        <p>1. Open <strong>Tridentity App<\/strong> on your phone.<\/p>\n                        <p>2. Scan QR Code by <img decoding=\"async\" class=\"navigation-icon\" src=\"https:\/\/qztbox.com\/tdt\/wp-content\/uploads\/2025\/05\/navigation-icon.png\" width=\"16\" \/> to log in to <strong>healthstore.sg<\/strong><\/p>\n                    <\/div>\n                    <div class=\"login-options\">\n                        <p class=\"create-account\">You don\u2019t have an account?\n                            <a href=\"#\" id=\"openCreate\">Create One<\/a> or <a href=\"#\" id=\"openActivation\">Activation<\/a>\n                        <\/p>\n                        <a href=\"#\" class=\"download-btn\">\n                            <img decoding=\"async\" class=\"download-icon\" src=\"https:\/\/qztbox.com\/tdt\/wp-content\/uploads\/2025\/05\/Favicon.png\" alt=\"Tridentity\">Download Tridentity App\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <div id=\"activationTabContent\" class=\"tab-content\" style=\"display: none;\">\n                    <h2 class=\"activation-header\">Enter Phone Number<\/h2>\n                    <p>Your email <a href=\"#\">leotan@mail.com<\/a> has been verified, please enter your phone number to receive an OTP to secure your account<\/p>\n\n                    <div class=\"form-group\">\n                        <div class=\"phone-wrapper\">\n                            <input type=\"text\" id=\"mobile_code\" class=\"form-control\" placeholder=\"Phone Number\" name=\"name\">\n                        <\/div>\n                    <\/div>\n                    <button class=\"btn next-btn\">Next<\/button>\n                    <h2 class=\"email-activation-header\">Email Verification<\/h2>\n                    <input type=\"email\" value=\"leo.tan@mail.com\" class=\"email-input\" readonly \/>\n                    <button class=\"btn verify-btn\">Verify<\/button>\n                <\/div>\n\n                <div id=\"verificationCodeContent\" class=\"tab-content\" style=\"display: none;\">\n                    <h1 class=\"verification-header\">Verification Code<\/h1>\n                    <div class=\"otp-input\">\n                        <input type=\"number\" min=\"0\" max=\"9\" placeholder=\"-\" required>\n                        <input type=\"number\" min=\"0\" max=\"9\" placeholder=\"-\" required>\n                        <input type=\"number\" min=\"0\" max=\"9\" placeholder=\"-\" required>\n                        <input type=\"number\" min=\"0\" max=\"9\" placeholder=\"-\" required>\n                        <input type=\"number\" min=\"0\" max=\"9\" placeholder=\"-\" required>\n                        <input type=\"number\" min=\"0\" max=\"9\" placeholder=\"-\" required>\n                    <\/div>\n                    <p class=\"otp-text\">Please enter 6-digit code sent to you at <span id=\"phone-number\">+65 123 456 789<\/span><\/p>\n                    <button class=\"btn verify-btn\">Next<\/button>\n                    <button class=\"resend-link\">Request again (<span id=\"countdowntimer\">30<\/span>)<\/button>\n                <\/div>\n\n                <div id=\"createPasswordTabContent\" class=\"tab-content\" style=\"display: none;\">\n                    <h1 class=\"password-header\">Create Password<\/h1>\n                    <form>\n                        <div class=\"form-group password-group\">\n                            <label class=\"control-label\" for=\"password\">Password<\/label>\n                            <input type=\"password\" id=\"password\" class=\"form-control\" placeholder=\"password\">\n                            <i class=\"toggle-password fa fa-fw fa-eye-slash\"><\/i>\n                            <div class=\"strength-indicator\">\n                                <span class=\"bar bar-1\"><\/span>\n                                <span class=\"bar bar-2\"><\/span>\n                                <span class=\"bar bar-3\"><\/span>\n                            <\/div>\n                            <small class=\"password-feedback\"><\/small>\n                        <\/div>\n                        <div class=\"form-group password-group\">\n                            <label class=\"control-label\" for=\"confirm-password\">Confirm Password<\/label>\n                            <input type=\"password\" id=\"confirm-password\" class=\"form-control\" placeholder=\"Re-enter password\">\n                            <i class=\"toggle-password fa fa-fw fa-eye-slash\"><\/i>\n                            <small class=\"renter-password-feedback\">Make sure to enter the same password in both fields<\/small>\n                        <\/div>\n                    <\/form>\n                    <button class=\"btn next-btn\">Next<\/button>\n                <\/div>\n\n                <div id=\"informationTabContent\" class=\"tab-content\" style=\"display: none;\">\n                    <h2 class=\"information-header\">Fill Your Information<\/h2>\n                    <form action=\"\" method=\"post\">\n                        <label for=\"preferred_name\">Preferred Name <span class=\"required\">*<\/span><\/label>\n                        <div class=\"input-with-counter\">\n                            <input type=\"text\" class=\"form-control\" id=\"preferred_name\" placeholder=\"Enter User Name\" maxlength=\"250\">\n                            <span id=\"preferredNameCounter\" class=\"char-counter\">0\/250<\/span>\n                        <\/div>\n\n                        <div class=\"two-col\">\n                            <div>\n                                <label for=\"first_name\">First Name <span class=\"required\">*<\/span><\/label>\n                                <input type=\"text\" class=\"form-control\" id=\"first_name\" placeholder=\"Enter First Name\">\n                            <\/div>\n                            <div>\n                                <label for=\"last_name\">Last Name <span class=\"required\">*<\/span><\/label>\n                                <input type=\"text\" class=\"form-control\" id=\"last_name\" placeholder=\"Enter Last Name\">\n                            <\/div>\n                        <\/div>\n\n                        <label for=\"dob\">Date of Birth <span class=\"required\">*<\/span><\/label>\n                        <div class=\"input-with-icon\">\n                            <input type=\"text\" class=\"form-control\" id=\"dob\" placeholder=\"Choose Your Date of Birth\">\n                            <span class=\"calendar-icon\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"19\" viewBox=\"0 0 18 19\" fill=\"none\">\n                                    <path d=\"M1 2H17V16C17 17.1046 16.1046 18 15 18H3C1.89543 18 1 17.1046 1 16V2Z\" stroke=\"#909090\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <path d=\"M1 6H17\" stroke=\"#909090\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <path d=\"M5 10H9\" stroke=\"#909090\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <path d=\"M13 1V3\" stroke=\"#909090\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <path d=\"M5 1V3\" stroke=\"#909090\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <\/svg>\n                            <\/span>\n                        <\/div>\n                        <div id=\"calendar-overlay\">\n                            <div id=\"custom-calendar-wrapper\">\n                                <main class=\"bg\">\n                                    <div class=\"calendar\">\n                                        <div class=\"cal-head\">\n                                            <span id=\"prev\">&#10094;<\/span>\n                                            <h3 class=\"title\">Month 0000<\/h3>\n                                            <span id=\"next\">&#10095;<\/span>\n                                        <\/div>\n                                        <div class=\"cal-body\">\n                                            <ul class=\"days\">\n                                                <li>Mo<\/li>\n                                                <li>Tu<\/li>\n                                                <li>We<\/li>\n                                                <li>Th<\/li>\n                                                <li>Fr<\/li>\n                                                <li>Sa<\/li>\n                                                <li>Su<\/li>\n                                            <\/ul>\n                                            <ul class=\"dates\"><\/ul>\n                                        <\/div>\n                                    <\/div>\n                                <\/main>\n                            <\/div>\n                        <\/div>\n\n                        <label for=\"gender\">Gender <span class=\"required\">*<\/span><\/label>\n                        <select id=\"gender\" class=\"form-control\">\n                            <option value=\"\" disabled selected>Choose Gender<\/option>\n                            <option value=\"male\">Male<\/option>\n                            <option value=\"female\">Female<\/option>\n                            <option value=\"other\">Other<\/option>\n                        <\/select>\n\n                        <label for=\"referral_code\">Referral Code<\/label>\n                        <input type=\"text\" class=\"form-control\" id=\"referral_code\" placeholder=\"Enter Referral Code\">\n\n                        <button class=\"btn next-btn nextToInfo\">Next<\/button>\n                    <\/form>\n                <\/div>\n\n                <div id=\"infoSummaryContent\" class=\"info-summary-wrapper\" style=\"display: none;\">\n                    <div class=\"info-header\">\n                        <img decoding=\"async\" src=\"https:\/\/qztbox.com\/tdt\/wp-content\/uploads\/2025\/05\/back-arrow.png\" id=\"goBackToForm\" class=\"back-arrow\" alt=\"Back\" \/>\n                        <h2>Your Information<\/h2>\n                    <\/div>\n\n                    <div class=\"info-group\">\n                        <label>Preferred Name<\/label>\n                        <div class=\"info-value\" id=\"summaryPreferredName\">leo.user<\/div>\n                    <\/div>\n\n                    <div class=\"info-group\">\n                        <label>Name<\/label>\n                        <div class=\"info-value\" id=\"summaryName\">Leo Tan<\/div>\n                    <\/div>\n\n                    <div class=\"info-row\">\n                        <div class=\"info-group half\">\n                            <label>Date of Birth<\/label>\n                            <div class=\"info-value\" id=\"summaryDOB\">01\/01\/1990<\/div>\n                        <\/div>\n                        <div class=\"info-group half\">\n                            <label>Gender<\/label>\n                            <div class=\"info-value\" id=\"summaryGender\">Male<\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"info-group\">\n                        <label>Phone Number<\/label>\n                        <div class=\"info-value\" id=\"summaryPhone\">+65 0123456789<\/div>\n                    <\/div>\n\n                    <div class=\"info-group\">\n                        <label>Email<\/label>\n                        <div class=\"info-value\" id=\"summaryEmail\">leotan@mail.com<\/div>\n                    <\/div>\n\n                    <div class=\"info-group\">\n                        <label>Referral Code<\/label>\n                        <div class=\"info-value\" id=\"summaryReferral\">AGYC29U9<\/div>\n                    <\/div>\n\n                    <button class=\"confirm-button\">Confirm<\/button>\n                <\/div>\n\n                <div id=\"passwordTabContent\" class=\"tab-content\" style=\"display:none;\">\n                    <p>Password login form coming soon.<\/p>\n                <\/div>\n                <button id=\"closeModal\">\u2715<\/button>\n            <\/div>\n        <\/div>\n\n        <div class=\"form-popup\" id=\"successPopup\" style=\"display: none;\">\n            <div id=\"successMessage\" class=\"success-wrapper\" style=\"display: none;\">\n                <div class=\"success-icon\">\n                    <div class=\"circle large\"><\/div>\n                    <div class=\"circle medium\"><\/div>\n                    <div class=\"circle small\">\n                       <img decoding=\"async\" src=\"https:\/\/qztbox.com\/tdt\/wp-content\/uploads\/2025\/05\/checkmark.png\" class=\"checkmark\" alt=\"Checkmark\">\n                    <\/div>\n                <\/div>\n\n                <h2 class=\"success-title\">Success!!<\/h2>\n                <p class=\"success-subtext\">\n                    Welcome to the community!<br \/>Please login to get started.\n                <\/p>\n\n                <button class=\"done-button\">Done<\/button>\n            <\/div>\n            <div id=\"ErrorMessage\" class=\"error-wrapper\" style=\"display: none;\">\n                <div class=\"error-icon\">\n                    <div class=\"circle large\"><\/div>\n                    <div class=\"circle medium\"><\/div>\n                    <div class=\"circle small\">\n                        <img decoding=\"async\" src=\"https:\/\/qztbox.com\/tdt\/wp-content\/uploads\/2025\/05\/close.png\" class=\"error checkmark\" alt=\"Error\">\n                    <\/div>\n                <\/div>\n\n                <h2 class=\"error-title\">Oops!<\/h2>\n                <p class=\"success-subtext\">Something went wrong. Please try again.<\/p>\n                <button class=\"retry-button\">Retry<\/button>\n            <\/div>\n        <\/div>\n\n\n\n<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<\/p>\n<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/qztbox.com\/tdt\/wp-content\/uploads\/2025\/05\/healthstore-logo.png\" alt=\"\" width=\"204\" height=\"66\" class=\"alignnone size-full wp-image-22\" \/><\/p>\n<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<br \/>\nLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<\/p>\n<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<\/p>\n<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"normal-width-container","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":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"default","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":"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":"","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-4)","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-4)","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-4)","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-10","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/qztbox.com\/tdt\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qztbox.com\/tdt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/qztbox.com\/tdt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/qztbox.com\/tdt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qztbox.com\/tdt\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":12,"href":"https:\/\/qztbox.com\/tdt\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":144,"href":"https:\/\/qztbox.com\/tdt\/wp-json\/wp\/v2\/pages\/10\/revisions\/144"}],"wp:attachment":[{"href":"https:\/\/qztbox.com\/tdt\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}