{"id":184,"date":"2026-05-02T17:37:09","date_gmt":"2026-05-02T17:37:09","guid":{"rendered":"https:\/\/websitemitra.com\/theme27\/?page_id=184"},"modified":"2026-07-14T12:10:46","modified_gmt":"2026-07-14T12:10:46","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/websitemitra.com\/?page_id=184","title":{"rendered":"Contact Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"184\" class=\"elementor elementor-184\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4740572 e-con e-atomic-element e-flexbox-base e-default-div e-f7256b2 \" data-id=\"4740572\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4740572\">\n    \t\t<div class=\"elementor-element elementor-element-4c426b2 elementor-widget elementor-widget-html\" data-id=\"4c426b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Contact Us | WebsiteMitra<\/title>\r\n    <!-- Tailwind CSS CDN -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <!-- Google Fonts: Plus Jakarta Sans for high-end professional feel -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    <!-- Lucide Icons -->\r\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n    \r\n    <script>\r\n        tailwind.config = {\r\n            darkMode: 'class',\r\n            theme: {\r\n                extend: {\r\n                    fontFamily: {\r\n                        sans: ['\"Plus Jakarta Sans\"', 'sans-serif'],\r\n                    },\r\n                    colors: {\r\n                        brand: {\r\n                            50: '#f5f3ff',\r\n                            100: '#ede9fe',\r\n                            500: '#6366f1',\r\n                            600: '#4f46e5',\r\n                            700: '#4338ca',\r\n                            950: '#070a13',\r\n                        }\r\n                    },\r\n                    animation: {\r\n                        'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',\r\n                        'float': 'float 6s ease-in-out infinite',\r\n                    },\r\n                    keyframes: {\r\n                        float: {\r\n                            '0%, 100%': { transform: 'translateY(0px)' },\r\n                            '50%': { transform: 'translateY(-6px)' },\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n    \r\n    <style>\r\n        :root {\r\n            --color-brand-500: #6366f1;\r\n            --accent-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);\r\n        }\r\n\r\n        \/* FORCE THE CORE DARK BACKGROUND THEME TO AVOID PREVIEW BLEED *\/\r\n        html, body {\r\n            background-color: #0b0f19 !important;\r\n            color: #f1f5f9 !important;\r\n        }\r\n\r\n        .custom-gradient {\r\n            background: var(--accent-gradient);\r\n        }\r\n\r\n        .text-gradient {\r\n            background: var(--accent-gradient);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n        }\r\n\r\n        \/* Premium Dark Solid Glass elements with high contrast to fix styling washout issues *\/\r\n        .glass-card {\r\n            background: rgba(17, 24, 39, 0.95) !important;\r\n            backdrop-filter: blur(12px);\r\n            border: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        .glass-card:hover {\r\n            background: rgba(24, 33, 53, 0.98) !important;\r\n            border-color: rgba(99, 102, 241, 0.6) !important;\r\n        }\r\n\r\n        \/* Customized inputs for dark layout *\/\r\n        .form-input {\r\n            background: rgba(7, 10, 19, 0.95) !important;\r\n            border: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n            transition: all 0.2s ease;\r\n        }\r\n        .form-input:focus {\r\n            border-color: #6366f1 !important;\r\n            box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.2);\r\n            outline: none;\r\n        }\r\n\r\n        \/* Clean scroll bar track styling *\/\r\n        ::-webkit-scrollbar {\r\n            width: 6px;\r\n        }\r\n        ::-webkit-scrollbar-track {\r\n            background: #0b0f19;\r\n        }\r\n        ::-webkit-scrollbar-thumb {\r\n            background: #1e293b;\r\n            border-radius: 3px;\r\n        }\r\n        ::-webkit-scrollbar-thumb:hover {\r\n            background: var(--color-brand-500);\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-[#0b0f19] text-slate-100 font-sans min-h-screen antialiased py-16 px-4 sm:px-6 md:px-12 relative overflow-x-hidden\">\r\n\r\n    <!-- Glowing Background Ambient Spheres -->\r\n    <div class=\"absolute top-12 left-12 w-80 h-80 bg-brand-600\/10 rounded-full blur-[120px] pointer-events-none\"><\/div>\r\n    <div class=\"absolute bottom-20 right-12 w-96 h-96 bg-purple-600\/10 rounded-full blur-[140px] pointer-events-none\"><\/div>\r\n\r\n    <div class=\"max-w-6xl mx-auto space-y-12 relative z-10\">\r\n\r\n        <!-- Center Aligned Simple Header -->\r\n        <div class=\"flex flex-col items-center text-center gap-4 pb-8 border-b border-slate-800\/80\">\r\n            <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-brand-500\/10 border border-brand-500\/20 text-brand-400 text-xs font-semibold\">\r\n                <span class=\"flex h-1.5 w-1.5 rounded-full bg-brand-500\"><\/span>\r\n                <span>Simple & Easy Support<\/span>\r\n            <\/div>\r\n            <h1 class=\"text-3xl sm:text-4xl md:text-5xl font-extrabold text-white tracking-tight leading-none\">\r\n                Contact <span class=\"text-gradient\">WebsiteMitra<\/span>\r\n            <\/h1>\r\n            <p class=\"text-slate-400 text-sm md:text-base max-w-2xl\">\r\n                Have a project idea, need professional service, or want to ask a question? Drop us a line below. Our experts will help you scale!\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 items-start\">\r\n            \r\n            <!-- Contact Form Section (7 Columns) -->\r\n            <div class=\"lg:col-span-7 glass-card rounded-2xl p-6 sm:p-8 space-y-6\">\r\n                <div>\r\n                    <h2 class=\"text-lg font-bold text-white mb-1\">Send us an Enquiry<\/h2>\r\n                    <p class=\"text-xs text-slate-400\">Fill out this quick form and we'll reply directly to your email address.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Form submissions can route to Web3Forms\/Formspree safely -->\r\n                <form id=\"contact-form\" onsubmit=\"handleFormSubmit(event)\" class=\"space-y-4\">\r\n                    <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\r\n                        <div class=\"space-y-1.5\">\r\n                            <label class=\"block text-xs font-semibold text-slate-300\">Your Name <span class=\"text-brand-400\">*<\/span><\/label>\r\n                            <input type=\"text\" id=\"form-name\" required placeholder=\"eg. Rahul Kumar\" class=\"form-input w-full rounded-xl py-3 px-4 text-xs text-slate-100 placeholder-slate-600\">\r\n                        <\/div>\r\n                        <div class=\"space-y-1.5\">\r\n                            <label class=\"block text-xs font-semibold text-slate-300\">Your Email <span class=\"text-brand-400\">*<\/span><\/label>\r\n                            <input type=\"email\" id=\"form-email\" required placeholder=\"eg. name@company.com\" class=\"form-input w-full rounded-xl py-3 px-4 text-xs text-slate-100 placeholder-slate-600\">\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\r\n                        <div class=\"space-y-1.5\">\r\n                            <label class=\"block text-xs font-semibold text-slate-300\">Select Service Needed<\/label>\r\n                            <select id=\"form-service\" class=\"form-input w-full rounded-xl py-3 px-4 text-xs text-slate-100 focus:outline-none\">\r\n                                <option value=\"website-dev\" selected>Website Development (Starts \u20b99,999)<\/option>\r\n                                <option value=\"mobile-app\">Mobile App Development (Starts \u20b919,999)<\/option>\r\n                                <option value=\"wp-theme\">Custom WordPress Theme (Starts \u20b99,999)<\/option>\r\n                                <option value=\"wp-plugin\">Custom WordPress Plugin (Starts \u20b99,999)<\/option>\r\n                                <option value=\"gmb-seo\">Google My Business SEO (Starts \u20b97,999)<\/option>\r\n                                <option value=\"website-seo\">Website SEO optimization (Starts \u20b97,999)<\/option>\r\n                                <option value=\"website-audit\">Website Diagnostic Audit (Starts \u20b94,999)<\/option>\r\n                                <option value=\"ai-audit\">AI Search Audit (Starts \u20b94,999)<\/option>\r\n                                <option value=\"general\">General Support \/ Enquiry<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                        <div class=\"space-y-1.5\">\r\n                            <label class=\"block text-xs font-semibold text-slate-300\">Project Timeline<\/label>\r\n                            <select id=\"form-urgency\" class=\"form-input w-full rounded-xl py-3 px-4 text-xs text-slate-100 focus:outline-none\">\r\n                                <option value=\"normal\">Normal (Within 2-3 weeks)<\/option>\r\n                                <option value=\"asap\">Urgent (As soon as possible)<\/option>\r\n                                <option value=\"explore\">Just exploring options<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"space-y-1.5\">\r\n                        <label class=\"block text-xs font-semibold text-slate-300\">Your Requirements <span class=\"text-brand-400\">*<\/span><\/label>\r\n                        <textarea id=\"form-message\" required rows=\"5\" placeholder=\"Please describe what features or problems we can solve for you...\" class=\"form-input w-full rounded-xl py-3 px-4 text-xs text-slate-100 placeholder-slate-600 resize-none\"><\/textarea>\r\n                    <\/div>\r\n\r\n                    <!-- Submit Button -->\r\n                    <button type=\"submit\" id=\"submit-btn\" class=\"w-full py-3.5 rounded-xl custom-gradient text-white font-bold text-xs hover:opacity-90 active:scale-95 transition-all shadow-lg shadow-brand-500\/10 flex items-center justify-center gap-2\">\r\n                        <i data-lucide=\"send\" class=\"w-4 h-4\"><\/i>\r\n                        <span>Submit Secure Enquiry<\/span>\r\n                    <\/button>\r\n                <\/form>\r\n            <\/div>\r\n\r\n            <!-- Contact Channels Section (5 Columns) -->\r\n            <div class=\"lg:col-span-5 space-y-6\">\r\n                \r\n                <!-- Quick Response Speed Panel -->\r\n                <div class=\"glass-card rounded-2xl p-6 flex flex-col justify-between space-y-4 border border-brand-500\/20\">\r\n                    <div class=\"flex items-center gap-3\">\r\n                        <div class=\"p-2.5 rounded-xl bg-brand-500\/10 text-brand-400 border border-brand-500\/20 relative\">\r\n                            <i data-lucide=\"clock\" class=\"w-5 h-5\"><\/i>\r\n                            <span class=\"absolute top-1 right-1 flex h-2 w-2\">\r\n                                <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75\"><\/span>\r\n                                <span class=\"relative inline-flex rounded-full h-2 w-2 bg-emerald-500\"><\/span>\r\n                            <\/span>\r\n                        <\/div>\r\n                        <div>\r\n                            <span class=\"block text-[10px] uppercase font-bold text-brand-400 tracking-wider\">Live Response Desk<\/span>\r\n                            <h3 class=\"text-sm font-bold text-white\">Our Engineers Are Active<\/h3>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <p class=\"text-xs text-slate-400 leading-relaxed\">\r\n                        We review every incoming request within hours. You will receive a simplified proposal directly to your inbox.\r\n                    <\/p>\r\n                    <div class=\"flex items-center justify-between text-xs pt-2 border-t border-slate-800\/60 text-slate-400\">\r\n                        <span>Current Reply Speed:<\/span>\r\n                        <span class=\"font-bold text-emerald-400\">~15 Minutes<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Direct Details Block -->\r\n                <div class=\"glass-card rounded-2xl p-6 space-y-5\">\r\n                    <h3 class=\"text-sm font-bold text-white pb-2 border-b border-slate-800\/60\">Official Company Channels<\/h3>\r\n                    \r\n                    <div class=\"space-y-5\">\r\n                        <!-- Direct Email Connection -->\r\n                        <div class=\"flex items-start gap-3\">\r\n                            <div class=\"p-2 rounded-xl bg-blue-500\/10 text-blue-400 border border-blue-500\/20 mt-1\">\r\n                                <i data-lucide=\"mail\" class=\"w-4 h-4\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <span class=\"block text-[10px] text-slate-500 uppercase font-bold tracking-wider\">Email Address<\/span>\r\n                                <a href=\"mailto:info@websitemitra.com\" class=\"text-xs font-semibold text-slate-200 hover:text-brand-400 transition-colors\">info@websitemitra.com<\/a>\r\n                                <span class=\"block text-[10px] text-slate-500 mt-0.5\">Primary channel for quotes, legal setup & support.<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Verified Phone Line \/ WhatsApp -->\r\n                        <div class=\"flex items-start gap-3\">\r\n                            <div class=\"p-2 rounded-xl bg-emerald-500\/10 text-emerald-400 border border-emerald-500\/20 mt-1\">\r\n                                <i data-lucide=\"phone\" class=\"w-4 h-4\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <span class=\"block text-[10px] text-slate-500 uppercase font-bold tracking-wider\">Phone & WhatsApp Support<\/span>\r\n                                <a href=\"https:\/\/wa.me\/919960816492\" target=\"_blank\" class=\"text-xs font-semibold text-slate-200 hover:text-emerald-400 transition-colors flex items-center gap-1.5\">\r\n                                    +91 9960816492\r\n                                    <span class=\"text-[9px] bg-emerald-500\/15 text-emerald-400 px-1.5 py-0.5 rounded font-bold uppercase\">Online Now<\/span>\r\n                                <\/a>\r\n                                <span class=\"block text-[10px] text-slate-500 mt-0.5\">Call or chat with us for urgent pre-sales requests.<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Office Address Location -->\r\n                        <div class=\"flex items-start gap-3\">\r\n                            <div class=\"p-2 rounded-xl bg-amber-500\/10 text-amber-400 border border-amber-500\/20 mt-1\">\r\n                                <i data-lucide=\"map-pin\" class=\"w-4 h-4\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <span class=\"block text-[10px] text-slate-500 uppercase font-bold tracking-wider\">Registered Office<\/span>\r\n                                <span class=\"block text-xs font-semibold text-slate-200 leading-relaxed\">\r\n                                    E 1107 Joyville By Shapoorji Palonji,<br>\r\n                                    Maan Road, Hinjewadi Phase 1, Pune,<br>\r\n                                    Maharashtra 411057\r\n                                <\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Simple FAQ Section -->\r\n        <div class=\"space-y-6 pt-6\">\r\n            <div class=\"text-center space-y-2\">\r\n                <span class=\"text-[10px] uppercase tracking-wider text-brand-400 font-bold\">Frequently Asked<\/span>\r\n                <h2 class=\"text-xl font-bold text-white\">Quick Answers<\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 max-w-4xl mx-auto\">\r\n                \r\n                <div class=\"glass-card rounded-2xl p-5 space-y-2 cursor-pointer select-none hover:border-brand-500\/40 transition-all duration-300\" onclick=\"toggleFaq(this)\">\r\n                    <div class=\"flex justify-between items-center gap-2\">\r\n                        <h4 class=\"text-xs font-bold text-white\">How does Web3Forms process my contact form?<\/h4>\r\n                        <i data-lucide=\"chevron-down\" class=\"w-4 h-4 text-slate-500 flex-shrink-0 transition-transform duration-200\"><\/i>\r\n                    <\/div>\r\n                    <p class=\"text-[11px] text-slate-400 leading-relaxed hidden pt-1\">\r\n                        Web3Forms is a secure, serverless backend. When users fill out this form, the submission data is safely processed and forwarded directly as a clean email layout to your registered inbox: <strong>rathore.nilesh1489@gmail.com<\/strong>.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"glass-card rounded-2xl p-5 space-y-2 cursor-pointer select-none hover:border-brand-500\/40 transition-all duration-300\" onclick=\"toggleFaq(this)\">\r\n                    <div class=\"flex justify-between items-center gap-2\">\r\n                        <h4 class=\"text-xs font-bold text-white\">Can I visit your office in Hinjewadi Phase 1?<\/h4>\r\n                        <i data-lucide=\"chevron-down\" class=\"w-4 h-4 text-slate-500 flex-shrink-0 transition-transform duration-200\"><\/i>\r\n                    <\/div>\r\n                    <p class=\"text-[11px] text-slate-400 leading-relaxed hidden pt-1\">\r\n                        Yes! You can visit us at our Hinjewadi Pune office. However, we request setting up an appointment beforehand via email or WhatsApp so our technical consultants are prepared for your project scope.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"glass-card rounded-2xl p-5 space-y-2 cursor-pointer select-none hover:border-brand-500\/40 transition-all duration-300\" onclick=\"toggleFaq(this)\">\r\n                    <div class=\"flex justify-between items-center gap-2\">\r\n                        <h4 class=\"text-xs font-bold text-white\">Are all final quotes custom fixed prices?<\/h4>\r\n                        <i data-lucide=\"chevron-down\" class=\"w-4 h-4 text-slate-500 flex-shrink-0 transition-transform duration-200\"><\/i>\r\n                    <\/div>\r\n                    <p class=\"text-[11px] text-slate-400 leading-relaxed hidden pt-1\">\r\n                        Yes. We believe in total transparency. Our standard Website builds start from \u20b99,999, and based on your custom integrations, we'll provide a fixed scope with zero surprise charges.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"glass-card rounded-2xl p-5 space-y-2 cursor-pointer select-none hover:border-brand-500\/40 transition-all duration-300\" onclick=\"toggleFaq(this)\">\r\n                    <div class=\"flex justify-between items-center gap-2\">\r\n                        <h4 class=\"text-xs font-bold text-white\">Do you sign Non-Disclosure Agreements (NDAs)?<\/h4>\r\n                        <i data-lucide=\"chevron-down\" class=\"w-4 h-4 text-slate-500 flex-shrink-0 transition-transform duration-200\"><\/i>\r\n                    <\/div>\r\n                    <p class=\"text-[11px] text-slate-400 leading-relaxed hidden pt-1\">\r\n                        Absolutely. If you have a sensitive proprietary software project, custom plugin idea, or app concept, let us know and we'll secure our communication with an official NDA.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Success Notification Panel (Replaces simple alerts) -->\r\n    <div id=\"toast-notify\" class=\"fixed bottom-6 right-6 z-50 hidden max-w-sm w-full bg-[#0d1222] border border-emerald-500\/40 rounded-2xl p-4 shadow-2xl flex items-start gap-3 animate-float\">\r\n        <div class=\"p-2 bg-emerald-500\/10 text-emerald-400 rounded-xl\">\r\n            <i data-lucide=\"badge-check\" class=\"w-5 h-5\"><\/i>\r\n        <\/div>\r\n        <div class=\"space-y-1\">\r\n            <h4 class=\"text-xs font-bold text-white\" id=\"toast-title\">Success<\/h4>\r\n            <p class=\"text-[10px] text-slate-400\" id=\"toast-desc\">Information updated.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Initialize Lucide Icons\r\n        lucide.createIcons();\r\n\r\n        \/\/ To run emails live, replace this key with your token from https:\/\/web3forms.com\r\n        const WEB3FORMS_ACCESS_KEY = \"d55bc78f-6345-4a57-b434-1042c941f4af\";\r\n\r\n        \/\/ Dynamic Toast Notification Helper\r\n        function triggerToast(title, description, isError = false) {\r\n            const toast = document.getElementById('toast-notify');\r\n            const toastTitle = document.getElementById('toast-title');\r\n            const toastDesc = document.getElementById('toast-desc');\r\n            const toastIcon = toast.querySelector('.p-2');\r\n\r\n            toastTitle.textContent = title;\r\n            toastDesc.textContent = description;\r\n\r\n            if (isError) {\r\n                toastIcon.className = \"p-2 bg-red-500\/10 text-red-400 rounded-xl\";\r\n                toast.className = \"fixed bottom-6 right-6 z-50 max-w-sm w-full bg-[#0d1222] border border-red-500\/40 rounded-2xl p-4 shadow-2xl flex items-start gap-3 animate-float\";\r\n            } else {\r\n                toastIcon.className = \"p-2 bg-emerald-500\/10 text-emerald-400 rounded-xl\";\r\n                toast.className = \"fixed bottom-6 right-6 z-50 max-w-sm w-full bg-[#0d1222] border border-emerald-500\/40 rounded-2xl p-4 shadow-2xl flex items-start gap-3 animate-float\";\r\n            }\r\n\r\n            toast.classList.remove('hidden');\r\n            setTimeout(() => {\r\n                toast.classList.add('hidden');\r\n            }, 5000);\r\n        }\r\n\r\n        \/\/ Contact Form Submission\r\n        async function handleFormSubmit(event) {\r\n            event.preventDefault();\r\n\r\n            const name = document.getElementById('form-name').value;\r\n            const email = document.getElementById('form-email').value;\r\n            const service = document.getElementById('form-service').value;\r\n            const timeline = document.getElementById('form-urgency').value;\r\n            const message = document.getElementById('form-message').value;\r\n            const submitBtn = document.getElementById('submit-btn');\r\n\r\n            if (!name || !email || !message) {\r\n                triggerToast(\"Required Fields\", \"Please fill out all required fields before sending.\", true);\r\n                return;\r\n            }\r\n\r\n            \/\/ Put button into loading state\r\n            submitBtn.disabled = true;\r\n            submitBtn.innerHTML = `\r\n                <svg class=\"animate-spin -ml-1 mr-2 h-4 w-4 text-white inline-block\" fill=\"none\" viewBox=\"0 0 24 24\">\r\n                    <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\r\n                    <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\r\n                <\/svg>\r\n                <span>Sending Securely...<\/span>\r\n            `;\r\n\r\n            \/\/ If the user hasn't set up Web3Forms yet, simulate the request beautifully\r\n            if (WEB3FORMS_ACCESS_KEY === \"YOUR_ACCESS_KEY_HERE\") {\r\n                setTimeout(() => {\r\n                    triggerToast(\r\n                        \"Enquiry Received!\", \r\n                        `Thank you ${name}. Since this is a test template, we've simulated a delivery to rathore.nilesh1489@gmail.com.`\r\n                    );\r\n                    \r\n                    document.getElementById('contact-form').reset();\r\n                    submitBtn.disabled = false;\r\n                    submitBtn.innerHTML = `\r\n                        <i data-lucide=\"send\" class=\"w-4 h-4\"><\/i>\r\n                        <span>Submit Secure Enquiry<\/span>\r\n                    `;\r\n                    lucide.createIcons();\r\n                }, 1500);\r\n            } else {\r\n                \/\/ Real Live Web3Forms submission\r\n                try {\r\n                    const response = await fetch(\"https:\/\/api.web3forms.com\/submit\", {\r\n                        method: \"POST\",\r\n                        headers: {\r\n                            \"Content-Type\": \"application\/json\",\r\n                            \"Accept\": \"application\/json\"\r\n                        },\r\n                        body: JSON.stringify({\r\n                            access_key: WEB3FORMS_ACCESS_KEY,\r\n                            name: name,\r\n                            email: email,\r\n                            subject: `New Lead: ${service} for WebsiteMitra`,\r\n                            message: `Service: ${service}\\nTimeline: ${timeline}\\n\\nMessage:\\n${message}`\r\n                        })\r\n                    });\r\n\r\n                    const json = await response.json();\r\n                    if (response.status === 200) {\r\n                        triggerToast(\r\n                            \"Message Sent Successfully!\",\r\n                            `Thank you ${name}. Your request is delivered to rathore.nilesh1489@gmail.com.`\r\n                        );\r\n                        document.getElementById('contact-form').reset();\r\n                    } else {\r\n                        triggerToast(\"Submission Error\", json.message || \"Something went wrong.\", true);\r\n                    }\r\n                } catch (error) {\r\n                    triggerToast(\"Network Error\", \"Unable to reach the delivery server.\", true);\r\n                } finally {\r\n                    submitBtn.disabled = false;\r\n                    submitBtn.innerHTML = `\r\n                        <i data-lucide=\"send\" class=\"w-4 h-4\"><\/i>\r\n                        <span>Submit Secure Enquiry<\/span>\r\n                    `;\r\n                    lucide.createIcons();\r\n                }\r\n            }\r\n        }\r\n\r\n        \/\/ Accordion toggle helper\r\n        function toggleFaq(card) {\r\n            const description = card.querySelector('p');\r\n            const icon = card.querySelector('i');\r\n            \r\n            if (description.classList.contains('hidden')) {\r\n                description.classList.remove('hidden');\r\n                icon.style.transform = \"rotate(180deg)\";\r\n            } else {\r\n                description.classList.add('hidden');\r\n                icon.style.transform = \"rotate(0deg)\";\r\n            }\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-bee45c7 e-con e-atomic-element e-flexbox-base e-default-div e-5c075aa \" data-id=\"bee45c7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bee45c7\">\n    \t\t<div class=\"elementor-element elementor-element-00f18e5 elementor-widget elementor-widget-google_maps\" data-id=\"00f18e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=website%20mitra%20hinjewadi&#038;t=m&#038;z=10&#038;output=embed&#038;iwloc=near\"\n\t\t\t\t\ttitle=\"website mitra hinjewadi\"\n\t\t\t\t\taria-label=\"website mitra hinjewadi\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact Us | WebsiteMitra Simple &#038; Easy Support Contact WebsiteMitra Have a project idea, need professional service, or want to [&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":"","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":""}},"_mbp_gutenberg_autopost":false,"footnotes":""},"class_list":["post-184","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Contact Us | Website Design Development in Hinjewadi Pune | WordPress Plugin Theme Development<\/title>\n<meta name=\"description\" content=\"Looking for Contact Us ? Then you are at right place we are a team of experts who are there to support all your business needs...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/websitemitra.com\/?page_id=184\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contact Us | Website Design Development in Hinjewadi Pune | WordPress Plugin Theme Development\" \/>\n<meta property=\"og:description\" content=\"Looking for Contact Us ? Then you are at right place we are a team of experts who are there to support all your business needs...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/websitemitra.com\/?page_id=184\" \/>\n<meta property=\"og:site_name\" content=\"Website Design Development in Hinjewadi Pune | WordPress Plugin Theme Development\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-14T12:10:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/websitemitra.com\/wp-content\/uploads\/2026\/07\/Website_Mitra.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1244\" \/>\n\t<meta property=\"og:image:height\" content=\"558\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/websitemitra.com\\\/?page_id=184\",\"url\":\"https:\\\/\\\/websitemitra.com\\\/?page_id=184\",\"name\":\"Contact Us | Website Design Development in Hinjewadi Pune | WordPress Plugin Theme Development\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/websitemitra.com\\\/#website\"},\"datePublished\":\"2026-05-02T17:37:09+00:00\",\"dateModified\":\"2026-07-14T12:10:46+00:00\",\"description\":\"Looking for Contact Us ? Then you are at right place we are a team of experts who are there to support all your business needs...\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/websitemitra.com\\\/?page_id=184#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/websitemitra.com\\\/?page_id=184\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/websitemitra.com\\\/?page_id=184#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/websitemitra.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contact Us\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/websitemitra.com\\\/#website\",\"url\":\"https:\\\/\\\/websitemitra.com\\\/\",\"name\":\"Website Mitra - Website Development and SEO Services in Hinjewadi Pune\",\"description\":\"WordPress Developer | WordPress Plugin Developer | WordPress Theme Developer\",\"publisher\":{\"@id\":\"https:\\\/\\\/websitemitra.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/websitemitra.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/websitemitra.com\\\/#organization\",\"name\":\"Website Mitra - Website Development Services\",\"url\":\"https:\\\/\\\/websitemitra.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/websitemitra.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/websitemitra.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/cropped-ChatGPT-Image-Jul-10-2026-05_52_17-PM.png\",\"contentUrl\":\"https:\\\/\\\/websitemitra.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/cropped-ChatGPT-Image-Jul-10-2026-05_52_17-PM.png\",\"width\":1168,\"height\":281,\"caption\":\"Website Mitra - Website Development Services\"},\"image\":{\"@id\":\"https:\\\/\\\/websitemitra.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Contact Us | Website Design Development in Hinjewadi Pune | WordPress Plugin Theme Development","description":"Looking for Contact Us ? Then you are at right place we are a team of experts who are there to support all your business needs...","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/websitemitra.com\/?page_id=184","og_locale":"en_US","og_type":"article","og_title":"Contact Us | Website Design Development in Hinjewadi Pune | WordPress Plugin Theme Development","og_description":"Looking for Contact Us ? Then you are at right place we are a team of experts who are there to support all your business needs...","og_url":"https:\/\/websitemitra.com\/?page_id=184","og_site_name":"Website Design Development in Hinjewadi Pune | WordPress Plugin Theme Development","article_modified_time":"2026-07-14T12:10:46+00:00","og_image":[{"width":1244,"height":558,"url":"https:\/\/websitemitra.com\/wp-content\/uploads\/2026\/07\/Website_Mitra.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/websitemitra.com\/?page_id=184","url":"https:\/\/websitemitra.com\/?page_id=184","name":"Contact Us | Website Design Development in Hinjewadi Pune | WordPress Plugin Theme Development","isPartOf":{"@id":"https:\/\/websitemitra.com\/#website"},"datePublished":"2026-05-02T17:37:09+00:00","dateModified":"2026-07-14T12:10:46+00:00","description":"Looking for Contact Us ? Then you are at right place we are a team of experts who are there to support all your business needs...","breadcrumb":{"@id":"https:\/\/websitemitra.com\/?page_id=184#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/websitemitra.com\/?page_id=184"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/websitemitra.com\/?page_id=184#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/websitemitra.com\/"},{"@type":"ListItem","position":2,"name":"Contact Us"}]},{"@type":"WebSite","@id":"https:\/\/websitemitra.com\/#website","url":"https:\/\/websitemitra.com\/","name":"Website Mitra - Website Development and SEO Services in Hinjewadi Pune","description":"WordPress Developer | WordPress Plugin Developer | WordPress Theme Developer","publisher":{"@id":"https:\/\/websitemitra.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/websitemitra.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/websitemitra.com\/#organization","name":"Website Mitra - Website Development Services","url":"https:\/\/websitemitra.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/websitemitra.com\/#\/schema\/logo\/image\/","url":"https:\/\/websitemitra.com\/wp-content\/uploads\/2026\/07\/cropped-ChatGPT-Image-Jul-10-2026-05_52_17-PM.png","contentUrl":"https:\/\/websitemitra.com\/wp-content\/uploads\/2026\/07\/cropped-ChatGPT-Image-Jul-10-2026-05_52_17-PM.png","width":1168,"height":281,"caption":"Website Mitra - Website Development Services"},"image":{"@id":"https:\/\/websitemitra.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/websitemitra.com\/index.php?rest_route=\/wp\/v2\/pages\/184","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/websitemitra.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/websitemitra.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/websitemitra.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/websitemitra.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=184"}],"version-history":[{"count":0,"href":"https:\/\/websitemitra.com\/index.php?rest_route=\/wp\/v2\/pages\/184\/revisions"}],"wp:attachment":[{"href":"https:\/\/websitemitra.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}