{"id":1462,"date":"2021-01-06T17:07:53","date_gmt":"2021-01-06T17:07:53","guid":{"rendered":"http:\/\/kits.themecy.com\/podcast\/?page_id=19"},"modified":"2025-11-09T13:13:44","modified_gmt":"2025-11-09T13:13:44","slug":"homepage","status":"publish","type":"page","link":"https:\/\/hsaautomation.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Petrol Station Management System<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

provision of control over technological processes and forecourt equipment (fuel dispensers, ATG systems, price boards,\u00a0 others)<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tRead more<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\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 Query Section - HSA Automation<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n :root {\r\n --primary: #1a5276;\r\n --secondary: #2e86c1;\r\n --accent: #e74c3c;\r\n --light: #f8f9fa;\r\n --dark: #2c3e50;\r\n --success: #27ae60;\r\n --text: #333;\r\n --text-light: #666;\r\n }\r\n\r\n body {\r\n background: linear-gradient(135deg, #f5f7fa 0%, #e4edf5 100%);\r\n color: var(--text);\r\n min-height: 100vh;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 2rem;\r\n }\r\n\r\n .query-container {\r\n background: white;\r\n border-radius: 20px;\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\r\n overflow: hidden;\r\n max-width: 1000px;\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .query-info {\r\n background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n color: white;\r\n padding: 3rem;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n\r\n .query-info h2 {\r\n font-size: 2.5rem;\r\n margin-bottom: 1.5rem;\r\n font-weight: 700;\r\n }\r\n\r\n .query-info p {\r\n font-size: 1.1rem;\r\n margin-bottom: 2rem;\r\n line-height: 1.6;\r\n opacity: 0.9;\r\n }\r\n\r\n .contact-details {\r\n margin-top: 2rem;\r\n }\r\n\r\n .contact-item {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .contact-icon {\r\n width: 50px;\r\n height: 50px;\r\n background: rgba(255, 255, 255, 0.2);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-right: 1rem;\r\n font-size: 1.2rem;\r\n }\r\n\r\n .contact-text h4 {\r\n font-size: 1.1rem;\r\n margin-bottom: 0.3rem;\r\n }\r\n\r\n .contact-text p {\r\n margin: 0;\r\n opacity: 0.8;\r\n }\r\n\r\n .query-form {\r\n padding: 3rem;\r\n }\r\n\r\n .form-title {\r\n font-size: 2rem;\r\n color: var(--primary);\r\n margin-bottom: 0.5rem;\r\n font-weight: 600;\r\n }\r\n\r\n .form-subtitle {\r\n color: var(--text-light);\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .form-label {\r\n display: block;\r\n margin-bottom: 0.5rem;\r\n font-weight: 500;\r\n color: var(--text);\r\n }\r\n\r\n .form-control {\r\n width: 100%;\r\n padding: 1rem;\r\n border: 2px solid #e1e5e9;\r\n border-radius: 10px;\r\n font-size: 1rem;\r\n transition: all 0.3s;\r\n background: #f8f9fa;\r\n }\r\n\r\n .form-control:focus {\r\n outline: none;\r\n border-color: var(--secondary);\r\n background: white;\r\n box-shadow: 0 0 0 3px rgba(46, 134, 193, 0.1);\r\n }\r\n\r\n textarea.form-control {\r\n min-height: 120px;\r\n resize: vertical;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n color: white;\r\n padding: 1rem 2rem;\r\n border: none;\r\n border-radius: 10px;\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n width: 100%;\r\n box-shadow: 0 5px 15px rgba(46, 134, 193, 0.3);\r\n }\r\n\r\n .btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 20px rgba(46, 134, 193, 0.4);\r\n }\r\n\r\n .btn:active {\r\n transform: translateY(-1px);\r\n }\r\n\r\n .success-message {\r\n background: var(--success);\r\n color: white;\r\n padding: 1rem;\r\n border-radius: 10px;\r\n margin-top: 1rem;\r\n text-align: center;\r\n display: none;\r\n }\r\n\r\n .error-message {\r\n background: var(--accent);\r\n color: white;\r\n padding: 1rem;\r\n border-radius: 10px;\r\n margin-top: 1rem;\r\n text-align: center;\r\n display: none;\r\n }\r\n\r\n .loading {\r\n display: none;\r\n text-align: center;\r\n margin-top: 1rem;\r\n }\r\n\r\n .loading-spinner {\r\n border: 3px solid #f3f3f3;\r\n border-top: 3px solid var(--secondary);\r\n border-radius: 50%;\r\n width: 30px;\r\n height: 30px;\r\n animation: spin 1s linear infinite;\r\n margin: 0 auto;\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 @media (max-width: 768px) {\r\n .query-container {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .query-info {\r\n padding: 2rem;\r\n }\r\n \r\n .query-form {\r\n padding: 2rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"query-container\">\r\n <div class=\"query-info\">\r\n <h2>Have Questions?<\/h2>\r\n <p>We're here to help! Whether you need information about our automation solutions, pricing, or technical support, our team is ready to assist you.<\/p>\r\n \r\n <div class=\"contact-details\">\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fas fa-envelope\"><\/i>\r\n <\/div>\r\n <div class=\"contact-text\">\r\n <h4>Email Us<\/h4>\r\n <p>sales@hsaautomation.com<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fas fa-phone\"><\/i>\r\n <\/div>\r\n <div class=\"contact-text\">\r\n <h4>Call Us<\/h4>\r\n <p>+92 3335277365<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fas fa-clock\"><\/i>\r\n <\/div>\r\n <div class=\"contact-text\">\r\n <h4>Response Time<\/h4>\r\n <p>Within 24 hours<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"query-form\">\r\n <h3 class=\"form-title\">Send Us Your Query<\/h3>\r\n <p class=\"form-subtitle\">Fill out the form below and we'll get back to you shortly<\/p>\r\n \r\n <form id=\"queryForm\">\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"name\">Full Name<\/label>\r\n <input type=\"text\" id=\"name\" class=\"form-control\" placeholder=\"Enter your full name\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"email\">Email Address<\/label>\r\n <input type=\"email\" id=\"email\" class=\"form-control\" placeholder=\"Enter your email address\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"subject\">Subject<\/label>\r\n <input type=\"text\" id=\"subject\" class=\"form-control\" placeholder=\"What is your query about?\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"message\">Your Message<\/label>\r\n <textarea id=\"message\" class=\"form-control\" placeholder=\"Please describe your query in detail...\" required><\/textarea>\r\n <\/div>\r\n \r\n <button type=\"submit\" class=\"btn\">\r\n <i class=\"fas fa-paper-plane\"><\/i> Leave Message\r\n <\/button>\r\n \r\n <div class=\"success-message\" id=\"successMessage\">\r\n <i class=\"fas fa-check-circle\"><\/i> Thank you! Your message has been sent successfully.\r\n <\/div>\r\n \r\n <div class=\"error-message\" id=\"errorMessage\">\r\n <i class=\"fas fa-exclamation-circle\"><\/i> <span id=\"errorText\">Sorry, there was an error sending your message. Please try again.<\/span>\r\n <\/div>\r\n \r\n <div class=\"loading\" id=\"loadingIndicator\">\r\n <div class=\"loading-spinner\"><\/div>\r\n <p>Sending your message...<\/p>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \r\n document.getElementById('queryForm').addEventListener('submit', async function(e) {\r\n e.preventDefault();\r\n \r\n \/\/ Get form values\r\n const name = document.getElementById('name').value;\r\n const email = document.getElementById('email').value;\r\n const subject = document.getElementById('subject').value;\r\n const message = document.getElementById('message').value;\r\n \r\n \/\/ Show loading indicator\r\n document.getElementById('loadingIndicator').style.display = 'block';\r\n document.getElementById('successMessage').style.display = 'none';\r\n document.getElementById('errorMessage').style.display = 'none';\r\n \r\n try {\r\n const response = await fetch('send_email.php', {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application\/json',\r\n },\r\n body: JSON.stringify({\r\n name: name,\r\n email: email,\r\n subject: subject,\r\n message: message\r\n })\r\n });\r\n \r\n const data = await response.json();\r\n \r\n \/\/ Hide loading indicator\r\n document.getElementById('loadingIndicator').style.display = 'none';\r\n \r\n if (data.success) {\r\n \/\/ Show success message\r\n document.getElementById('successMessage').style.display = 'block';\r\n \r\n \/\/ Reset form\r\n document.getElementById('queryForm').reset();\r\n \r\n \/\/ Hide success message after 5 seconds\r\n setTimeout(() => {\r\n document.getElementById('successMessage').style.display = 'none';\r\n }, 5000);\r\n } else {\r\n \/\/ Show error message\r\n document.getElementById('errorText').textContent = data.message || 'Failed to send email';\r\n document.getElementById('errorMessage').style.display = 'block';\r\n }\r\n } catch (error) {\r\n \/\/ Hide loading indicator\r\n document.getElementById('loadingIndicator').style.display = 'none';\r\n \r\n \/\/ Show error message\r\n document.getElementById('errorText').textContent = 'Network error. Please check your connection and try again.';\r\n document.getElementById('errorMessage').style.display = 'block';\r\n console.error('Error:', error);\r\n }\r\n });\r\n \r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\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>Petrol Station Management System provision of control over technological processes and forecourt equipment (fuel dispensers, ATG systems, price boards,\u00a0 others) Read more Query Section – HSA Automation Have Questions? We’re here to help! Whether you need information about our automation solutions, pricing, or technical support, our team is ready to assist you. Email Us sales@hsaautomation.com Call Us +92 3335277365 Response Time Within 24 hours Send Us Your Query Fill out the form below and we’ll get back to you shortly Full Name Email Address Subject Your Message Leave Message Thank you! Your message has been sent successfully. Sorry, there was an error sending your message. Please try again. Sending your message…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":true,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-1462","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hsaautomation.com\/index.php\/wp-json\/wp\/v2\/pages\/1462","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hsaautomation.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hsaautomation.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hsaautomation.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hsaautomation.com\/index.php\/wp-json\/wp\/v2\/comments?post=1462"}],"version-history":[{"count":106,"href":"https:\/\/hsaautomation.com\/index.php\/wp-json\/wp\/v2\/pages\/1462\/revisions"}],"predecessor-version":[{"id":3383,"href":"https:\/\/hsaautomation.com\/index.php\/wp-json\/wp\/v2\/pages\/1462\/revisions\/3383"}],"wp:attachment":[{"href":"https:\/\/hsaautomation.com\/index.php\/wp-json\/wp\/v2\/media?parent=1462"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}