{"id":170,"date":"2025-07-12T11:06:16","date_gmt":"2025-07-12T03:06:16","guid":{"rendered":"https:\/\/www.xcmgusedmachinery.com\/?page_id=170"},"modified":"2025-12-23T18:00:37","modified_gmt":"2025-12-23T10:00:37","slug":"inquiry","status":"publish","type":"page","link":"https:\/\/www.xcmgusedmachinery.com\/index.php\/inquiry\/","title":{"rendered":"Inquiry"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"170\" class=\"elementor elementor-170\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e65a78 e-flex e-con-boxed e-con e-parent\" data-id=\"6e65a78\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-944001f elementor-widget elementor-widget-html\" data-id=\"944001f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div id=\"inquiry-form-container\">\r\n    <style>\r\n        #inquiry-form-container {\r\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\r\n            color: #333;\r\n            background-color: #ffffff;\r\n            padding: 40px;\r\n            border-radius: 12px;\r\n            border: 1px solid #e5e7eb;\r\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.07);\r\n            max-width: 720px;\r\n            margin: 20px auto;\r\n            box-sizing: border-box;\r\n        }\r\n        #inquiry-form-container * {\r\n            box-sizing: border-box;\r\n        }\r\n        #inquiry-form-container .form-header {\r\n            text-align: center;\r\n            margin-bottom: 30px;\r\n        }\r\n        #inquiry-form-container .form-header h2 {\r\n            font-size: 28px;\r\n            font-weight: 600;\r\n            color: #111827;\r\n            margin: 0 0 10px;\r\n        }\r\n        #inquiry-form-container .form-header p {\r\n            font-size: 16px;\r\n            color: #6b7280;\r\n            margin: 0;\r\n        }\r\n        #inquiry-form-container .form-row {\r\n            display: flex;\r\n            gap: 20px;\r\n        }\r\n        #inquiry-form-container .form-group {\r\n            margin-bottom: 20px;\r\n            flex: 1;\r\n        }\r\n        #inquiry-form-container .form-group label {\r\n            display: block;\r\n            margin-bottom: 8px;\r\n            font-weight: 500;\r\n            font-size: 14px;\r\n            color: #374151;\r\n        }\r\n        #inquiry-form-container .required-star {\r\n            color: #ef4444;\r\n            margin-left: 4px;\r\n        }\r\n        #inquiry-form-container .form-control {\r\n            width: 100%;\r\n            padding: 12px 15px;\r\n            border: 1px solid #d1d5db;\r\n            border-radius: 8px;\r\n            font-size: 16px;\r\n            background-color: #f9fafb;\r\n            transition: border-color 0.2s, box-shadow 0.2s;\r\n        }\r\n        #inquiry-form-container .form-control:focus {\r\n            border-color: #3b82f6;\r\n            outline: 0;\r\n            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25);\r\n        }\r\n        \/* Removed .recaptcha-container style as it is no longer needed *\/\r\n        #inquiry-form-container .btn-submit {\r\n            display: inline-block;\r\n            width: 100%;\r\n            padding: 14px;\r\n            background-color: #2563eb;\r\n            color: white;\r\n            border: none;\r\n            border-radius: 8px;\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: background-color 0.3s;\r\n        }\r\n        #inquiry-form-container .btn-submit:hover {\r\n            background-color: #1d4ed8;\r\n        }\r\n        #inquiry-form-container .btn-submit:disabled {\r\n            background-color: #9ca3af;\r\n            cursor: not-allowed;\r\n        }\r\n        #inquiry-form-container .form-message {\r\n            margin-top: 20px;\r\n            padding: 12px;\r\n            border-radius: 8px;\r\n            display: none;\r\n            text-align: center;\r\n            font-size: 15px;\r\n        }\r\n        #inquiry-form-container .form-message.success {\r\n            background-color: #d1fae5;\r\n            color: #065f46;\r\n        }\r\n        #inquiry-form-container .form-message.error {\r\n            background-color: #fee2e2;\r\n            color: #991b1b;\r\n        }\r\n        @media (max-width: 768px) {\r\n            #inquiry-form-container .form-row {\r\n                flex-direction: column;\r\n                gap: 0;\r\n            }\r\n            #inquiry-form-container {\r\n                padding: 25px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"form-header\">\r\n        <h2>Let's Start a Conversation<\/h2>\r\n        <p>We'd love to hear from you. Fill out the form below and we'll get back to you shortly.<\/p>\r\n    <\/div>\r\n\r\n    <form id=\"inquiry-form\" novalidate>\r\n        <div class=\"form-row\">\r\n            <div class=\"form-group\">\r\n                <label for=\"inquiry-name\">Full Name<\/label>\r\n                <input type=\"text\" id=\"inquiry-name\" class=\"form-control\" name=\"name\" placeholder=\"e.g., Jane Doe\">\r\n            <\/div>\r\n            <div class=\"form-group\">\r\n                <label for=\"inquiry-email\">Email Address<span class=\"required-star\">*<\/span><\/label>\r\n                <input type=\"email\" id=\"inquiry-email\" class=\"form-control\" name=\"email\" placeholder=\"you@example.com\" required>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"form-row\">\r\n            <div class=\"form-group\">\r\n                <label for=\"inquiry-phone\">Phone<\/label>\r\n                <input type=\"tel\" id=\"inquiry-phone\" class=\"form-control\" name=\"phone\" placeholder=\"+1 (555) 123-4567\">\r\n            <\/div>\r\n            <div class=\"form-group\">\r\n                <label for=\"inquiry-company\">Company Name<\/label>\r\n                <input type=\"text\" id=\"inquiry-company\" class=\"form-control\" name=\"company\" placeholder=\"Your Company Inc.\">\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"form-group\">\r\n            <label for=\"inquiry-website\">Company Website<\/label>\r\n            <input type=\"url\" id=\"inquiry-website\" class=\"form-control\" name=\"website\" placeholder=\"https:\/\/yourcompany.com\">\r\n        <\/div>\r\n        \r\n        <div class=\"form-group\">\r\n            <label for=\"inquiry-message\">Your Message<span class=\"required-star\">*<\/span><\/label>\r\n            <textarea id=\"inquiry-message\" class=\"form-control\" name=\"message\" rows=\"5\" placeholder=\"Tell us how we can help...\" required><\/textarea>\r\n        <\/div>\r\n        \r\n        <button type=\"submit\" class=\"btn-submit\">Send Your Message<\/button>\r\n        <div id=\"inquiry-form-status\" class=\"form-message\"><\/div>\r\n    <\/form>\r\n\r\n    <script type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@4\/dist\/email.min.js\"><\/script>\r\n    <script type=\"text\/javascript\">\r\n        (function() {\r\n            \/\/ ---- PASTE YOUR EMAILJS KEYS HERE ----\r\n            emailjs.init({\r\n                publicKey: \"l3quwG0bVKQ-c2Zjl\", \/\/ Keys preserved from your original code\r\n            });\r\n\r\n            const form = document.getElementById('inquiry-form');\r\n            if (form) {\r\n                const isValidEmail = (email) => {\r\n                    const regex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n                    return regex.test(String(email).toLowerCase());\r\n                }\r\n\r\n                form.addEventListener('submit', function(e) {\r\n                    e.preventDefault();\r\n\r\n                    const statusDiv = document.getElementById('inquiry-form-status');\r\n                    const submitButton = form.querySelector('.btn-submit');\r\n                    const emailField = document.getElementById('inquiry-email');\r\n                    const messageField = document.getElementById('inquiry-message');\r\n\r\n                    if (!emailField.value.trim() || !messageField.value.trim()) {\r\n                        statusDiv.textContent = 'Please fill out all required fields marked with an asterisk (*).';\r\n                        statusDiv.className = 'form-message error';\r\n                        statusDiv.style.display = 'block';\r\n                        return;\r\n                    }\r\n\r\n                    if (!isValidEmail(emailField.value.trim())) {\r\n                        statusDiv.textContent = 'Please enter a valid email address.';\r\n                        statusDiv.className = 'form-message error';\r\n                        statusDiv.style.display = 'block';\r\n                        return;\r\n                    }\r\n\r\n                    \/\/ reCAPTCHA validation check removed here\r\n                    \r\n                    submitButton.disabled = true;\r\n                    submitButton.textContent = 'Sending...';\r\n                    statusDiv.style.display = 'none';\r\n\r\n                    const serviceID = 'service_gng6z5h'; \/\/ IDs preserved from your original code\r\n                    const templateID = 'template_dhjbq9s'; \r\n\r\n                    const templateParams = {\r\n                        name: document.getElementById('inquiry-name').value,\r\n                        email: emailField.value,\r\n                        phone: document.getElementById('inquiry-phone').value,\r\n                        company: document.getElementById('inquiry-company').value,\r\n                        website: document.getElementById('inquiry-website').value,\r\n                        message: messageField.value\r\n                        \/\/ 'g-recaptcha-response' parameter removed\r\n                    };\r\n\r\n                    emailjs.send(serviceID, templateID, templateParams)\r\n                        .then(() => {\r\n                            statusDiv.textContent = \"Thank you! Your message has been sent successfully.\";\r\n                            statusDiv.className = 'form-message success';\r\n                            form.reset();\r\n                        }, (err) => {\r\n                            statusDiv.textContent = 'Oops! Something went wrong. Please try again later.';\r\n                            statusDiv.className = 'form-message error';\r\n                            console.error(\"EmailJS Error: \", JSON.stringify(err));\r\n                        }).finally(() => {\r\n                            statusDiv.style.display = 'block';\r\n                            submitButton.disabled = false;\r\n                            submitButton.textContent = 'Send Your Message';\r\n                            \/\/ grecaptcha.reset() removed\r\n                        });\r\n                });\r\n            }\r\n        })();\r\n    <\/script>\r\n<\/div>\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>Let&#8217;s Start a  [&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":"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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","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-170","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.xcmgusedmachinery.com\/index.php\/wp-json\/wp\/v2\/pages\/170","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xcmgusedmachinery.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.xcmgusedmachinery.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.xcmgusedmachinery.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xcmgusedmachinery.com\/index.php\/wp-json\/wp\/v2\/comments?post=170"}],"version-history":[{"count":28,"href":"https:\/\/www.xcmgusedmachinery.com\/index.php\/wp-json\/wp\/v2\/pages\/170\/revisions"}],"predecessor-version":[{"id":1211,"href":"https:\/\/www.xcmgusedmachinery.com\/index.php\/wp-json\/wp\/v2\/pages\/170\/revisions\/1211"}],"wp:attachment":[{"href":"https:\/\/www.xcmgusedmachinery.com\/index.php\/wp-json\/wp\/v2\/media?parent=170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}