{"id":26,"date":"2026-08-20T08:23:43","date_gmt":"2026-08-20T08:23:43","guid":{"rendered":"https:\/\/ecdroide.atz.li\/?page_id=26"},"modified":"2026-08-20T08:23:43","modified_gmt":"2026-08-20T08:23:43","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/ecdroide.atz.li\/?page_id=26","title":{"rendered":"Contact Us"},"content":{"rendered":"\n<div class=\"w-full max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-10 space-y-12\">\n\n    <!-- HEADER BANNER -->\n    <div class=\"text-center max-w-3xl mx-auto\">\n        <div class=\"inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full text-xs font-semibold bg-blue-100 dark:bg-blue-950\/70 text-blue-700 dark:text-blue-300 border border-blue-200 dark:border-blue-800 mb-4\">\n            <span class=\"w-2 h-2 rounded-full bg-blue-600 animate-ping\"><\/span>\n            Direct Communications &amp; Support\n        <\/div>\n        <h1 class=\"text-3xl sm:text-5xl font-extrabold text-slate-900 dark:text-white tracking-tight\">\n            We&#8217;d Love to <span class=\"bg-gradient-to-r from-blue-600 to-sky-500 bg-clip-text text-transparent\">Hear From You<\/span>\n        <\/h1>\n        <p class=\"mt-4 text-base sm:text-lg text-slate-600 dark:text-slate-400\">\n            Whether you have questions regarding products, orders, enterprise inquiries, or general support, our team is always ready to help.\n        <\/p>\n    <\/div>\n\n    <!-- MAIN TWO COLUMN SECTION -->\n    <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 items-start\">\n        \n        <!-- LEFT COLUMN: CONTACT CHANNELS &amp; DETAILS -->\n        <div class=\"lg:col-span-5 space-y-6\">\n            \n            <!-- INFO CARD -->\n            <div class=\"bg-slate-900 text-white rounded-3xl p-6 sm:p-8 border border-slate-800 shadow-xl space-y-6\">\n                <h3 class=\"text-xl font-bold text-white tracking-tight flex items-center gap-2\">\n                    <span>Contact Information<\/span>\n                <\/h3>\n                <p class=\"text-sm text-slate-300\">\n                    Reach out directly through any of our support channels below. We typically respond in under two hours during working hours.\n                <\/p>\n\n                <div class=\"space-y-4 pt-2\">\n                    <a href=\"mailto:support@ecdroide.atz.li\" class=\"flex items-start gap-4 p-3 rounded-2xl bg-white\/5 hover:bg-white\/10 border border-white\/10 transition group\">\n                        <div class=\"w-10 h-10 rounded-xl bg-blue-500\/20 text-sky-400 flex items-center justify-center shrink-0 group-hover:scale-105 transition\">\n                            \n                        <\/div>\n                        <div>\n                            <div class=\"text-xs text-slate-400 font-semibold uppercase tracking-wider\">Email Us<\/div>\n                            <div class=\"text-sm font-semibold text-white group-hover:text-sky-300 transition\">support@ecdroide.atz.li<\/div>\n                        <\/div>\n                    <\/a>\n\n                    <div class=\"flex items-start gap-4 p-3 rounded-2xl bg-white\/5 border border-white\/10\">\n                        <div class=\"w-10 h-10 rounded-xl bg-emerald-500\/20 text-emerald-400 flex items-center justify-center shrink-0\">\n                            \n                        <\/div>\n                        <div>\n                            <div class=\"text-xs text-slate-400 font-semibold uppercase tracking-wider\">Customer Line<\/div>\n                            <div class=\"text-sm font-semibold text-white\">+1 (555) 234-5678<\/div>\n                            <div class=\"text-xs text-slate-400 mt-0.5\">Mon &#8211; Fri \u2022 9:00 AM &#8211; 6:00 PM EST<\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"flex items-start gap-4 p-3 rounded-2xl bg-white\/5 border border-white\/10\">\n                        <div class=\"w-10 h-10 rounded-xl bg-purple-500\/20 text-purple-400 flex items-center justify-center shrink-0\">\n                            \n                        <\/div>\n                        <div>\n                            <div class=\"text-xs text-slate-400 font-semibold uppercase tracking-wider\">HQ Operations<\/div>\n                            <div class=\"text-sm font-semibold text-white\">ecdroide Digital Core<\/div>\n                            <div class=\"text-xs text-slate-400 mt-0.5\">San Francisco, California, US<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- LIVE STATUS BADGE -->\n                <div class=\"pt-4 border-t border-white\/10 flex items-center justify-between text-xs\">\n                    <span class=\"text-slate-400\">System Status<\/span>\n                    <span class=\"inline-flex items-center gap-1.5 font-semibold text-emerald-400 bg-emerald-500\/10 px-2.5 py-1 rounded-full border border-emerald-500\/20\">\n                        <span class=\"w-2 h-2 rounded-full bg-emerald-400 animate-pulse\"><\/span>\n                        All Systems Operational\n                    <\/span>\n                <\/div>\n            <\/div>\n\n            <!-- FAQ MINI ACCORDION \/ BOX -->\n            <div class=\"bg-white dark:bg-slate-900 border border-slate-200 dark:border-slate-800 rounded-3xl p-6 shadow-sm space-y-4\">\n                <h4 class=\"text-base font-bold text-slate-900 dark:text-white\">Quick Answers<\/h4>\n                <div class=\"space-y-3 text-xs sm:text-sm text-slate-600 dark:text-slate-400\">\n                    <div class=\"p-3 bg-slate-50 dark:bg-slate-800\/60 rounded-xl\">\n                        <span class=\"font-semibold text-slate-900 dark:text-slate-200 block mb-1\">Where do I find my recent orders?<\/span>\n                        You can check all completed orders, downloads, and account details in your <a href=\"http:\/\/ecdroide.atz.li\/?page_id=9\" class=\"text-blue-600 dark:text-blue-400 underline font-medium\">My Account<\/a> page.\n                    <\/div>\n                    <div class=\"p-3 bg-slate-50 dark:bg-slate-800\/60 rounded-xl\">\n                        <span class=\"font-semibold text-slate-900 dark:text-slate-200 block mb-1\">Need immediate technical help?<\/span>\n                        Use the contact form alongside your order reference ID for priority expedited routing.\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <!-- RIGHT COLUMN: INTERACTIVE FORM -->\n        <div class=\"lg:col-span-7\">\n\n    <div class=\"w-full max-w-4xl mx-auto py-4\">\n        <div class=\"bg-white\/80 dark:bg-slate-900\/80 backdrop-blur-xl border border-slate-200 dark:border-slate-800 rounded-3xl p-6 sm:p-10 shadow-2xl\">\n            <div class=\"mb-8\">\n                <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full text-xs font-semibold bg-blue-50 dark:bg-blue-950\/60 text-blue-600 dark:text-blue-400 border border-blue-200\/60 dark:border-blue-800\/60 mb-3\">\n                    <span class=\"w-2 h-2 rounded-full bg-blue-500 animate-pulse\"><\/span>\n                    Get in touch\n                <\/div>\n                <h2 class=\"text-2xl sm:text-3xl font-extrabold text-slate-900 dark:text-white tracking-tight\">Send Us a Message<\/h2>\n                <p class=\"text-sm sm:text-base text-slate-600 dark:text-slate-400 mt-1.5\">Have a question or request? Fill in the details below and our team will get back to you swiftly.<\/p>\n            <\/div>\n\n            <div id=\"contact-alert\" class=\"hidden mb-6 p-4 rounded-2xl text-sm font-medium transition-all duration-300\"><\/div>\n\n            <form id=\"ecdroide-contact-form\" class=\"space-y-6\" method=\"post\">\n                <input type=\"hidden\" name=\"action\" value=\"submit_contact_form\">\n                <input type=\"hidden\" name=\"contact_nonce\" value=\"cd2e7f8919\">\n\n                <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-5\">\n                    <div class=\"space-y-1.5\">\n                        <label for=\"contact-name\" class=\"block text-xs font-bold uppercase tracking-wider text-slate-700 dark:text-slate-300\">Your Full Name <span class=\"text-rose-500\">*<\/span><\/label>\n                        <input type=\"text\" id=\"contact-name\" name=\"name\" required placeholder=\"John Doe\" class=\"w-full px-4 py-3 bg-slate-50 dark:bg-slate-800\/90 border border-slate-200 dark:border-slate-700 rounded-xl text-slate-900 dark:text-white placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition\">\n                    <\/div>\n\n                    <div class=\"space-y-1.5\">\n                        <label for=\"contact-email\" class=\"block text-xs font-bold uppercase tracking-wider text-slate-700 dark:text-slate-300\">Your Email Address <span class=\"text-rose-500\">*<\/span><\/label>\n                        <input type=\"email\" id=\"contact-email\" name=\"email\" required placeholder=\"you@example.com\" class=\"w-full px-4 py-3 bg-slate-50 dark:bg-slate-800\/90 border border-slate-200 dark:border-slate-700 rounded-xl text-slate-900 dark:text-white placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition\">\n                    <\/div>\n                <\/div>\n\n                <div class=\"space-y-1.5\">\n                    <label for=\"contact-subject\" class=\"block text-xs font-bold uppercase tracking-wider text-slate-700 dark:text-slate-300\">Inquiry Department \/ Subject<\/label>\n                    <select id=\"contact-subject\" name=\"subject\" class=\"w-full px-4 py-3 bg-slate-50 dark:bg-slate-800\/90 border border-slate-200 dark:border-slate-700 rounded-xl text-slate-900 dark:text-white focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition\">\n                        <option value=\"General Inquiry\">\ud83d\udcac General Inquiry<\/option>\n                        <option value=\"Product & Shop Support\">\ud83d\udecd\ufe0f Product & Order Support<\/option>\n                        <option value=\"Account & Login Assistance\">\ud83d\udd10 Account & Access Assistance<\/option>\n                        <option value=\"Partnership & Business\">\ud83e\udd1d Partnership & Business Inquiries<\/option>\n                        <option value=\"Technical Feedback\">\u2699\ufe0f Technical Feedback & Bug Report<\/option>\n                    <\/select>\n                <\/div>\n\n                <div class=\"space-y-1.5\">\n                    <label for=\"contact-message\" class=\"block text-xs font-bold uppercase tracking-wider text-slate-700 dark:text-slate-300\">Your Message <span class=\"text-rose-500\">*<\/span><\/label>\n                    <textarea id=\"contact-message\" name=\"message\" rows=\"5\" required placeholder=\"How can we assist you today? Provide as much detail as possible...\" class=\"w-full px-4 py-3 bg-slate-50 dark:bg-slate-800\/90 border border-slate-200 dark:border-slate-700 rounded-xl text-slate-900 dark:text-white placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition resize-y\"><\/textarea>\n                <\/div>\n\n                <div class=\"pt-2\">\n                    <button type=\"submit\" id=\"contact-submit-btn\" class=\"w-full sm:w-auto px-8 py-3.5 bg-gradient-to-r from-blue-600 to-indigo-600 hover:from-blue-700 hover:to-indigo-700 text-white font-bold rounded-xl shadow-lg shadow-blue-500\/25 hover:shadow-blue-500\/40 transform hover:-translate-y-0.5 active:translate-y-0 transition duration-200 flex items-center justify-center gap-2 cursor-pointer\">\n                        <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 19l9 2-9-18-9 18 9-2zm0 0v-8\"><\/path><\/svg>\n                        <span>Send Message<\/span>\n                    <\/button>\n                <\/div>\n            <\/form>\n        <\/div>\n    <\/div>\n\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        var form = document.getElementById('ecdroide-contact-form');\n        var alertBox = document.getElementById('contact-alert');\n        var submitBtn = document.getElementById('contact-submit-btn');\n\n        if (!form) return;\n\n        form.addEventListener('submit', function(e) {\n            e.preventDefault();\n\n            var originalText = submitBtn.innerHTML;\n            submitBtn.disabled = true;\n            submitBtn.innerHTML = '<svg class=\"w-5 h-5 animate-spin\" viewBox=\"0 0 24 24\" fill=\"none\"><circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle><path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8v8H4z\"><\/path><\/svg> <span>Sending...<\/span>';\n            \n            alertBox.className = 'hidden mb-6 p-4 rounded-2xl text-sm font-medium';\n            alertBox.innerHTML = '';\n\n            var formData = new FormData(form);\n\n            fetch('https:\/\/ecdroide.atz.li\/wp-admin\/admin-ajax.php', {\n                method: 'POST',\n                body: formData\n            })\n            .then(function(res) { return res.json(); })\n            .then(function(data) {\n                submitBtn.disabled = false;\n                submitBtn.innerHTML = originalText;\n\n                if (data.success) {\n                    alertBox.className = 'mb-6 p-4 rounded-2xl text-sm font-semibold bg-emerald-50 dark:bg-emerald-950\/60 border border-emerald-300 dark:border-emerald-700 text-emerald-800 dark:text-emerald-200 flex items-center gap-3 animate-fade-in';\n                    alertBox.innerHTML = '<svg class=\"w-6 h-6 shrink-0 text-emerald-600 dark:text-emerald-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg><span>' + data.data.message + '<\/span>';\n                    form.reset();\n                } else {\n                    alertBox.className = 'mb-6 p-4 rounded-2xl text-sm font-semibold bg-rose-50 dark:bg-rose-950\/60 border border-rose-300 dark:border-rose-700 text-rose-800 dark:text-rose-200 flex items-center gap-3 animate-fade-in';\n                    var msg = (data.data && data.data.message) ? data.data.message : 'An error occurred. Please try again.';\n                    alertBox.innerHTML = '<svg class=\"w-6 h-6 shrink-0 text-rose-600 dark:text-rose-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg><span>' + msg + '<\/span>';\n                }\n            })\n            .catch(function(err) {\n                submitBtn.disabled = false;\n                submitBtn.innerHTML = originalText;\n                alertBox.className = 'mb-6 p-4 rounded-2xl text-sm font-semibold bg-rose-50 dark:bg-rose-950\/60 border border-rose-300 dark:border-rose-700 text-rose-800 dark:text-rose-200 flex items-center gap-3 animate-fade-in';\n                alertBox.innerHTML = '<svg class=\"w-6 h-6 shrink-0 text-rose-600 dark:text-rose-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg><span>Connection error. Please check your network and try again.<\/span>';\n            });\n        });\n    });\n    <\/script>\n    \n\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Direct Communications &amp; Support We&#8217;d Love to Hear From You Whether you have questions regarding products, orders, enterprise inquiries, or general support, our team is always ready to help. Contact Information Reach out directly through any of our support channels below. We typically respond in under two hours during working hours. Email Us support@ecdroide.atz.li Customer [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ecdroide.atz.li\/index.php?rest_route=\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ecdroide.atz.li\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ecdroide.atz.li\/index.php?rest_route=\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/ecdroide.atz.li\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=26"}],"version-history":[{"count":0,"href":"https:\/\/ecdroide.atz.li\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions"}],"wp:attachment":[{"href":"https:\/\/ecdroide.atz.li\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}