{"id":55,"date":"2025-09-09T19:23:48","date_gmt":"2025-09-09T19:23:48","guid":{"rendered":"https:\/\/truck.ctaindiaload.in\/?page_id=55"},"modified":"2025-09-18T03:27:35","modified_gmt":"2025-09-18T03:27:35","slug":"login-page","status":"publish","type":"page","link":"https:\/\/truck.ctaindiaload.in\/?page_id=55","title":{"rendered":"Login page"},"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\n\n\n \n \n CTA INDIA LOAD - Login<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\n <style>\n body {\n font-family: \"Segoe UI\", Arial, sans-serif;\n margin: 0;\n padding: 0;\n height: 100vh;\n display: flex;\n flex-direction: column;\n background: #ffffff; \/* \u092a\u093e\u0902\u0922\u0930\u093e \u092c\u0945\u0915\u0917\u094d\u0930\u093e\u090a\u0902\u0921 *\/\n color: #333;\n }\n\n \/* Header *\/\n .header {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 15px 20px;\n box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n position: fixed;\n top: 0;\n left: 0;\n background: #fff;\n z-index: 10;\n }\n\n .header h1 {\n font-size: 22px;\n font-weight: bold;\n color: #1976d2; \/* \u0928\u093f\u0933\u093e \u0930\u0902\u0917 *\/\n margin: 0;\n }\n\n .help-icon {\n font-size: 20px;\n color: #1976d2;\n cursor: pointer;\n }\n\n \/* Form Container *\/\n .container {\n flex: 1;\n width: 100%;\n max-width: 420px;\n margin: 0 auto;\n padding: 100px 20px 80px; \/* header \u0906\u0923\u093f footer \u0938\u093e\u0920\u0940 \u091c\u093e\u0917\u093e *\/\n box-sizing: border-box;\n }\n\n h2 {\n font-size: 20px;\n margin-bottom: 10px;\n text-align: left;\n color: #000;\n }\n\n .subtitle {\n font-size: 14px;\n color: #666;\n margin-bottom: 25px;\n text-align: left;\n }\n\n \/* Input Group with Flag + Code + Number *\/\n .input-group {\n display: flex;\n align-items: center;\n border: 1px solid #ccc;\n border-radius: 8px;\n overflow: hidden;\n margin-bottom: 20px;\n }\n .country-code {\n display: flex;\n align-items: center;\n gap: 6px;\n background: #f5f5f5;\n padding: 10px 12px;\n font-size: 14px;\n border-right: 1px solid #ccc;\n }\n .country-code img {\n width: 20px;\n height: 14px;\n object-fit: cover;\n border-radius: 2px;\n }\n .input-group input {\n flex: 1;\n border: none;\n padding: 12px;\n font-size: 16px;\n outline: none;\n }\n\n \/* Password input *\/\n .input-password {\n width: 100%;\n padding: 12px;\n margin-bottom: 20px;\n border: 1px solid #ccc;\n border-radius: 8px;\n font-size: 16px;\n outline: none;\n }\n\n .checkbox {\n font-size: 14px;\n color: #444;\n margin-bottom: 20px;\n }\n .checkbox input {\n margin-right: 6px;\n }\n .checkbox a {\n color: #1976d2;\n text-decoration: none;\n }\n\n \/* Footer Button *\/\n .footer {\n width: 100%;\n position: fixed;\n bottom: 0;\n left: 0;\n padding: 15px 20px;\n background: #fff;\n box-shadow: 0 -2px 5px rgba(0,0,0,0.1);\n }\n .footer button {\n width: 100%;\n padding: 14px;\n background: #1976d2;\n color: #fff;\n border: none;\n border-radius: 25px;\n font-size: 16px;\n font-weight: bold;\n cursor: pointer;\n transition: background 0.3s;\n }\n .footer button:hover {\n background: #125aa0;\n }\n\n .error {\n color: #d32f2f;\n font-size: 14px;\n margin-top: 10px;\n text-align: center;\n }\n <\/style>\n<\/head>\n<body>\n\n <!-- Header -->\n <div class=\"header\">\n <h1>CTA INDIA LOAD<\/h1>\n <div class=\"help-icon\"><i class=\"fas fa-question-circle\"><\/i><\/div>\n <\/div>\n\n <!-- Form -->\n <div class=\"container\">\n <h2>Enter your mobile number<\/h2>\n <p class=\"subtitle\">Your phone number is required to login or create a new account.<\/p>\n\n <form id=\"login-form\">\n <div class=\"input-group\">\n <div class=\"country-code\">\n <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w20\/in.png\" alt=\"India\"> +91\n <\/div>\n <input type=\"tel\" id=\"mobile\" placeholder=\"Enter mobile number\" required>\n <\/div>\n\n <input type=\"password\" id=\"password\" class=\"input-password\" placeholder=\"Enter password\" required>\n\n <div class=\"checkbox\">\n <label>\n <input type=\"checkbox\" checked>\n Allow CTA Truck to send updates via WhatsApp\n <\/label>\n <\/div>\n\n <div class=\"error\" id=\"error-msg\"><\/div>\n <\/form>\n <\/div>\n\n <!-- Footer Button -->\n <div class=\"footer\">\n <button type=\"submit\" form=\"login-form\">Continue<\/button>\n <\/div>\n\n <script>\n document.getElementById('login-form').addEventListener('submit', (e) => {\n e.preventDefault();\n const mobile = document.getElementById('mobile').value;\n const password = document.getElementById('password').value;\n const storedPassword = localStorage.getItem(`password_${mobile}`);\n\n if (mobile && password) {\n if (storedPassword && storedPassword === password) {\n const onboarded = localStorage.getItem('onboarded_' + mobile) === 'true';\n const paymentDone = localStorage.getItem('payment_done_' + mobile) === 'true';\n if (onboarded && paymentDone) {\n window.location.href = 'dashboard.html';\n } else {\n window.location.href = 'dashboard.html';\n }\n } else {\n document.getElementById('error-msg').textContent = '\u274c Invalid mobile or password!';\n }\n } else {\n document.getElementById('error-msg').textContent = '\u26a0\ufe0f Please fill all fields!';\n }\n });\n <\/script>\n<\/body>\n<\/html>\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>CTA INDIA LOAD – Login CTA INDIA LOAD Enter your mobile number Your phone number is required to login or […]<\/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":"full-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":"","ast-disable-related-posts":"","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":"default","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-55","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/pages\/55","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=55"}],"version-history":[{"count":71,"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/pages\/55\/revisions"}],"predecessor-version":[{"id":726,"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/pages\/55\/revisions\/726"}],"wp:attachment":[{"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}