{"id":183,"date":"2026-05-02T17:36:42","date_gmt":"2026-05-02T17:36:42","guid":{"rendered":"https:\/\/websitemitra.com\/theme27\/?page_id=183"},"modified":"2026-07-26T17:17:50","modified_gmt":"2026-07-26T17:17:50","slug":"services","status":"publish","type":"page","link":"https:\/\/websitemitra.com\/?page_id=183","title":{"rendered":"Services"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Our Services | ApexEngine<\/title>\r\n <!-- Tailwind CSS CDN -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <!-- Google Fonts: Plus Jakarta Sans for premium modern tech 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 BACKGROUND THEME REGARDLESS OF PREVIEW OVERRIDES *\/\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 \/* Glassmorphism custom styles with fallback solid colors to prevent washing out *\/\r\n .glass-panel {\r\n background: rgba(15, 23, 42, 0.95) !important;\r\n backdrop-filter: blur(16px);\r\n border: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n }\r\n\r\n .glass-card {\r\n background: rgba(17, 24, 39, 0.9) !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.95) !important;\r\n border-color: rgba(99, 102, 241, 0.6) !important;\r\n transform: translateY(-4px);\r\n box-shadow: 0 12px 35px -10px rgba(99, 102, 241, 0.25);\r\n }\r\n\r\n .custom-filter-bar {\r\n background: rgba(17, 24, 39, 0.95) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n }\r\n\r\n \/* Hide Scrollbar for clean UI *\/\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\r\n \/* Modal styles *\/\r\n .modal-overlay {\r\n position: fixed;\r\n inset: 0;\r\n z-index: 999;\r\n background: rgba(0, 0, 0, 0.8);\r\n backdrop-filter: blur(12px);\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 1.5rem;\r\n }\r\n .modal-overlay.active {\r\n display: flex;\r\n }\r\n .modal-box {\r\n background: #0d1222;\r\n border: 1px solid rgba(99, 102, 241, 0.3);\r\n border-radius: 1.5rem;\r\n max-width: 520px;\r\n width: 100%;\r\n padding: 2rem;\r\n box-shadow: 0 30px 60px -20px rgba(0, 0, 0, 0.6);\r\n position: relative;\r\n animation: modalIn 0.3s ease;\r\n }\r\n @keyframes modalIn {\r\n from {\r\n opacity: 0;\r\n transform: scale(0.95) translateY(20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: scale(1) translateY(0);\r\n }\r\n }\r\n .modal-close {\r\n position: absolute;\r\n top: 0.75rem;\r\n right: 0.75rem;\r\n background: rgba(255,255,255,0.05);\r\n border: 1px solid rgba(255,255,255,0.08);\r\n width: 2.2rem;\r\n height: 2.2rem;\r\n border-radius: 50%;\r\n font-size: 1.1rem;\r\n cursor: pointer;\r\n color: #94a3b8;\r\n transition: all 0.2s;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n .modal-close:hover {\r\n background: rgba(255,255,255,0.1);\r\n color: #fff;\r\n }\r\n .modal-box label {\r\n display: block;\r\n font-size: 0.7rem;\r\n font-weight: 700;\r\n color: #94a3b8;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n margin-bottom: 0.2rem;\r\n }\r\n .modal-box input,\r\n .modal-box select,\r\n .modal-box textarea {\r\n width: 100%;\r\n padding: 0.7rem 1rem;\r\n border: 1px solid rgba(255,255,255,0.08);\r\n border-radius: 0.6rem;\r\n font-size: 0.9rem;\r\n background: rgba(255,255,255,0.04);\r\n color: #f1f5f9;\r\n transition: border-color 0.2s, box-shadow 0.2s;\r\n margin-bottom: 1rem;\r\n font-family: inherit;\r\n }\r\n .modal-box input::placeholder,\r\n .modal-box textarea::placeholder {\r\n color: #475569;\r\n }\r\n .modal-box input:focus,\r\n .modal-box select:focus,\r\n .modal-box textarea:focus {\r\n outline: none;\r\n border-color: #6366f1;\r\n box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);\r\n }\r\n .modal-box select option {\r\n background: #0d1222;\r\n color: #f1f5f9;\r\n }\r\n .modal-box .btn-submit {\r\n width: 100%;\r\n padding: 0.8rem;\r\n background: var(--accent-gradient);\r\n color: #fff;\r\n font-weight: 700;\r\n border: none;\r\n border-radius: 0.6rem;\r\n cursor: pointer;\r\n transition: opacity 0.2s, transform 0.15s;\r\n font-size: 0.9rem;\r\n }\r\n .modal-box .btn-submit:hover {\r\n opacity: 0.9;\r\n transform: scale(0.99);\r\n }\r\n .modal-box .btn-submit:disabled {\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n }\r\n\r\n \/* Toast notification *\/\r\n .toast-notify {\r\n position: fixed;\r\n bottom: 2rem;\r\n right: 2rem;\r\n z-index: 1000;\r\n max-width: 380px;\r\n width: 100%;\r\n background: #0d1222;\r\n border: 1px solid rgba(99, 102, 241, 0.4);\r\n border-radius: 1rem;\r\n padding: 1rem 1.25rem;\r\n box-shadow: 0 20px 50px -12px rgba(0, 0, 0, 0.5);\r\n display: none;\r\n align-items: flex-start;\r\n gap: 0.75rem;\r\n animation: float 6s ease-in-out infinite;\r\n }\r\n .toast-notify.show {\r\n display: flex;\r\n }\r\n .toast-notify.error {\r\n border-color: rgba(239, 68, 68, 0.4);\r\n }\r\n .toast-notify.success {\r\n border-color: rgba(52, 211, 153, 0.4);\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 <!-- Ambient Glowing Background Orbs -->\r\n <div class=\"absolute top-10 left-10 w-80 h-80 bg-brand-600\/10 rounded-full blur-[120px] pointer-events-none\"><\/div>\r\n <div class=\"absolute bottom-10 right-10 w-96 h-96 bg-purple-600\/10 rounded-full blur-[140px] pointer-events-none\"><\/div>\r\n\r\n <div class=\"max-w-7xl mx-auto space-y-12 relative z-10\">\r\n\r\n <!-- Core Service Header -->\r\n <div class=\"flex flex-col items-center text-center gap-4 pb-6 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>8 Simple Services<\/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 Our <span class=\"text-gradient\">Services & Prices<\/span>\r\n <\/h1>\r\n <p class=\"text-slate-400 text-sm md:text-base max-w-2xl\">\r\n We build websites, make mobile apps, and help your business show up on Google. Use the tabs below to filter services or compare them side-by-side.\r\n <\/p>\r\n \r\n <!-- Quick Counters \/ Actions -->\r\n <div class=\"flex items-center gap-4 text-xs font-semibold text-slate-400 mt-2\">\r\n <div class=\"px-3 py-2 bg-slate-900\/90 border border-slate-800 rounded-xl flex items-center gap-2\">\r\n <span class=\"text-white\" id=\"selected-compare-count\">0<\/span>\r\n <span>Selected to compare<\/span>\r\n <\/div>\r\n <button onclick=\"clearComparison()\" class=\"text-slate-500 hover:text-white transition-colors\">Reset<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Live Filtering, Search, and Display Options -->\r\n <div class=\"flex flex-col lg:flex-row gap-4 justify-between items-center custom-filter-bar p-4 rounded-2xl\">\r\n <!-- Filter Tabs -->\r\n <div class=\"flex flex-wrap gap-1.5 w-full lg:w-auto\" id=\"filter-wrapper\">\r\n <button onclick=\"filterType('all')\" class=\"tab-btn px-4 py-2.5 rounded-xl text-xs font-bold transition-all bg-brand-500 text-white shadow-lg shadow-brand-500\/15\" data-category=\"all\">\r\n All Services\r\n <\/button>\r\n <button onclick=\"filterType('development')\" class=\"tab-btn px-4 py-2.5 rounded-xl text-xs font-bold text-slate-300 hover:text-white hover:bg-slate-850\/60 transition-all\" data-category=\"development\">\r\n Websites & Apps\r\n <\/button>\r\n <button onclick=\"filterType('seo')\" class=\"tab-btn px-4 py-2.5 rounded-xl text-xs font-bold text-slate-300 hover:text-white hover:bg-slate-850\/60 transition-all\" data-category=\"seo\">\r\n SEO & Google Maps\r\n <\/button>\r\n <button onclick=\"filterType('audits')\" class=\"tab-btn px-4 py-2.5 rounded-xl text-xs font-bold text-slate-300 hover:text-white hover:bg-slate-850\/60 transition-all\" data-category=\"audits\">\r\n Website & AI Checkups\r\n <\/button>\r\n <\/div>\r\n\r\n <!-- Search Field -->\r\n <div class=\"relative w-full lg:w-80\">\r\n <span class=\"absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none text-slate-400\">\r\n <i data-lucide=\"search\" class=\"w-4 h-4\"><\/i>\r\n <\/span>\r\n <input type=\"text\" id=\"service-search\" oninput=\"handleSearch()\" placeholder=\"Type to search services...\" class=\"w-full bg-slate-950\/90 border border-slate-800 rounded-xl py-2.5 pl-10 pr-4 text-xs text-slate-200 placeholder-slate-500 focus:outline-none focus:border-brand-500 transition-colors\">\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Service Cards Grid -->\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6\" id=\"services-container\">\r\n \r\n <!-- Service 1: Website Development -->\r\n <div class=\"service-card glass-card rounded-2xl p-6 flex flex-col justify-between\" data-category=\"development\" data-keywords=\"website design development custom coded page coding build static responsive\">\r\n <div>\r\n <!-- Header icon & Comparison Checkbox -->\r\n <div class=\"flex justify-between items-start mb-5\">\r\n <div class=\"p-2.5 rounded-xl bg-indigo-500\/10 text-indigo-400 border border-indigo-500\/20\">\r\n <i data-lucide=\"code\" class=\"w-5 h-5\"><\/i>\r\n <\/div>\r\n <label class=\"flex items-center gap-1.5 cursor-pointer text-[10px] text-slate-400 hover:text-white select-none\">\r\n <input type=\"checkbox\" onchange=\"toggleCompare('web-dev', this)\" class=\"compare-chk rounded bg-slate-900 border-slate-800 text-brand-500 focus:ring-brand-500 w-3.5 h-3.5\">\r\n Compare\r\n <\/label>\r\n <\/div>\r\n\r\n <h3 class=\"text-lg font-bold text-white tracking-tight mb-1\">Website Development<\/h3>\r\n <p class=\"text-[11px] text-brand-400 uppercase font-semibold tracking-wider mb-2\">Fast & Modern Design<\/p>\r\n <p class=\"text-xs text-slate-400 leading-relaxed mb-4 line-clamp-3\">We design and build custom, fast-loading websites from scratch. They look great on phones, tablets, and computers.<\/p>\r\n <\/div>\r\n\r\n <!-- Footer specs, interactive cost slider & buttons -->\r\n <div class=\"space-y-4 pt-4 border-t border-slate-800\/60\">\r\n <div class=\"flex items-center justify-between text-[11px]\">\r\n <span class=\"text-slate-500 font-semibold\">Project Size:<\/span>\r\n <select onchange=\"adjustScope('web-dev', this.value)\" class=\"bg-slate-900 text-slate-300 font-medium rounded-lg px-2 py-1 border border-slate-800 focus:outline-none text-[10px]\">\r\n <option value=\"standard\">Standard Website<\/option>\r\n <option value=\"enterprise\">Large\/Custom Website<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"flex items-baseline justify-between text-xs\">\r\n <span class=\"text-slate-500\">Starting Price:<\/span>\r\n <span id=\"price-web-dev\" class=\"font-bold text-white\">\u20b99,999<\/span>\r\n <\/div>\r\n <button onclick=\"openSpecificationSheet('web-dev')\" class=\"w-full py-2 rounded-xl bg-slate-800\/80 hover:bg-slate-700\/80 text-white font-semibold text-xs tracking-wide transition-all flex items-center justify-center gap-1.5\">\r\n <span>See What You Get<\/span>\r\n <i data-lucide=\"chevrons-right\" class=\"w-3.5 h-3.5\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Service 2: Mobile App Development -->\r\n <div class=\"service-card glass-card rounded-2xl p-6 flex flex-col justify-between\" data-category=\"development\" data-keywords=\"mobile app flutter android ios phone store application\">\r\n <div>\r\n <div class=\"flex justify-between items-start mb-5\">\r\n <div class=\"p-2.5 rounded-xl bg-purple-500\/10 text-purple-400 border border-purple-500\/20\">\r\n <i data-lucide=\"smartphone\" class=\"w-5 h-5\"><\/i>\r\n <\/div>\r\n <label class=\"flex items-center gap-1.5 cursor-pointer text-[10px] text-slate-400 hover:text-white select-none\">\r\n <input type=\"checkbox\" onchange=\"toggleCompare('mobile-app', this)\" class=\"compare-chk rounded bg-slate-900 border-slate-800 text-brand-500 focus:ring-brand-500 w-3.5 h-3.5\">\r\n Compare\r\n <\/label>\r\n <\/div>\r\n\r\n <h3 class=\"text-lg font-bold text-white tracking-tight mb-1\">Mobile App Dev<\/h3>\r\n <p class=\"text-[11px] text-brand-400 uppercase font-semibold tracking-wider mb-2\">For iPhone & Android<\/p>\r\n <p class=\"text-xs text-slate-400 leading-relaxed mb-4 line-clamp-3\">Get a custom mobile app made for both Apple and Android devices. Easy to use, secure, and built specifically for your needs.<\/p>\r\n <\/div>\r\n\r\n <div class=\"space-y-4 pt-4 border-t border-slate-800\/60\">\r\n <div class=\"flex items-center justify-between text-[11px]\">\r\n <span class=\"text-slate-500 font-semibold\">Project Size:<\/span>\r\n <select onchange=\"adjustScope('mobile-app', this.value)\" class=\"bg-slate-900 text-slate-300 font-medium rounded-lg px-2 py-1 border border-slate-800 focus:outline-none text-[10px]\">\r\n <option value=\"standard\">Standard App<\/option>\r\n <option value=\"enterprise\">Full Custom App<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"flex items-baseline justify-between text-xs\">\r\n <span class=\"text-slate-500\">Starting Price:<\/span>\r\n <span id=\"price-mobile-app\" class=\"font-bold text-white\">\u20b919,999<\/span>\r\n <\/div>\r\n <button onclick=\"openSpecificationSheet('mobile-app')\" class=\"w-full py-2 rounded-xl bg-slate-800\/80 hover:bg-slate-700\/80 text-white font-semibold text-xs tracking-wide transition-all flex items-center justify-center gap-1.5\">\r\n <span>See What You Get<\/span>\r\n <i data-lucide=\"chevrons-right\" class=\"w-3.5 h-3.5\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Service 3: Custom WordPress Theme development -->\r\n <div class=\"service-card glass-card rounded-2xl p-6 flex flex-col justify-between\" data-category=\"development\" data-keywords=\"wordpress theme template custom php web layout designs\">\r\n <div>\r\n <div class=\"flex justify-between items-start mb-5\">\r\n <div class=\"p-2.5 rounded-xl bg-sky-500\/10 text-sky-400 border border-sky-500\/20\">\r\n <i data-lucide=\"layout\" class=\"w-5 h-5\"><\/i>\r\n <\/div>\r\n <label class=\"flex items-center gap-1.5 cursor-pointer text-[10px] text-slate-400 hover:text-white select-none\">\r\n <input type=\"checkbox\" onchange=\"toggleCompare('wp-theme', this)\" class=\"compare-chk rounded bg-slate-900 border-slate-800 text-brand-500 focus:ring-brand-500 w-3.5 h-3.5\">\r\n Compare\r\n <\/label>\r\n <\/div>\r\n\r\n <h3 class=\"text-lg font-bold text-white tracking-tight mb-1\">Custom WP Themes<\/h3>\r\n <p class=\"text-[11px] text-brand-400 uppercase font-semibold tracking-wider mb-2\">Easy To Edit & Quick To Load<\/p>\r\n <p class=\"text-xs text-slate-400 leading-relaxed mb-4 line-clamp-3\">We design unique WordPress websites from scratch. No slow page-builders, just clean designs that are super easy for you to manage.<\/p>\r\n <\/div>\r\n\r\n <div class=\"space-y-4 pt-4 border-t border-slate-800\/60\">\r\n <div class=\"flex items-center justify-between text-[11px]\">\r\n <span class=\"text-slate-500 font-semibold\">Project Size:<\/span>\r\n <select onchange=\"adjustScope('wp-theme', this.value)\" class=\"bg-slate-900 text-slate-300 font-medium rounded-lg px-2 py-1 border border-slate-800 focus:outline-none text-[10px]\">\r\n <option value=\"standard\">Standard Theme<\/option>\r\n <option value=\"enterprise\">Advanced Theme<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"flex items-baseline justify-between text-xs\">\r\n <span class=\"text-slate-500\">Starting Price:<\/span>\r\n <span id=\"price-wp-theme\" class=\"font-bold text-white\">\u20b99,999<\/span>\r\n <\/div>\r\n <button onclick=\"openSpecificationSheet('wp-theme')\" class=\"w-full py-2 rounded-xl bg-slate-800\/80 hover:bg-slate-700\/80 text-white font-semibold text-xs tracking-wide transition-all flex items-center justify-center gap-1.5\">\r\n <span>See What You Get<\/span>\r\n <i data-lucide=\"chevrons-right\" class=\"w-3.5 h-3.5\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Service 4: Custom WordPress Plugin development -->\r\n <div class=\"service-card glass-card rounded-2xl p-6 flex flex-col justify-between\" data-category=\"development\" data-keywords=\"wordpress plugin module custom php feature tools add-ons\">\r\n <div>\r\n <div class=\"flex justify-between items-start mb-5\">\r\n <div class=\"p-2.5 rounded-xl bg-teal-500\/10 text-teal-400 border border-teal-500\/20\">\r\n <i data-lucide=\"puzzle\" class=\"w-5 h-5\"><\/i>\r\n <\/div>\r\n <label class=\"flex items-center gap-1.5 cursor-pointer text-[10px] text-slate-400 hover:text-white select-none\">\r\n <input type=\"checkbox\" onchange=\"toggleCompare('wp-plugin', this)\" class=\"compare-chk rounded bg-slate-900 border-slate-800 text-brand-500 focus:ring-brand-500 w-3.5 h-3.5\">\r\n Compare\r\n <\/label>\r\n <\/div>\r\n\r\n <h3 class=\"text-lg font-bold text-white tracking-tight mb-1\">Custom WP Plugins<\/h3>\r\n <p class=\"text-[11px] text-brand-400 uppercase font-semibold tracking-wider mb-2\">Bespoke Site Features<\/p>\r\n <p class=\"text-xs text-slate-400 leading-relaxed mb-4 line-clamp-3\">We build custom features and add-ons for your WordPress site. Great for automating your daily tasks or adding specialized tools.<\/p>\r\n <\/div>\r\n\r\n <div class=\"space-y-4 pt-4 border-t border-slate-800\/60\">\r\n <div class=\"flex items-center justify-between text-[11px]\">\r\n <span class=\"text-slate-500 font-semibold\">Project Size:<\/span>\r\n <select onchange=\"adjustScope('wp-plugin', this.value)\" class=\"bg-slate-900 text-slate-300 font-medium rounded-lg px-2 py-1 border border-slate-800 focus:outline-none text-[10px]\">\r\n <option value=\"standard\">Standard Plugin<\/option>\r\n <option value=\"enterprise\">Advanced Integration<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"flex items-baseline justify-between text-xs\">\r\n <span class=\"text-slate-500\">Starting Price:<\/span>\r\n <span id=\"price-wp-plugin\" class=\"font-bold text-white\">\u20b99,999<\/span>\r\n <\/div>\r\n <button onclick=\"openSpecificationSheet('wp-plugin')\" class=\"w-full py-2 rounded-xl bg-slate-800\/80 hover:bg-slate-700\/80 text-white font-semibold text-xs tracking-wide transition-all flex items-center justify-center gap-1.5\">\r\n <span>See What You Get<\/span>\r\n <i data-lucide=\"chevrons-right\" class=\"w-3.5 h-3.5\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Service 5: GMB SEO -->\r\n <div class=\"service-card glass-card rounded-2xl p-6 flex flex-col justify-between\" data-category=\"seo\" data-keywords=\"gmb seo local map pack maps rank directory search\">\r\n <div>\r\n <div class=\"flex justify-between items-start mb-5\">\r\n <div class=\"p-2.5 rounded-xl bg-emerald-500\/10 text-emerald-400 border border-emerald-500\/20\">\r\n <i data-lucide=\"map-pin\" class=\"w-5 h-5\"><\/i>\r\n <\/div>\r\n <label class=\"flex items-center gap-1.5 cursor-pointer text-[10px] text-slate-400 hover:text-white select-none\">\r\n <input type=\"checkbox\" onchange=\"toggleCompare('gmb-seo', this)\" class=\"compare-chk rounded bg-slate-900 border-slate-800 text-brand-500 focus:ring-brand-500 w-3.5 h-3.5\">\r\n Compare\r\n <\/label>\r\n <\/div>\r\n\r\n <h3 class=\"text-lg font-bold text-white tracking-tight mb-1\">Google Map SEO (GMB)<\/h3>\r\n <p class=\"text-[11px] text-brand-400 uppercase font-semibold tracking-wider mb-2\">Get Found Locally<\/p>\r\n <p class=\"text-xs text-slate-400 leading-relaxed mb-4 line-clamp-3\">Help local customers find you on Google Maps. We optimize your business profile to rank much higher in local search results.<\/p>\r\n <\/div>\r\n\r\n <div class=\"space-y-4 pt-4 border-t border-slate-800\/60\">\r\n <div class=\"flex items-center justify-between text-[11px]\">\r\n <span class=\"text-slate-500 font-semibold\">Plan:<\/span>\r\n <select onchange=\"adjustScope('gmb-seo', this.value)\" class=\"bg-slate-900 text-slate-300 font-medium rounded-lg px-2 py-1 border border-slate-800 focus:outline-none text-[10px]\">\r\n <option value=\"standard\">1 Location Plan<\/option>\r\n <option value=\"enterprise\">Multi-Location Plan<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"flex items-baseline justify-between text-xs\">\r\n <span class=\"text-slate-500\">Starting Price:<\/span>\r\n <span id=\"price-gmb-seo\" class=\"font-bold text-white\">\u20b97,999\/mo<\/span>\r\n <\/div>\r\n <button onclick=\"openSpecificationSheet('gmb-seo')\" class=\"w-full py-2 rounded-xl bg-slate-800\/80 hover:bg-slate-700\/80 text-white font-semibold text-xs tracking-wide transition-all flex items-center justify-center gap-1.5\">\r\n <span>See What You Get<\/span>\r\n <i data-lucide=\"chevrons-right\" class=\"w-3.5 h-3.5\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Service 6: Website SEO -->\r\n <div class=\"service-card glass-card rounded-2xl p-6 flex flex-col justify-between\" data-category=\"seo\" data-keywords=\"website seo keywords rank engine organic google traffic\">\r\n <div>\r\n <div class=\"flex justify-between items-start mb-5\">\r\n <div class=\"p-2.5 rounded-xl bg-rose-500\/10 text-rose-400 border border-rose-500\/20\">\r\n <i data-lucide=\"search\" class=\"w-5 h-5\"><\/i>\r\n <\/div>\r\n <label class=\"flex items-center gap-1.5 cursor-pointer text-[10px] text-slate-400 hover:text-white select-none\">\r\n <input type=\"checkbox\" onchange=\"toggleCompare('web-seo', this)\" class=\"compare-chk rounded bg-slate-900 border-slate-800 text-brand-500 focus:ring-brand-500 w-3.5 h-3.5\">\r\n Compare\r\n <\/label>\r\n <\/div>\r\n\r\n <h3 class=\"text-lg font-bold text-white tracking-tight mb-1\">Google Search SEO<\/h3>\r\n <p class=\"text-[11px] text-brand-400 uppercase font-semibold tracking-wider mb-2\">Get More Traffic<\/p>\r\n <p class=\"text-xs text-slate-400 leading-relaxed mb-4 line-clamp-3\">Get more visitors from Google. We find the right search terms, fix website ranking issues, and help you rank on page one.<\/p>\r\n <\/div>\r\n\r\n <div class=\"space-y-4 pt-4 border-t border-slate-800\/60\">\r\n <div class=\"flex items-center justify-between text-[11px]\">\r\n <span class=\"text-slate-500 font-semibold\">Plan:<\/span>\r\n <select onchange=\"adjustScope('web-seo', this.value)\" class=\"bg-slate-900 text-slate-300 font-medium rounded-lg px-2 py-1 border border-slate-800 focus:outline-none text-[10px]\">\r\n <option value=\"standard\">Local City Rank Plan<\/option>\r\n <option value=\"enterprise\">Global Rank Plan<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"flex items-baseline justify-between text-xs\">\r\n <span class=\"text-slate-500\">Starting Price:<\/span>\r\n <span id=\"price-web-seo\" class=\"font-bold text-white\">\u20b97,999\/mo<\/span>\r\n <\/div>\r\n <button onclick=\"openSpecificationSheet('web-seo')\" class=\"w-full py-2 rounded-xl bg-slate-800\/80 hover:bg-slate-700\/80 text-white font-semibold text-xs tracking-wide transition-all flex items-center justify-center gap-1.5\">\r\n <span>See What You Get<\/span>\r\n <i data-lucide=\"chevrons-right\" class=\"w-3.5 h-3.5\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Service 7: Website Audit Service -->\r\n <div class=\"service-card glass-card rounded-2xl p-6 flex flex-col justify-between\" data-category=\"audits\" data-keywords=\"website audit test speed errors load checked help\">\r\n <div>\r\n <div class=\"flex justify-between items-start mb-5\">\r\n <div class=\"p-2.5 rounded-xl bg-amber-500\/10 text-amber-400 border border-amber-500\/20\">\r\n <i data-lucide=\"activity\" class=\"w-5 h-5\"><\/i>\r\n <\/div>\r\n <label class=\"flex items-center gap-1.5 cursor-pointer text-[10px] text-slate-400 hover:text-white select-none\">\r\n <input type=\"checkbox\" onchange=\"toggleCompare('web-audit', this)\" class=\"compare-chk rounded bg-slate-900 border-slate-800 text-brand-500 focus:ring-brand-500 w-3.5 h-3.5\">\r\n Compare\r\n <\/label>\r\n <\/div>\r\n\r\n <h3 class=\"text-lg font-bold text-white tracking-tight mb-1\">Website Health Check<\/h3>\r\n <p class=\"text-[11px] text-brand-400 uppercase font-semibold tracking-wider mb-2\">Find & Fix Errors<\/p>\r\n <p class=\"text-xs text-slate-400 leading-relaxed mb-4 line-clamp-3\">We check your website for slow speed, security risks, and bugs. You get a simple step-by-step report on how to fix them.<\/p>\r\n <\/div>\r\n\r\n <div class=\"space-y-4 pt-4 border-t border-slate-800\/60\">\r\n <div class=\"flex items-center justify-between text-[11px]\">\r\n <span class=\"text-slate-500 font-semibold\">Report Type:<\/span>\r\n <select onchange=\"adjustScope('web-audit', this.value)\" class=\"bg-slate-900 text-slate-300 font-medium rounded-lg px-2 py-1 border border-slate-800 focus:outline-none text-[10px]\">\r\n <option value=\"standard\">Standard Check<\/option>\r\n <option value=\"enterprise\">Full Deep Audit<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"flex items-baseline justify-between text-xs\">\r\n <span class=\"text-slate-500\">Starting Price:<\/span>\r\n <span id=\"price-web-audit\" class=\"font-bold text-white\">\u20b94,999<\/span>\r\n <\/div>\r\n <button onclick=\"openSpecificationSheet('web-audit')\" class=\"w-full py-2 rounded-xl bg-slate-800\/80 hover:bg-slate-700\/80 text-white font-semibold text-xs tracking-wide transition-all flex items-center justify-center gap-1.5\">\r\n <span>See What You Get<\/span>\r\n <i data-lucide=\"chevrons-right\" class=\"w-3.5 h-3.5\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Service 8: AI Audit service -->\r\n <div class=\"service-card glass-card rounded-2xl p-6 flex flex-col justify-between\" data-category=\"audits\" data-keywords=\"ai audit search chatgpt searchgpt perplexity gemini list\">\r\n <div>\r\n <div class=\"flex justify-between items-start mb-5\">\r\n <div class=\"p-2.5 rounded-xl bg-red-500\/10 text-red-400 border border-red-500\/20\">\r\n <i data-lucide=\"brain\" class=\"w-5 h-5\"><\/i>\r\n <\/div>\r\n <label class=\"flex items-center gap-1.5 cursor-pointer text-[10px] text-slate-400 hover:text-white select-none\">\r\n <input type=\"checkbox\" onchange=\"toggleCompare('ai-audit', this)\" class=\"compare-chk rounded bg-slate-900 border-slate-800 text-brand-500 focus:ring-brand-500 w-3.5 h-3.5\">\r\n Compare\r\n <\/label>\r\n <\/div>\r\n\r\n <h3 class=\"text-lg font-bold text-white tracking-tight mb-1\">AI Search Audit<\/h3>\r\n <p class=\"text-[11px] text-brand-400 uppercase font-semibold tracking-wider mb-2\">Ready for AI Search<\/p>\r\n <p class=\"text-xs text-slate-400 leading-relaxed mb-4 line-clamp-3\">We check if AI tools like ChatGPT, Gemini, and SearchGPT know about your business, and show you how to get recommended by them.<\/p>\r\n <\/div>\r\n\r\n <div class=\"space-y-4 pt-4 border-t border-slate-800\/60\">\r\n <div class=\"flex items-center justify-between text-[11px]\">\r\n <span class=\"text-slate-500 font-semibold\">Report Type:<\/span>\r\n <select onchange=\"adjustScope('ai-audit', this.value)\" class=\"bg-slate-900 text-slate-300 font-medium rounded-lg px-2 py-1 border border-slate-800 focus:outline-none text-[10px]\">\r\n <option value=\"standard\">Standard AI Check<\/option>\r\n <option value=\"enterprise\">Full Brand AI Mapping<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"flex items-baseline justify-between text-xs\">\r\n <span class=\"text-slate-500\">Starting Price:<\/span>\r\n <span id=\"price-ai-audit\" class=\"font-bold text-white\">\u20b94,999<\/span>\r\n <\/div>\r\n <div class=\"pt-1\">\r\n <button onclick=\"openSpecificationSheet('ai-audit')\" class=\"w-full py-2 rounded-xl bg-slate-800\/80 hover:bg-slate-700\/80 text-white font-semibold text-xs tracking-wide transition-all flex items-center justify-center gap-1.5\">\r\n <span>See What You Get<\/span>\r\n <i data-lucide=\"chevrons-right\" class=\"w-3.5 h-3.5\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- Side Specification Panel (Slide-out drawer on right side) -->\r\n <div id=\"spec-drawer\" class=\"fixed inset-y-0 right-0 w-full sm:w-[480px] bg-[#0c101c] border-l border-slate-800 z-50 transform translate-x-full transition-transform duration-300 ease-in-out p-6 md:p-8 flex flex-col justify-between shadow-2xl hidden\">\r\n <!-- Close trigger & Header -->\r\n <div class=\"space-y-6 flex-grow overflow-y-auto pr-2\">\r\n <div class=\"flex justify-between items-center pb-4 border-b border-slate-800\">\r\n <div>\r\n <span class=\"text-[10px] uppercase tracking-wider text-brand-400 font-bold\">What is Included<\/span>\r\n <h3 id=\"drawer-title\" class=\"text-xl font-bold text-white\">Service Specifications<\/h3>\r\n <\/div>\r\n <button onclick=\"closeSpecificationSheet()\" class=\"p-2 rounded-xl bg-slate-900 border border-slate-800 text-slate-400 hover:text-white transition-colors\">\r\n <i data-lucide=\"x\" class=\"w-4 h-4\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n <p id=\"drawer-desc\" class=\"text-xs text-slate-400 leading-relaxed\">Specification description goes here...<\/p>\r\n\r\n <!-- Tools Badge list -->\r\n <div class=\"space-y-2\">\r\n <span class=\"block text-[10px] text-slate-500 uppercase font-bold tracking-wider\">Tools & Tech Used<\/span>\r\n <div id=\"drawer-tech-badges\" class=\"flex flex-wrap gap-1.5\"><\/div>\r\n <\/div>\r\n\r\n <!-- Structured methodology milestones -->\r\n <div class=\"space-y-3\">\r\n <span class=\"block text-[10px] text-slate-500 uppercase font-bold tracking-wider\">What We Deliver<\/span>\r\n <ul id=\"drawer-milestones\" class=\"space-y-2\"><\/ul>\r\n <\/div>\r\n\r\n <!-- Target metrics \/ ROI standard -->\r\n <div class=\"p-4 bg-slate-950\/60 rounded-xl border border-slate-800 space-y-1\">\r\n <span class=\"block text-[10px] text-slate-500 uppercase font-bold tracking-wider\">Main Benefit For You<\/span>\r\n <p id=\"drawer-performance-value\" class=\"text-xs font-semibold text-slate-200\">Value goes here<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Lead call to action inside side sheet -->\r\n <div class=\"pt-6 border-t border-slate-800 mt-6 space-y-3\">\r\n <button onclick=\"openEnquiryModal()\" 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-md flex items-center justify-center gap-2\">\r\n <i data-lucide=\"mail-question\" class=\"w-4 h-4\"><\/i>\r\n <span>Ask For a Free Consultation<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Pop-Up Comparison Drawer (Docked at bottom of screen) -->\r\n <div id=\"compare-matrix-drawer\" class=\"fixed bottom-6 left-1\/2 -translate-x-1\/2 w-[92%] max-w-4xl bg-[#0d1222]\/95 backdrop-blur-md border border-brand-500\/30 rounded-2xl p-5 shadow-2xl z-40 transform translate-y-[200%] transition-transform duration-300 hidden\">\r\n <div class=\"flex justify-between items-center pb-3 border-b border-slate-800\/60 mb-4\">\r\n <div class=\"flex items-center gap-2\">\r\n <div class=\"w-2.5 h-2.5 rounded-full bg-brand-500 animate-ping\"><\/div>\r\n <h4 class=\"text-xs font-extrabold text-white uppercase tracking-wider\">Compare Your Services<\/h4>\r\n <\/div>\r\n <button onclick=\"clearComparison()\" class=\"p-1 rounded bg-slate-900 border border-slate-800 text-slate-400 hover:text-white transition-colors\">\r\n <i data-lucide=\"x\" class=\"w-3.5 h-3.5\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n <!-- Dynamic Table container for flexible comparison -->\r\n <div class=\"overflow-x-auto\">\r\n <table class=\"w-full text-[11px] text-left border-collapse\">\r\n <thead>\r\n <tr class=\"border-b border-slate-800\">\r\n <th class=\"py-2 text-slate-500 font-bold uppercase tracking-wider w-1\/4\">Details<\/th>\r\n <!-- Columns will dynamically inject here -->\r\n <th id=\"compare-header-col-1\" class=\"py-2 text-white font-bold w-1\/4\">Selected #1<\/th>\r\n <th id=\"compare-header-col-2\" class=\"py-2 text-white font-bold w-1\/4\">Selected #2<\/th>\r\n <th id=\"compare-header-col-3\" class=\"py-2 text-white font-bold w-1\/4\">Selected #3<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr class=\"border-b border-slate-800\/50\">\r\n <td class=\"py-2.5 text-slate-400 font-semibold\">Starting Price<\/td>\r\n <td id=\"comp-price-1\" class=\"py-2.5 text-slate-200\">-<\/td>\r\n <td id=\"comp-price-2\" class=\"py-2.5 text-slate-200\">-<\/td>\r\n <td id=\"comp-price-3\" class=\"py-2.5 text-slate-200\">-<\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-slate-800\/50\">\r\n <td class=\"py-2.5 text-slate-400 font-semibold\">How Long It Takes<\/td>\r\n <td id=\"comp-time-1\" class=\"py-2.5 text-slate-200\">-<\/td>\r\n <td id=\"comp-time-2\" class=\"py-2.5 text-slate-200\">-<\/td>\r\n <td id=\"comp-time-3\" class=\"py-2.5 text-slate-200\">-<\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-slate-800\/50\">\r\n <td class=\"py-2.5 text-slate-400 font-semibold\">Main Tool Used<\/td>\r\n <td id=\"comp-tech-1\" class=\"py-2.5 text-slate-200\">-<\/td>\r\n <td id=\"comp-tech-2\" class=\"py-2.5 text-slate-200\">-<\/td>\r\n <td id=\"comp-tech-3\" class=\"py-2.5 text-slate-200\">-<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-2.5 text-slate-400 font-semibold\">Main Benefit<\/td>\r\n <td id=\"comp-roi-1\" class=\"py-2.5 text-slate-200\">-<\/td>\r\n <td id=\"comp-roi-2\" class=\"py-2.5 text-slate-200\">-<\/td>\r\n <td id=\"comp-roi-3\" class=\"py-2.5 text-slate-200\">-<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- ============================================================ -->\r\n <!-- ENQUIRY MODAL \u2013 Working Form with Formspree Endpoint -->\r\n <!-- ============================================================ -->\r\n <div id=\"enquiryModal\" class=\"modal-overlay\">\r\n <div class=\"modal-box\">\r\n <button onclick=\"closeEnquiryModal()\" class=\"modal-close\">\r\n <i data-lucide=\"x\" class=\"w-4 h-4\"><\/i>\r\n <\/button>\r\n\r\n <div class=\"mb-5\">\r\n <span class=\"text-[10px] font-bold text-brand-400 uppercase tracking-wider\">Get Started<\/span>\r\n <h3 class=\"text-xl font-bold text-white mt-1\">Request a Free Consultation<\/h3>\r\n <p class=\"text-xs text-slate-400 mt-1\">Fill in the details below and our team will reach out within 24 hours.<\/p>\r\n <\/div>\r\n\r\n <!-- \u2705 FORMSPREE FORM \u2013 Endpoint: https:\/\/formspree.io\/f\/xkodplvv -->\r\n <form id=\"enquiryForm\" action=\"https:\/\/formspree.io\/f\/xkodplvv\" method=\"POST\">\r\n <input type=\"hidden\" name=\"_subject\" value=\"New Enquiry from ApexEngine Services Page\">\r\n\r\n <label for=\"enq-name\">Your Full Name<\/label>\r\n <input type=\"text\" id=\"enq-name\" name=\"name\" required placeholder=\"e.g. Rahul Sharma\">\r\n\r\n <label for=\"enq-email\">Email Address<\/label>\r\n <input type=\"email\" id=\"enq-email\" name=\"email\" required placeholder=\"rahul@example.com\">\r\n\r\n <label for=\"enq-phone\">Phone Number<\/label>\r\n <input type=\"tel\" id=\"enq-phone\" name=\"phone\" required placeholder=\"+91 98765 43210\">\r\n\r\n <label for=\"enq-service\">Service You're Interested In<\/label>\r\n <select id=\"enq-service\" name=\"service\">\r\n <option value=\"Website Development\">Website Development<\/option>\r\n <option value=\"Mobile App Development\">Mobile App Development<\/option>\r\n <option value=\"Custom WordPress Theme\">Custom WordPress Theme<\/option>\r\n <option value=\"Custom WordPress Plugin\">Custom WordPress Plugin<\/option>\r\n <option value=\"Google Map SEO (GMB)\">Google Map SEO (GMB)<\/option>\r\n <option value=\"Google Search SEO\">Google Search SEO<\/option>\r\n <option value=\"Website Health Check\">Website Health Check<\/option>\r\n <option value=\"AI Search Audit\">AI Search Audit<\/option>\r\n <option value=\"Other \/ Not Sure\">Other \/ Not Sure<\/option>\r\n <\/select>\r\n\r\n <label for=\"enq-message\">Your Message (optional)<\/label>\r\n <textarea id=\"enq-message\" name=\"message\" rows=\"3\" placeholder=\"Tell us about your project or requirements...\"><\/textarea>\r\n\r\n <button type=\"submit\" class=\"btn-submit\" id=\"enqSubmitBtn\">\r\n <span id=\"enqBtnText\">Send Enquiry Now<\/span>\r\n <span id=\"enqBtnLoader\" class=\"hidden\">Sending...<\/span>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Toast Notification -->\r\n <div id=\"toast-notify\" class=\"toast-notify\">\r\n <div id=\"toast-icon\" class=\"p-2 bg-emerald-500\/10 text-emerald-400 rounded-xl shrink-0\">\r\n <i data-lucide=\"badge-check\" class=\"w-5 h-5\"><\/i>\r\n <\/div>\r\n <div class=\"space-y-0.5\">\r\n <h4 id=\"toast-title\" class=\"text-xs font-bold text-white\">Success<\/h4>\r\n <p id=\"toast-desc\" class=\"text-[10px] text-slate-400\">Information updated.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Detailed technical specifications database for each service -->\r\n <script>\r\n const serviceDatabase = {\r\n 'web-dev': {\r\n title: \"Website Development\",\r\n description: \"We build fast, secure, and beautiful websites tailored for your business. They look great on mobile devices and help you sell your services easily.\",\r\n standardPrice: \"\u20b99,999\",\r\n enterprisePrice: \"\u20b929,999+\",\r\n standardTimeline: \"2 - 3 Weeks\",\r\n enterpriseTimeline: \"4 - 8 Weeks\",\r\n tech: [\"WordPress\", \"HTML & CSS\", \"Javascript\", \"Next.js\"],\r\n milestones: [\r\n \"We design how your pages will look\",\r\n \"We write clean code to build the pages\",\r\n \"We test and launch it live for your customers\"\r\n ],\r\n roi: \"Get a modern, fast website that helps turn visitors into paying customers.\"\r\n },\r\n 'mobile-app': {\r\n title: \"Mobile App Development\",\r\n description: \"Get a custom smartphone app that works on both iOS (Apple) and Android devices. We design everything so it is extremely easy for your customers to use.\",\r\n standardPrice: \"\u20b919,999\",\r\n enterprisePrice: \"\u20b949,999+\",\r\n standardTimeline: \"4 - 6 Weeks\",\r\n enterpriseTimeline: \"8 - 12 Weeks\",\r\n tech: [\"React Native\", \"Flutter\", \"iOS Store\", \"Android Store\"],\r\n milestones: [\r\n \"Design the look of every app screen\",\r\n \"Write code to connect features and buttons\",\r\n \"Launch your new app on Apple & Android stores\"\r\n ],\r\n roi: \"A complete mobile app to keep your customers engaged and buying directly.\"\r\n },\r\n 'wp-theme': {\r\n title: \"Custom WordPress Theme\",\r\n description: \"We create a unique design for your WordPress website. We do not use slow pre-made templates, meaning your website will load fast and stay easy to update.\",\r\n standardPrice: \"\u20b99,999\",\r\n enterprisePrice: \"\u20b924,999+\",\r\n standardTimeline: \"2 Weeks\",\r\n enterpriseTimeline: \"4 Weeks\",\r\n tech: [\"WordPress\", \"PHP\", \"Custom Layout Blocks\"],\r\n milestones: [\r\n \"Design a custom look from scratch\",\r\n \"Build the theme with quick-loading code\",\r\n \"Provide a simple guide on how to edit text & photos\"\r\n ],\r\n roi: \"A fast, clean website that looks completely unique to your business.\"\r\n },\r\n 'wp-plugin': {\r\n title: \"Custom WordPress Plugin\",\r\n description: \"Add custom tools or features to your WordPress website. Whether you need a special booking system, calculation tool, or sync feature, we build it safely.\",\r\n standardPrice: \"\u20b99,999\",\r\n enterprisePrice: \"\u20b924,999+\",\r\n standardTimeline: \"1 - 2 Weeks\",\r\n enterpriseTimeline: \"3 - 5 Weeks\",\r\n tech: [\"PHP\", \"WordPress Dashboard Tools\", \"API Connections\"],\r\n milestones: [\r\n \"Plan out the exact tool or feature you need\",\r\n \"Program the tool safely to avoid website crashes\",\r\n \"Install and test the plugin on your website\"\r\n ],\r\n roi: \"Add new automated tools and features to make running your business easier.\"\r\n },\r\n 'gmb-seo': {\r\n title: \"Google Map SEO (GMB)\",\r\n description: \"Help customers find your shop or office on Google Maps. We optimize your business listing, help you get more reviews, and increase your local phone calls.\",\r\n standardPrice: \"\u20b97,999\/mo\",\r\n enterprisePrice: \"\u20b915,999\/mo\",\r\n standardTimeline: \"First results in 30 days\",\r\n enterpriseTimeline: \"Monthly Growth Plan\",\r\n tech: [\"Google Maps\", \"Local Citations\", \"Review Helpers\"],\r\n milestones: [\r\n \"Complete audit and setup of your Map Profile\",\r\n \"Post local photos and optimize local tags\",\r\n \"Set up simple systems to get daily customer reviews\"\r\n ],\r\n roi: \"Get found by local buyers when they search for your services near them.\"\r\n },\r\n 'web-seo': {\r\n title: \"Google Search SEO\",\r\n description: \"Rank higher on Google search results. We write helpful content, fix errors, and improve your website authority so that customers find you organically.\",\r\n standardPrice: \"\u20b97,999\/mo\",\r\n enterprisePrice: \"\u20b919,999\/mo\",\r\n standardTimeline: \"Ongoing Campaign\",\r\n enterpriseTimeline: \"Enterprise Strategy\",\r\n tech: [\"Google Search Console\", \"Keyword Planners\", \"Rank Trackers\"],\r\n milestones: [\r\n \"Analyze which keywords bring the most buyers\",\r\n \"Fix slow pages and Google indexing errors\",\r\n \"Publish helpful articles to beat your competitors\"\r\n ],\r\n roi: \"Get more free, daily visitors directly from Google searches.\"\r\n },\r\n 'web-audit': {\r\n title: \"Website Health Check\",\r\n description: \"We scan your website to find why it is slow, why customers are leaving, or why it isn't ranking on Google. You get a simple checklist of fixes.\",\r\n standardPrice: \"\u20b94,999\",\r\n enterprisePrice: \"\u20b912,999+\",\r\n standardTimeline: \"2 - 3 Days\",\r\n enterpriseTimeline: \"7 Days\",\r\n tech: [\"Speed Testing Tools\", \"Security Scanners\", \"Usability Checks\"],\r\n milestones: [\r\n \"Run detailed performance and security tests\",\r\n \"Find hidden bugs, broken links, or security gaps\",\r\n \"Write a simple, clear guide showing how to fix everything\"\r\n ],\r\n roi: \"A clear, actionable map to make your website faster and safer immediately.\"\r\n },\r\n 'ai-audit': {\r\n title: \"AI Search Audit\",\r\n description: \"AI search tools are changing how people find information. We check if platforms like ChatGPT or Gemini are recommending your business to their users.\",\r\n standardPrice: \"\u20b94,999\",\r\n enterprisePrice: \"\u20b914,999+\",\r\n standardTimeline: \"3 - 5 Days\",\r\n enterpriseTimeline: \"2 Weeks\",\r\n tech: [\"ChatGPT Mock Checks\", \"AI Crawler Settings\", \"Information Mapping\"],\r\n milestones: [\r\n \"Test what ChatGPT and Gemini say about your brand\",\r\n \"Find where your competitors are mentioned in AI search\",\r\n \"Optimize website code so AI crawlers read your content correctly\"\r\n ],\r\n roi: \"Ensure your brand is top of mind when clients ask AI engines for recommendations.\"\r\n }\r\n };\r\n\r\n \/\/ Active State parameters\r\n let compareList = [];\r\n\r\n \/\/ Initialize Lucide Icons\r\n lucide.createIcons();\r\n\r\n \/\/ ===== FILTER & SEARCH =====\r\n function filterType(category) {\r\n const cards = document.querySelectorAll('.service-card');\r\n const tabBtns = document.querySelectorAll('.tab-btn');\r\n\r\n tabBtns.forEach(btn => {\r\n if (btn.getAttribute('data-category') === category) {\r\n btn.className = \"tab-btn px-4 py-2.5 rounded-xl text-xs font-bold transition-all bg-brand-500 text-white shadow-lg shadow-brand-500\/15\";\r\n } else {\r\n btn.className = \"tab-btn px-4 py-2.5 rounded-xl text-xs font-bold text-slate-300 hover:text-white hover:bg-slate-800\/40 transition-all\";\r\n }\r\n });\r\n\r\n cards.forEach(card => {\r\n const cardCat = card.getAttribute('data-category');\r\n if (category === 'all' || cardCat === category) {\r\n card.classList.remove('hidden');\r\n } else {\r\n card.classList.add('hidden');\r\n }\r\n });\r\n }\r\n\r\n function handleSearch() {\r\n const query = document.getElementById('service-search').value.toLowerCase();\r\n const cards = document.querySelectorAll('.service-card');\r\n\r\n cards.forEach(card => {\r\n const title = card.querySelector('h3').textContent.toLowerCase();\r\n const desc = card.querySelector('p').textContent.toLowerCase();\r\n const keywords = card.getAttribute('data-keywords').toLowerCase();\r\n\r\n if (title.includes(query) || desc.includes(query) || keywords.includes(query)) {\r\n card.classList.remove('hidden');\r\n } else {\r\n card.classList.add('hidden');\r\n }\r\n });\r\n }\r\n\r\n \/\/ ===== PRICE ADJUSTMENT =====\r\n function adjustScope(key, val) {\r\n const data = serviceDatabase[key];\r\n if (!data) return;\r\n\r\n const priceElem = document.getElementById(`price-${key}`);\r\n if (val === 'enterprise') {\r\n priceElem.textContent = data.enterprisePrice;\r\n showToast(\"Plan Switched\", `${data.title} set to Large size.`);\r\n } else {\r\n priceElem.textContent = data.standardPrice;\r\n showToast(\"Plan Switched\", `${data.title} set to Standard size.`);\r\n }\r\n updateComparisonUI();\r\n }\r\n\r\n \/\/ ===== COMPARE SYSTEM =====\r\n function toggleCompare(key, chkBox) {\r\n if (chkBox.checked) {\r\n if (compareList.length >= 3) {\r\n chkBox.checked = false;\r\n showToast(\"Max Selected\", \"You can compare up to 3 services at once.\", true);\r\n return;\r\n }\r\n compareList.push(key);\r\n } else {\r\n compareList = compareList.filter(item => item !== key);\r\n }\r\n\r\n document.getElementById('selected-compare-count').textContent = compareList.length;\r\n updateComparisonUI();\r\n }\r\n\r\n function updateComparisonUI() {\r\n const compareDrawer = document.getElementById('compare-matrix-drawer');\r\n if (compareList.length > 0) {\r\n compareDrawer.classList.remove('hidden');\r\n setTimeout(() => compareDrawer.classList.remove('translate-y-[200%]'), 10);\r\n } else {\r\n compareDrawer.classList.add('translate-y-[200%]');\r\n setTimeout(() => compareDrawer.classList.add('hidden'), 300);\r\n }\r\n\r\n \/\/ Clean previous cells\r\n for (let i = 1; i <= 3; i++) {\r\n document.getElementById(`compare-header-col-${i}`).textContent = `-`;\r\n document.getElementById(`comp-price-${i}`).textContent = `-`;\r\n document.getElementById(`comp-time-${i}`).textContent = `-`;\r\n document.getElementById(`comp-tech-${i}`).textContent = `-`;\r\n document.getElementById(`comp-roi-${i}`).textContent = `-`;\r\n }\r\n\r\n \/\/ Fill active data\r\n compareList.forEach((key, index) => {\r\n const data = serviceDatabase[key];\r\n const card = document.querySelector(`input[onchange=\"toggleCompare('${key}', this)\"]`).closest('.service-card');\r\n const scopeSelect = card ? card.querySelector('select') : null;\r\n const selectedScope = scopeSelect ? scopeSelect.value : 'standard';\r\n\r\n const colIndex = index + 1;\r\n document.getElementById(`compare-header-col-${colIndex}`).textContent = data.title;\r\n document.getElementById(`comp-price-${colIndex}`).textContent = selectedScope === 'enterprise' ? data.enterprisePrice : data.standardPrice;\r\n document.getElementById(`comp-time-${colIndex}`).textContent = selectedScope === 'enterprise' ? data.enterpriseTimeline : data.standardTimeline;\r\n document.getElementById(`comp-tech-${colIndex}`).innerHTML = data.tech.slice(0, 3).map(t => `<span class=\"px-1.5 py-0.5 rounded bg-slate-800 text-[9px] mr-1\">${t}<\/span>`).join('');\r\n document.getElementById(`comp-roi-${colIndex}`).textContent = data.roi;\r\n });\r\n }\r\n\r\n function clearComparison() {\r\n compareList = [];\r\n document.querySelectorAll('.compare-chk').forEach(chk => chk.checked = false);\r\n document.getElementById('selected-compare-count').textContent = \"0\";\r\n updateComparisonUI();\r\n }\r\n\r\n \/\/ ===== SPECIFICATION DRAWER =====\r\n function openSpecificationSheet(key) {\r\n const data = serviceDatabase[key];\r\n if (!data) return;\r\n\r\n document.getElementById('drawer-title').textContent = data.title;\r\n document.getElementById('drawer-desc').textContent = data.description;\r\n\r\n const badgeContainer = document.getElementById('drawer-tech-badges');\r\n badgeContainer.innerHTML = data.tech.map(t => `<span class=\"px-2.5 py-1 rounded-lg bg-slate-900 border border-slate-800 text-[10px] font-mono text-slate-300\">${t}<\/span>`).join('');\r\n\r\n const milestoneContainer = document.getElementById('drawer-milestones');\r\n milestoneContainer.innerHTML = data.milestones.map(m => `\r\n <li class=\"flex items-start gap-2 text-slate-300 text-[11px]\">\r\n <i data-lucide=\"check-circle-2\" class=\"w-4 h-4 text-brand-500 mt-0.5 flex-shrink-0\"><\/i>\r\n <span>${m}<\/span>\r\n <\/li>\r\n `).join('');\r\n\r\n document.getElementById('drawer-performance-value').textContent = data.roi;\r\n\r\n const drawer = document.getElementById('spec-drawer');\r\n drawer.classList.remove('hidden');\r\n setTimeout(() => {\r\n drawer.classList.remove('translate-x-full');\r\n }, 10);\r\n\r\n lucide.createIcons();\r\n }\r\n\r\n function closeSpecificationSheet() {\r\n const drawer = document.getElementById('spec-drawer');\r\n drawer.classList.add('translate-x-full');\r\n setTimeout(() => {\r\n drawer.classList.add('hidden');\r\n }, 300);\r\n }\r\n\r\n \/\/ ================================================================\r\n \/\/ ENQUIRY MODAL \u2013 Formspree Integration\r\n \/\/ ================================================================\r\n function openEnquiryModal() {\r\n document.getElementById('enquiryModal').classList.add('active');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n\r\n function closeEnquiryModal() {\r\n document.getElementById('enquiryModal').classList.remove('active');\r\n document.body.style.overflow = '';\r\n \/\/ Reset form and button state\r\n document.getElementById('enquiryForm').reset();\r\n const btn = document.getElementById('enqSubmitBtn');\r\n btn.disabled = false;\r\n document.getElementById('enqBtnText').classList.remove('hidden');\r\n document.getElementById('enqBtnLoader').classList.add('hidden');\r\n }\r\n\r\n \/\/ Close modal on overlay click\r\n document.getElementById('enquiryModal').addEventListener('click', function(e) {\r\n if (e.target === this) {\r\n closeEnquiryModal();\r\n }\r\n });\r\n\r\n \/\/ Close modal on Escape key\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape') {\r\n closeEnquiryModal();\r\n }\r\n });\r\n\r\n \/\/ ===== TOAST NOTIFICATION =====\r\n function showToast(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 = document.getElementById('toast-icon');\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 shrink-0\";\r\n toast.className = \"toast-notify show error\";\r\n } else {\r\n toastIcon.className = \"p-2 bg-emerald-500\/10 text-emerald-400 rounded-xl shrink-0\";\r\n toast.className = \"toast-notify show success\";\r\n }\r\n\r\n \/\/ Re-init Lucide inside toast\r\n setTimeout(() => lucide.createIcons(), 50);\r\n\r\n \/\/ Auto-hide after 4 seconds\r\n clearTimeout(window.toastTimeout);\r\n window.toastTimeout = setTimeout(() => {\r\n toast.classList.remove('show');\r\n }, 4000);\r\n }\r\n\r\n \/\/ ===== FORM SUBMISSION HANDLING =====\r\n document.getElementById('enquiryForm').addEventListener('submit', function(e) {\r\n const btn = document.getElementById('enqSubmitBtn');\r\n const btnText = document.getElementById('enqBtnText');\r\n const btnLoader = document.getElementById('enqBtnLoader');\r\n\r\n \/\/ Disable button to prevent double submission\r\n btn.disabled = true;\r\n btnText.classList.add('hidden');\r\n btnLoader.classList.remove('hidden');\r\n\r\n \/\/ The form will submit normally to Formspree.\r\n \/\/ Formspree will redirect to a thank-you page by default.\r\n \/\/ We'll show a success toast before redirect.\r\n \/\/ Note: We can't prevent redirect if we want to keep it simple.\r\n \/\/ We'll show toast and let Formspree handle the rest.\r\n });\r\n\r\n \/\/ If you want to handle the response without redirect, you'd use fetch.\r\n \/\/ For simplicity, we keep the standard form action.\r\n \/\/ The form will redirect to Formspree's default thank-you page.\r\n\r\n \/\/ ===== REQUEST CONSULTATION (Legacy function kept for compatibility) =====\r\n function requestConsultation() {\r\n openEnquiryModal();\r\n }\r\n\r\n \/\/ ===== INIT =====\r\n \/\/ Re-run Lucide after any dynamic content changes\r\n document.addEventListener('DOMContentLoaded', function() {\r\n lucide.createIcons();\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-b1f39d7 e-con-full e-flex e-con e-parent\" data-id=\"b1f39d7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4c1e6f elementor-widget elementor-widget-elementskit-heading\" data-id=\"e4c1e6f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_center ekit_heading_tablet- ekit_heading_mobile-\"><h2 class=\"ekit-heading--title elementskit-section-title \">Ready To Build Your Next WordPress Solution?<\/h2>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p>Let's create custom WordPress plugins, AI automation systems,<\/p>\n<p>WooCommerce solutions, and premium digital experiences for<\/p>\n<p>your business.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-66fb486 e-flex e-con-boxed e-con e-child\" data-id=\"66fb486\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e5a613 elementor-widget elementor-widget-button\" data-id=\"1e5a613\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get Free Consultation<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-13774cd elementor-widget elementor-widget-button\" data-id=\"13774cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">View Our Portfolio<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Our Services | ApexEngine 8 Simple Services Our Services & Prices We build websites, make mobile apps, and help your […]<\/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-183","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>Services | Website Design Development in Hinjewadi Pune | WordPress Plugin Theme Development<\/title>\n<meta name=\"description\" content=\"Looking for Services ? 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=183\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Services | Website Design Development in Hinjewadi Pune | WordPress Plugin Theme Development\" \/>\n<meta property=\"og:description\" content=\"Looking for Services ? 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=183\" \/>\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-26T17:17:50+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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/websitemitra.com\\\/?page_id=183\",\"url\":\"https:\\\/\\\/websitemitra.com\\\/?page_id=183\",\"name\":\"Services | Website Design Development in Hinjewadi Pune | WordPress Plugin Theme Development\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/websitemitra.com\\\/#website\"},\"datePublished\":\"2026-05-02T17:36:42+00:00\",\"dateModified\":\"2026-07-26T17:17:50+00:00\",\"description\":\"Looking for Services ? 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=183#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/websitemitra.com\\\/?page_id=183\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/websitemitra.com\\\/?page_id=183#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/websitemitra.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Services\"}]},{\"@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":"Services | Website Design Development in Hinjewadi Pune | WordPress Plugin Theme Development","description":"Looking for Services ? 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=183","og_locale":"en_US","og_type":"article","og_title":"Services | Website Design Development in Hinjewadi Pune | WordPress Plugin Theme Development","og_description":"Looking for Services ? 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=183","og_site_name":"Website Design Development in Hinjewadi Pune | WordPress Plugin Theme Development","article_modified_time":"2026-07-26T17:17:50+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":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/websitemitra.com\/?page_id=183","url":"https:\/\/websitemitra.com\/?page_id=183","name":"Services | Website Design Development in Hinjewadi Pune | WordPress Plugin Theme Development","isPartOf":{"@id":"https:\/\/websitemitra.com\/#website"},"datePublished":"2026-05-02T17:36:42+00:00","dateModified":"2026-07-26T17:17:50+00:00","description":"Looking for Services ? 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=183#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/websitemitra.com\/?page_id=183"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/websitemitra.com\/?page_id=183#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/websitemitra.com\/"},{"@type":"ListItem","position":2,"name":"Services"}]},{"@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\/183","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=183"}],"version-history":[{"count":0,"href":"https:\/\/websitemitra.com\/index.php?rest_route=\/wp\/v2\/pages\/183\/revisions"}],"wp:attachment":[{"href":"https:\/\/websitemitra.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}