{"id":1558,"date":"2026-07-18T16:31:25","date_gmt":"2026-07-18T16:31:25","guid":{"rendered":"https:\/\/websitemitra.com\/?page_id=1558"},"modified":"2026-07-25T07:36:35","modified_gmt":"2026-07-25T07:36:35","slug":"ready-made-grocery-delivery-app-website","status":"publish","type":"page","link":"https:\/\/websitemitra.com\/?page_id=1558","title":{"rendered":"Grocery Delivery App &amp; Website"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1558\" class=\"elementor elementor-1558\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e584492 e-con e-atomic-element e-flexbox-base e-default-div e-a0b08e2 \" data-id=\"e584492\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e584492\">\n    \t\t<div class=\"elementor-element elementor-element-a207c12 elementor-widget elementor-widget-html\" data-id=\"a207c12\" 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\" class=\"scroll-smooth\">\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>Launch Your Grocery Delivery App & Website | Instamart, Blinkit & Bigbasket Clone<\/title>\r\n    <meta name=\"description\" content=\"Launch your premium Grocery Delivery App & Website in 7 days. Fully customized Instamart Clone, Blinkit Clone, or Bigbasket Clone to scale your local grocery business.\">\r\n    <meta name=\"keywords\" content=\"Grocery Delivery App & Website, Instamart Clone, Blinkit Clone, Bigbasket Clone, grocery e-commerce, local grocery delivery app setup, online grocery shop\">\r\n    <!-- Tailwind CSS -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <!-- Google Fonts: Inter -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n    <!-- FontAwesome Icons -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <script>\r\n        tailwind.config = {\r\n            important: true,\r\n            theme: {\r\n                extend: {\r\n                    fontFamily: {\r\n                        sans: ['Inter', 'sans-serif'],\r\n                    },\r\n                    colors: {\r\n                        grocery: {\r\n                            50: '#f0fdf4',\r\n                            100: '#dcfce7',\r\n                            500: '#22c55e',\r\n                            600: '#16a34a',\r\n                            700: '#15803d',\r\n                            800: '#166534',\r\n                            900: '#14532d',\r\n                        },\r\n                        accent: {\r\n                            400: '#fbbf24',\r\n                            500: '#f59e0b',\r\n                            600: '#d97706',\r\n                        }\r\n                    },\r\n                    animation: {\r\n                        'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',\r\n                        'bounce-subtle': 'bounceSubtle 2s ease-in-out infinite',\r\n                    },\r\n                    keyframes: {\r\n                        bounceSubtle: {\r\n                            '0%, 100%': { transform: 'translateY(-3%)' },\r\n                            '50%': { transform: 'translateY(0)' },\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n    <style>\r\n        .custom-shadow {\r\n            box-shadow: 0 25px 50px -12px rgba(16, 185, 129, 0.15) !important;\r\n        }\r\n        .glow-button {\r\n            box-shadow: 0 0 20px rgba(245, 158, 11, 0.4) !important;\r\n        }\r\n        .glow-button:hover {\r\n            box-shadow: 0 0 30px rgba(245, 158, 11, 0.7) !important;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 font-sans text-slate-800 antialiased overflow-x-hidden\">\r\n\r\n    <!-- URGENCY COUNTER BAR (No traditional header navigation) -->\r\n    <div class=\"bg-gradient-to-r from-grocery-900 to-grocery-700 text-white text-xs md:text-sm py-2.5 px-4 text-center font-medium sticky top-0 z-40 shadow-md\">\r\n        <span class=\"inline-flex items-center gap-1.5\">\r\n            <span class=\"w-2 h-2 rounded-full bg-red-500 animate-ping\"><\/span>\r\n            <span class=\"text-accent-400 font-bold\">LIMITED TIME OFFER:<\/span> Save 30% Setup Fee on All Plans! Call +91 9960816492 Now!\r\n        <\/span>\r\n    <\/div>\r\n\r\n    <!-- HERO SECTION -->\r\n    <section class=\"relative bg-gradient-to-b from-grocery-50 via-white to-slate-50 py-16 lg:py-28 overflow-hidden\">\r\n        <!-- Floating decorative blobs -->\r\n        <div class=\"absolute top-0 left-1\/4 w-96 h-96 bg-grocery-100 rounded-full mix-blend-multiply filter blur-3xl opacity-30 animate-pulse-slow\"><\/div>\r\n        <div class=\"absolute bottom-10 right-1\/4 w-96 h-96 bg-accent-400\/10 rounded-full mix-blend-multiply filter blur-3xl opacity-30 animate-pulse-slow\" style=\"animation-delay: 1.5s;\"><\/div>\r\n\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n            <div class=\"text-center max-w-4xl mx-auto\">\r\n                <!-- Trust Badge -->\r\n                <span class=\"inline-flex items-center gap-1.5 py-1.5 px-4 rounded-full bg-grocery-100 text-grocery-800 text-xs md:text-sm font-semibold mb-6 tracking-wide uppercase shadow-sm\">\r\n                    <i class=\"fa-solid fa-rocket text-grocery-600\"><\/i> Website Mitra E-Commerce Agency Solution\r\n                <\/span>\r\n                \r\n                <h1 class=\"text-4xl sm:text-5xl lg:text-6xl font-black text-slate-900 tracking-tight leading-none mb-6\">\r\n                    Launch Your Own <span class=\"text-grocery-600 underline decoration-accent-400 decoration-wavy\">Grocery Delivery App & Website<\/span>\r\n                <\/h1>\r\n                \r\n                <p class=\"text-lg sm:text-xl text-slate-600 max-w-2xl mx-auto mb-10 leading-relaxed\">\r\n                    Stop losing local customers to big grocery giants. Launch a highly optimized <strong class=\"text-slate-900\">Instamart Clone<\/strong>, <strong class=\"text-slate-900\">Blinkit Clone<\/strong>, or <strong class=\"text-slate-900\">Bigbasket Clone<\/strong> with customized Android & iOS apps and start taking high-ticket orders in just <strong class=\"text-slate-900\">7 business days<\/strong>.\r\n                <\/p>\r\n\r\n                <!-- CTA Call Trigger 1 & Live Demo Buttons -->\r\n                <div class=\"flex flex-col items-center justify-center gap-6 mb-12\">\r\n                    <!-- Urgent Call Button -->\r\n                    <a href=\"tel:+919960816492\" class=\"w-full sm:w-auto min-w-[320px] glow-button transform transition duration-300 hover:scale-105 bg-accent-500 hover:bg-accent-600 text-slate-950 font-extrabold text-lg px-8 py-4.5 rounded-2xl flex items-center justify-center gap-3 shadow-lg\">\r\n                        <i class=\"fa-solid fa-phone-volume animate-bounce-subtle text-xl\"><\/i>\r\n                        <span>CALL 9960816492 NOW<\/span>\r\n                    <\/a>\r\n\r\n                    <!-- Interactive Live Demo Grid -->\r\n                    <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 w-full max-w-2xl\">\r\n                        <!-- Website Demo Button -->\r\n                        <a href=\"https:\/\/wordpresspluginshop.com\/theme43\" target=\"_blank\" class=\"w-full transition duration-300 bg-white hover:bg-slate-50 text-slate-900 border border-slate-300 font-bold text-base px-6 py-4 rounded-2xl flex items-center justify-center gap-2.5 shadow-sm hover:border-grocery-500 hover:scale-[1.02] transform\">\r\n                            <i class=\"fa-solid fa-globe text-grocery-600 text-lg\"><\/i>\r\n                            <span>Live Website Demo<\/span>\r\n                        <\/a>\r\n                        <!-- Android App APK Download Button -->\r\n                        <a href=\"https:\/\/wordpresspluginshop.com\/theme43\/grocery.apk\" target=\"_blank\" class=\"w-full transition duration-300 bg-slate-900 hover:bg-slate-800 text-white font-bold text-base px-6 py-4 rounded-2xl flex items-center justify-center gap-2.5 shadow-sm hover:scale-[1.02] transform\">\r\n                            <i class=\"fa-brands fa-android text-emerald-400 text-xl\"><\/i>\r\n                            <span>Download Android App Demo<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n\r\n                    <!-- Jump To Packages navigation helper -->\r\n                    <a href=\"#packages\" class=\"text-xs font-bold text-slate-500 hover:text-slate-850 flex items-center gap-1.5 transition uppercase tracking-wider\">\r\n                        <span>Or view custom packages<\/span>\r\n                        <i class=\"fa-solid fa-arrow-down animate-bounce\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- Live Social Proof Stats -->\r\n                <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 max-w-3xl mx-auto border-t border-b border-slate-200\/80 py-6 text-center\">\r\n                    <div>\r\n                        <div class=\"text-3xl font-extrabold text-grocery-700\">120+<\/div>\r\n                        <div class=\"text-xs font-semibold uppercase tracking-wider text-slate-500 mt-1\">Stores Launched<\/div>\r\n                    <\/div>\r\n                    <div>\r\n                        <div class=\"text-3xl font-extrabold text-grocery-700\">7 Days<\/div>\r\n                        <div class=\"text-xs font-semibold uppercase tracking-wider text-slate-500 mt-1\">Average Go-Live<\/div>\r\n                    <\/div>\r\n                    <div>\r\n                        <div class=\"text-3xl font-extrabold text-grocery-700\">100%<\/div>\r\n                        <div class=\"text-xs font-semibold uppercase tracking-wider text-slate-500 mt-1\">Secure Payments<\/div>\r\n                    <\/div>\r\n                    <div>\r\n                        <div class=\"text-3xl font-extrabold text-grocery-700\">No Royalty<\/div>\r\n                        <div class=\"text-xs font-semibold uppercase tracking-wider text-slate-500 mt-1\">Keep 100% Profits<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- INTERACTIVE DEVICE PREVIEW SHOWCASE -->\r\n    <section class=\"py-16 bg-white border-t border-b border-slate-100\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center max-w-3xl mx-auto mb-12\">\r\n                <h2 class=\"text-3xl sm:text-4xl font-extrabold text-slate-900 mb-4\">\r\n                    Explore Your Future Web & App Storefronts\r\n                <\/h2>\r\n                <p class=\"text-slate-600\">\r\n                    Your customers get a seamless experience on any platform. Click the dynamic options below to preview how the e-commerce engine adapts to different interfaces!\r\n                <\/p>\r\n                \r\n                <!-- Interactive Tabs -->\r\n                <div class=\"inline-flex flex-wrap justify-center gap-2 mt-8 bg-slate-100 p-2 rounded-2xl\">\r\n                    <button onclick=\"switchTab('desktop')\" id=\"tab-desktop\" class=\"tab-btn px-4 py-2.5 rounded-xl text-sm font-bold transition-all duration-200 bg-white text-grocery-700 shadow-sm flex items-center gap-2\">\r\n                        <i class=\"fa-solid fa-desktop\"><\/i> Desktop Website\r\n                    <\/button>\r\n                    <button onclick=\"switchTab('pwa')\" id=\"tab-pwa\" class=\"tab-btn px-4 py-2.5 rounded-xl text-sm font-bold transition-all duration-200 text-slate-600 hover:text-slate-950 flex items-center gap-2\">\r\n                        <i class=\"fa-solid fa-globe\"><\/i> Web App (PWA)\r\n                    <\/button>\r\n                    <button onclick=\"switchTab('android')\" id=\"tab-android\" class=\"tab-btn px-4 py-2.5 rounded-xl text-sm font-bold transition-all duration-200 text-slate-600 hover:text-slate-950 flex items-center gap-2\">\r\n                        <i class=\"fa-brands fa-android\"><\/i> Android Mobile App\r\n                    <\/button>\r\n                    <button onclick=\"switchTab('ios')\" id=\"tab-ios\" class=\"tab-btn px-4 py-2.5 rounded-xl text-sm font-bold transition-all duration-200 text-slate-600 hover:text-slate-950 flex items-center gap-2\">\r\n                        <i class=\"fa-brands fa-apple\"><\/i> iOS Apple App\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Main Live Device Simulator Grid -->\r\n            <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-10 items-center max-w-6xl mx-auto bg-slate-50 p-6 sm:p-10 rounded-3xl border border-slate-200\">\r\n                <!-- Left side: Platform Info \/ Checklist -->\r\n                <div class=\"lg:col-span-5 space-y-6\">\r\n                    <div id=\"platform-info\" class=\"space-y-4\">\r\n                        <!-- Dynamic Info Injector -->\r\n                        <span class=\"text-xs font-bold text-grocery-600 uppercase tracking-widest block\" id=\"platform-tag\">Fully Responsive<\/span>\r\n                        <h3 class=\"text-2xl font-black text-slate-900\" id=\"platform-heading\">Superfast Desktop Storefront<\/h3>\r\n                        <p class=\"text-slate-600 text-sm leading-relaxed\" id=\"platform-desc\">\r\n                            High-speed web solution optimized to capture search-engine buyers, process big orders effortlessly, and offer full-scale custom store administration dashboards.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <!-- App Features list (Changes based on selection) -->\r\n                    <div class=\"border-t border-slate-200\/80 pt-6\">\r\n                        <h4 class=\"text-sm font-bold text-slate-800 uppercase tracking-wider mb-4\">Core Technology Included:<\/h4>\r\n                        <ul class=\"space-y-3\" id=\"platform-features\">\r\n                            <!-- Dynamic list items injector -->\r\n                            <li class=\"flex items-center gap-3 text-sm text-slate-600\">\r\n                                <i class=\"fa-solid fa-circle-check text-grocery-500 text-base\"><\/i> Realtime Inventory Management\r\n                            <\/li>\r\n                            <li class=\"flex items-center gap-3 text-sm text-slate-600\">\r\n                                <i class=\"fa-solid fa-circle-check text-grocery-500 text-base\"><\/i> Multiple Indian Payment Gateways\r\n                            <\/li>\r\n                            <li class=\"flex items-center gap-3 text-sm text-slate-600\">\r\n                                <i class=\"fa-solid fa-circle-check text-grocery-500 text-base\"><\/i> Automated WhatsApp Bill Alerts\r\n                            <\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n\r\n                    <!-- Call Button 2 -->\r\n                    <div class=\"pt-2\">\r\n                        <a href=\"tel:+919960816492\" class=\"w-full bg-grocery-600 hover:bg-grocery-700 text-white font-bold py-3.5 px-6 rounded-xl flex items-center justify-center gap-2 shadow-md transition duration-200\">\r\n                            <i class=\"fa-solid fa-phone\"><\/i>\r\n                            <span>Call 9960816492 for Demo<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Right side: Visual Live Device Shell Mockup -->\r\n                <div class=\"lg:col-span-7 flex justify-center items-center relative\">\r\n                    <!-- Frame Outer Wrapper -->\r\n                    <div id=\"device-wrapper\" class=\"w-full max-w-lg transition-all duration-300\">\r\n                        <!-- Simulated Screen View (Desktop Laptop View is Default) -->\r\n                        <div id=\"device-shell\" class=\"bg-slate-900 rounded-3xl p-3 shadow-2xl relative border border-slate-700\/50\">\r\n                            <!-- Laptop Top Frame Bar (Mocking real system) -->\r\n                            <div class=\"flex items-center justify-between px-3 pb-2 border-b border-slate-800\">\r\n                                <div class=\"flex gap-1.5\">\r\n                                    <span class=\"w-2.5 h-2.5 rounded-full bg-red-500 inline-block\"><\/span>\r\n                                    <span class=\"w-2.5 h-2.5 rounded-full bg-yellow-500 inline-block\"><\/span>\r\n                                    <span class=\"w-2.5 h-2.5 rounded-full bg-green-500 inline-block\"><\/span>\r\n                                <\/div>\r\n                                <div class=\"bg-slate-800 text-[10px] text-slate-400 px-6 py-0.5 rounded-full text-center truncate max-w-[200px]\">\r\n                                    mygrocerymart.com\r\n                                <\/div>\r\n                                <div class=\"w-10\"><\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Screen Contents (The Actual App Mockup UI) -->\r\n                            <div class=\"bg-white rounded-2xl overflow-hidden mt-2 relative min-h-[300px] max-h-[420px] overflow-y-auto\">\r\n                                <!-- App Store Header -->\r\n                                <div class=\"bg-grocery-600 p-4 text-white\">\r\n                                    <div class=\"flex items-center justify-between mb-3\">\r\n                                        <div class=\"flex items-center gap-2\">\r\n                                            <i class=\"fa-solid fa-basket-shopping text-xl text-accent-400\"><\/i>\r\n                                            <span class=\"font-extrabold tracking-tight text-sm\">FRESH MART<\/span>\r\n                                        <\/div>\r\n                                        <div class=\"relative bg-white\/10 px-3 py-1.5 rounded-xl flex items-center gap-2 text-xs\">\r\n                                            <i class=\"fa-solid fa-cart-shopping text-accent-400\"><\/i>\r\n                                            <span class=\"font-bold\" id=\"mock-cart-count\">0 items<\/span>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"relative\">\r\n                                        <input type=\"text\" placeholder=\"Search Fresh Tomatoes, Apples, Milk...\" class=\"w-full bg-white text-slate-800 placeholder-slate-400 rounded-xl px-3 py-2 text-xs focus:outline-none\" disabled>\r\n                                        <i class=\"fa-solid fa-magnifying-glass text-slate-400 absolute right-3 top-2.5 text-xs\"><\/i>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <!-- Dynamic App Category Pill slider (Interactive) -->\r\n                                <div class=\"p-4 bg-slate-50 border-b border-slate-100 flex gap-2 overflow-x-auto no-scrollbar scroll-smooth\">\r\n                                    <span class=\"px-3 py-1 bg-grocery-100 text-grocery-800 text-[11px] font-bold rounded-full whitespace-nowrap\">\ud83e\udd66 Vegetables<\/span>\r\n                                    <span class=\"px-3 py-1 bg-white border border-slate-200 text-slate-600 text-[11px] font-bold rounded-full whitespace-nowrap\">\ud83c\udf4e Fresh Fruits<\/span>\r\n                                    <span class=\"px-3 py-1 bg-white border border-slate-200 text-slate-600 text-[11px] font-bold rounded-full whitespace-nowrap\">\ud83e\udd5b Dairy & Eggs<\/span>\r\n                                    <span class=\"px-3 py-1 bg-white border border-slate-200 text-slate-600 text-[11px] font-bold rounded-full whitespace-nowrap\">\ud83e\uddc2 Provisions<\/span>\r\n                                <\/div>\r\n\r\n                                <!-- App Grocery Products Grid -->\r\n                                <div class=\"p-4 grid grid-cols-2 gap-3\">\r\n                                    <!-- Card 1 -->\r\n                                    <div class=\"bg-white border border-slate-100 rounded-xl p-3 shadow-sm hover:shadow-md transition\">\r\n                                        <div class=\"w-full h-24 bg-emerald-50 rounded-lg flex items-center justify-center mb-2\">\r\n                                            <span class=\"text-3xl\">\ud83e\udd66<\/span>\r\n                                        <\/div>\r\n                                        <h4 class=\"font-bold text-[11px] text-slate-800 line-clamp-1\">Fresh Organic Broccoli<\/h4>\r\n                                        <div class=\"text-[9px] text-slate-500 mb-2\">500 g<\/div>\r\n                                        <div class=\"flex items-center justify-between\">\r\n                                            <span class=\"font-extrabold text-xs text-slate-900\">\u20b985<\/span>\r\n                                            <button onclick=\"addToMockCart(85)\" class=\"bg-grocery-600 hover:bg-grocery-700 text-white font-black text-[10px] px-2.5 py-1 rounded-lg transition active:scale-95\">ADD<\/button>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <!-- Card 2 -->\r\n                                    <div class=\"bg-white border border-slate-100 rounded-xl p-3 shadow-sm hover:shadow-md transition\">\r\n                                        <div class=\"w-full h-24 bg-amber-50 rounded-lg flex items-center justify-center mb-2\">\r\n                                            <span class=\"text-3xl\">\ud83c\udf4e<\/span>\r\n                                        <\/div>\r\n                                        <h4 class=\"font-bold text-[11px] text-slate-800 line-clamp-1\">Washington Apples (Premium)<\/h4>\r\n                                        <div class=\"text-[9px] text-slate-500 mb-2\">1 kg<\/div>\r\n                                        <div class=\"flex items-center justify-between\">\r\n                                            <span class=\"font-extrabold text-xs text-slate-900\">\u20b9180<\/span>\r\n                                            <button onclick=\"addToMockCart(180)\" class=\"bg-grocery-600 hover:bg-grocery-700 text-white font-black text-[10px] px-2.5 py-1 rounded-lg transition active:scale-95\">ADD<\/button>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <!-- Card 3 -->\r\n                                    <div class=\"bg-white border border-slate-100 rounded-xl p-3 shadow-sm hover:shadow-md transition\">\r\n                                        <div class=\"w-full h-24 bg-red-50 rounded-lg flex items-center justify-center mb-2\">\r\n                                            <span class=\"text-3xl\">\ud83c\udf45<\/span>\r\n                                        <\/div>\r\n                                        <h4 class=\"font-bold text-[11px] text-slate-800 line-clamp-1\">Farm Fresh Tomato Hybrid<\/h4>\r\n                                        <div class=\"text-[9px] text-slate-500 mb-2\">1 kg<\/div>\r\n                                        <div class=\"flex items-center justify-between\">\r\n                                            <span class=\"font-extrabold text-xs text-slate-900\">\u20b940<\/span>\r\n                                            <button onclick=\"addToMockCart(40)\" class=\"bg-grocery-600 hover:bg-grocery-700 text-white font-black text-[10px] px-2.5 py-1 rounded-lg transition active:scale-95\">ADD<\/button>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <!-- Card 4 -->\r\n                                    <div class=\"bg-white border border-slate-100 rounded-xl p-3 shadow-sm hover:shadow-md transition\">\r\n                                        <div class=\"w-full h-24 bg-blue-50 rounded-lg flex items-center justify-center mb-2\">\r\n                                            <span class=\"text-3xl\">\ud83e\udd5b<\/span>\r\n                                        <\/div>\r\n                                        <h4 class=\"font-bold text-[11px] text-slate-800 line-clamp-1\">Full Cream Amul Milk<\/h4>\r\n                                        <div class=\"text-[9px] text-slate-500 mb-2\">1 Litre<\/div>\r\n                                        <div class=\"flex items-center justify-between\">\r\n                                            <span class=\"font-extrabold text-xs text-slate-900\">\u20b968<\/span>\r\n                                            <button onclick=\"addToMockCart(68)\" class=\"bg-grocery-600 hover:bg-grocery-700 text-white font-black text-[10px] px-2.5 py-1 rounded-lg transition active:scale-95\">ADD<\/button>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Absolute Tooltips promoting package capabilities -->\r\n                    <div class=\"absolute -top-4 -right-2 bg-slate-900 text-white p-3 rounded-2xl shadow-xl flex items-center gap-2.5 border border-slate-700 text-xs font-semibold animate-bounce-subtle max-w-[200px]\">\r\n                        <div class=\"w-2.5 h-2.5 rounded-full bg-grocery-500 animate-ping\"><\/div>\r\n                        <span>Try Adding Mock Items to Cart Above!<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- CORE VALUE FEATURES SECTION -->\r\n    <section class=\"py-20 bg-slate-50\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n                <span class=\"text-grocery-600 text-sm font-bold uppercase tracking-wider\">Ultimate Feature Set<\/span>\r\n                <h2 class=\"text-3xl sm:text-4xl font-extrabold text-slate-900 mt-2\">\r\n                    Build Your Next Instamart, Blinkit, or Bigbasket Clone\r\n                <\/h2>\r\n                <p class=\"text-slate-600 mt-4 text-base\">\r\n                    No hidden monthly royalties, no licensing restrictions. We develop and deliver a premium, fully customized Grocery Delivery App & Website that you own entirely.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n                <!-- Feature 1 -->\r\n                <div class=\"bg-white p-8 rounded-2xl border border-slate-100 shadow-sm hover:shadow-md transition-all duration-300\">\r\n                    <div class=\"w-12 h-12 bg-grocery-50 text-grocery-600 rounded-xl flex items-center justify-center text-xl font-bold mb-6\">\r\n                        <i class=\"fa-solid fa-basket-shopping\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-lg font-bold text-slate-900 mb-3\">Seamless Product Catalog<\/h3>\r\n                    <p class=\"text-slate-600 text-sm leading-relaxed\">\r\n                        Manage fresh produce, packed pantry items, and variable weighted items (e.g., 500g, 1kg) seamlessly with modern attributes.\r\n                    <\/p>\r\n                <\/div>\r\n                <!-- Feature 2 -->\r\n                <div class=\"bg-white p-8 rounded-2xl border border-slate-100 shadow-sm hover:shadow-md transition-all duration-300\">\r\n                    <div class=\"w-12 h-12 bg-grocery-50 text-grocery-600 rounded-xl flex items-center justify-center text-xl font-bold mb-6\">\r\n                        <i class=\"fa-solid fa-map-location-dot\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-lg font-bold text-slate-900 mb-3\">Dynamic Delivery Slots<\/h3>\r\n                    <p class=\"text-slate-600 text-sm leading-relaxed\">\r\n                        Permit users to choose delivery hours, slots, or schedule orders to maintain a smooth logistics workflow.\r\n                    <\/p>\r\n                <\/div>\r\n                <!-- Feature 3 -->\r\n                <div class=\"bg-white p-8 rounded-2xl border border-slate-100 shadow-sm hover:shadow-md transition-all duration-300\">\r\n                    <div class=\"w-12 h-12 bg-grocery-50 text-grocery-600 rounded-xl flex items-center justify-center text-xl font-bold mb-6\">\r\n                        <i class=\"fa-solid fa-indian-rupee-sign\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-lg font-bold text-slate-900 mb-3\">All Payment Gateways<\/h3>\r\n                    <p class=\"text-slate-600 text-sm leading-relaxed\">\r\n                        Accept payments instantly via UPI, NetBanking, Credit Cards, Debit Cards, and Cash on Delivery (COD).\r\n                    <\/p>\r\n                <\/div>\r\n                <!-- Feature 4 -->\r\n                <div class=\"bg-white p-8 rounded-2xl border border-slate-100 shadow-sm hover:shadow-md transition-all duration-300\">\r\n                    <div class=\"w-12 h-12 bg-grocery-50 text-grocery-600 rounded-xl flex items-center justify-center text-xl font-bold mb-6\">\r\n                        <i class=\"fa-solid fa-bell\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-lg font-bold text-slate-900 mb-3\">Instant Push Notifications<\/h3>\r\n                    <p class=\"text-slate-600 text-sm leading-relaxed\">\r\n                        Broadcast flash offers, major seasonal fruits discount alerts directly onto your users' smartphone notification screens.\r\n                    <\/p>\r\n                <\/div>\r\n                <!-- Feature 5 -->\r\n                <div class=\"bg-white p-8 rounded-2xl border border-slate-100 shadow-sm hover:shadow-md transition-all duration-300\">\r\n                    <div class=\"w-12 h-12 bg-grocery-50 text-grocery-600 rounded-xl flex items-center justify-center text-xl font-bold mb-6\">\r\n                        <i class=\"fa-solid fa-gauge-high\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-lg font-bold text-slate-900 mb-3\">Ultra Fast Admin Panel<\/h3>\r\n                    <p class=\"text-slate-600 text-sm leading-relaxed\">\r\n                        Add items, adjust daily market pricing, update stocks, view reports, and export sales stats with our easy-to-use admin panel.\r\n                    <\/p>\r\n                <\/div>\r\n                <!-- Feature 6 -->\r\n                <div class=\"bg-white p-8 rounded-2xl border border-slate-100 shadow-sm hover:shadow-md transition-all duration-300\">\r\n                    <div class=\"w-12 h-12 bg-grocery-50 text-grocery-600 rounded-xl flex items-center justify-center text-xl font-bold mb-6\">\r\n                        <i class=\"fa-solid fa-chart-line\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-lg font-bold text-slate-900 mb-3\">Customer Marketing Module<\/h3>\r\n                    <p class=\"text-slate-600 text-sm leading-relaxed\">\r\n                        Integrate coupon codes, run buy-one-get-one deals, assign wallet points to incentivize repeat purchasing.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- INTERACTIVE ROI CALCULATOR -->\r\n    <section class=\"py-20 bg-gradient-to-br from-grocery-900 to-grocery-800 text-white relative overflow-hidden\">\r\n        <div class=\"absolute inset-0 opacity-10 bg-[linear-gradient(to_right,#808080_1px,transparent_1px),linear-gradient(to_bottom,#808080_1px,transparent_1px)] bg-[size:24px_24px]\"><\/div>\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n            <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\r\n                <!-- Left Details -->\r\n                <div class=\"lg:col-span-5 space-y-6\">\r\n                    <span class=\"text-accent-400 text-xs font-bold uppercase tracking-widest block\">Investment Value Analysis<\/span>\r\n                    <h2 class=\"text-3xl sm:text-4xl font-extrabold text-white leading-tight\">\r\n                        See How Quickly You Break Even\r\n                    <\/h2>\r\n                    <p class=\"text-emerald-100 text-base leading-relaxed\">\r\n                        Selling fresh groceries has high volume and incredible loyalty. Use our sliding calculator to estimate potential gross revenue and see why digital migration is a no-brainer.\r\n                    <\/p>\r\n                    <div class=\"bg-white\/10 p-4 rounded-xl border border-white\/10 text-xs text-emerald-100 flex items-start gap-3\">\r\n                        <i class=\"fa-solid fa-lightbulb text-accent-400 mt-0.5 text-base\"><\/i>\r\n                        <span>Statistically, a digital customer returns to buy 3.2 times more frequently than traditional walk-ins!<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Right Slider App -->\r\n                <div class=\"lg:col-span-7 bg-white text-slate-800 p-6 sm:p-10 rounded-3xl shadow-2xl relative\">\r\n                    <h3 class=\"text-xl font-bold text-slate-900 mb-6 flex items-center gap-2\">\r\n                        <i class=\"fa-solid fa-calculator text-grocery-600\"><\/i> Revenue Projection Calculator\r\n                    <\/h3>\r\n\r\n                    <div class=\"space-y-6\">\r\n                        <!-- Slider 1 -->\r\n                        <div>\r\n                            <div class=\"flex justify-between items-center mb-2\">\r\n                                <label class=\"text-sm font-bold text-slate-700\">Daily Target Orders<\/label>\r\n                                <span class=\"text-base font-black text-grocery-700\" id=\"calc-orders-label\">45 Orders<\/span>\r\n                            <\/div>\r\n                            <input type=\"range\" id=\"calc-orders\" min=\"10\" max=\"250\" value=\"45\" oninput=\"calculateROI()\" class=\"w-full h-2.5 bg-slate-200 rounded-lg appearance-none cursor-pointer accent-grocery-600 focus:outline-none\">\r\n                        <\/div>\r\n\r\n                        <!-- Slider 2 -->\r\n                        <div>\r\n                            <div class=\"flex justify-between items-center mb-2\">\r\n                                <label class=\"text-sm font-bold text-slate-700\">Average Cart\/Order Value (INR)<\/label>\r\n                                <span class=\"text-base font-black text-grocery-700\" id=\"calc-cart-label\">\u20b9650<\/span>\r\n                            <\/div>\r\n                            <input type=\"range\" id=\"calc-cart\" min=\"200\" max=\"2500\" step=\"50\" value=\"650\" oninput=\"calculateROI()\" class=\"w-full h-2.5 bg-slate-200 rounded-lg appearance-none cursor-pointer accent-grocery-600 focus:outline-none\">\r\n                        <\/div>\r\n\r\n                        <!-- Output Panel -->\r\n                        <div class=\"bg-slate-50 border border-slate-200 rounded-2xl p-6 mt-8 grid grid-cols-2 gap-4\">\r\n                            <div class=\"text-center md:text-left\">\r\n                                <div class=\"text-xs font-bold text-slate-500 uppercase tracking-wider\">Est. Monthly Gross<\/div>\r\n                                <div class=\"text-2xl sm:text-3xl font-black text-slate-900 mt-1\" id=\"calc-monthly-gross\">\u20b98,77,500<\/div>\r\n                            <\/div>\r\n                            <div class=\"text-center md:text-right\">\r\n                                <div class=\"text-xs font-bold text-slate-500 uppercase tracking-wider\">Est. Yearly Revenue<\/div>\r\n                                <div class=\"text-2xl sm:text-3xl font-black text-grocery-600 mt-1\" id=\"calc-yearly-gross\">\u20b91,05,30,000<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- CTA Call Trigger 2 -->\r\n                        <div class=\"pt-2\">\r\n                            <a href=\"tel:+919960816492\" class=\"w-full transform transition duration-300 hover:scale-105 bg-accent-500 hover:bg-accent-600 text-slate-950 font-extrabold py-4 px-6 rounded-2xl flex items-center justify-center gap-2 shadow-md\">\r\n                                <i class=\"fa-solid fa-phone\"><\/i>\r\n                                <span>CALL 9960816492 TO SECURE YOUR PLAN NOW<\/span>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- PRICING PACKAGES SECTION -->\r\n    <section id=\"packages\" class=\"py-24 bg-slate-50\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center max-w-3xl mx-auto mb-20\">\r\n                <span class=\"text-grocery-600 text-sm font-bold uppercase tracking-wider\">Unbeatable Flat-Rate Pricing<\/span>\r\n                <h2 class=\"text-3xl sm:text-4xl font-extrabold text-slate-900 mt-2\">\r\n                    Start Tiny, Scale Instantly\r\n                <\/h2>\r\n                <p class=\"text-slate-600 mt-4\">\r\n                    Choose the interface configuration matching your regional demographics and expansion goals. No royalties or recurring monthly percentages.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Pricing Grid -->\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 items-stretch max-w-7xl mx-auto\">\r\n                \r\n                <!-- Package 1 -->\r\n                <div class=\"bg-white rounded-3xl p-6 sm:p-8 border border-slate-200 shadow-sm flex flex-col justify-between hover:shadow-lg transition-all duration-300 relative group\">\r\n                    <div>\r\n                        <div class=\"mb-6\">\r\n                            <span class=\"text-xs font-extrabold tracking-widest text-slate-400 uppercase block\">Basic Pack<\/span>\r\n                            <h3 class=\"text-xl font-bold text-slate-900 mt-1\">Fully Functional Website<\/h3>\r\n                        <\/div>\r\n                        <div class=\"mb-6\">\r\n                            <div class=\"flex items-baseline text-slate-900\">\r\n                                <span class=\"text-3xl font-black\">\u20b911,999<\/span>\r\n                                <span class=\"text-slate-500 text-xs ml-1 font-semibold\">One-time fee<\/span>\r\n                            <\/div>\r\n                            <p class=\"text-slate-500 text-xs mt-2\">Perfect for web-first local shoppers<\/p>\r\n                        <\/div>\r\n                        <!-- Features -->\r\n                        <ul class=\"space-y-4 border-t border-slate-100 pt-6 mb-8 text-sm text-slate-600\">\r\n                            <li class=\"flex items-start gap-3\">\r\n                                <i class=\"fa-solid fa-check text-grocery-600 mt-1\"><\/i>\r\n                                <span>Full Responsive Website<\/span>\r\n                            <\/li>\r\n                            <li class=\"flex items-start gap-3\">\r\n                                <i class=\"fa-solid fa-check text-grocery-600 mt-1\"><\/i>\r\n                                <span>Turnkey Storefront Setup<\/span>\r\n                            <\/li>\r\n                            <li class=\"flex items-start gap-3\">\r\n                                <i class=\"fa-solid fa-check text-grocery-600 mt-1\"><\/i>\r\n                                <span>Cart & Quick Checkout Engine<\/span>\r\n                            <\/li>\r\n                            <li class=\"flex items-start gap-3\">\r\n                                <i class=\"fa-solid fa-check text-grocery-600 mt-1\"><\/i>\r\n                                <span>UPI & Wallet integration<\/span>\r\n                            <\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div>\r\n                        <button onclick=\"openModal('Plan Website Only - \u20b911,999')\" class=\"w-full bg-slate-900 hover:bg-slate-800 text-white font-bold py-3.5 px-4 rounded-2xl text-center text-sm transition-all duration-200\">\r\n                            Choose Website Only Plan\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Package 2 -->\r\n                <div class=\"bg-white rounded-3xl p-6 sm:p-8 border-2 border-emerald-500 shadow-xl flex flex-col justify-between hover:shadow-2xl transition-all duration-300 relative group transform lg:-translate-y-2\">\r\n                    <div class=\"absolute -top-4 left-1\/2 -translate-x-1\/2 bg-grocery-600 text-white text-[10px] tracking-widest font-black uppercase px-4 py-1.5 rounded-full shadow-md whitespace-nowrap\">\r\n                        Most Highly Recommended\r\n                    <\/div>\r\n                    <div>\r\n                        <div class=\"mb-6\">\r\n                            <span class=\"text-xs font-extrabold tracking-widest text-grocery-600 uppercase block\">Smart PWA Solution<\/span>\r\n                            <h3 class=\"text-xl font-bold text-slate-900 mt-1\">Website + Web App (PWA)<\/h3>\r\n                        <\/div>\r\n                        <div class=\"mb-6\">\r\n                            <div class=\"flex items-baseline text-slate-900\">\r\n                                <span class=\"text-3xl font-black\">\u20b915,999<\/span>\r\n                                <span class=\"text-slate-500 text-xs ml-1 font-semibold\">One-time fee<\/span>\r\n                            <\/div>\r\n                            <p class=\"text-grocery-700 text-xs mt-2 font-semibold\">Ideal mix of zero app-installs & great UX<\/p>\r\n                        <\/div>\r\n                        <!-- Features -->\r\n                        <ul class=\"space-y-4 border-t border-slate-100 pt-6 mb-8 text-sm text-slate-600\">\r\n                            <li class=\"flex items-start gap-3\">\r\n                                <i class=\"fa-solid fa-circle-check text-grocery-600 mt-1\"><\/i>\r\n                                <span class=\"font-bold text-slate-900\">All Website Features Included<\/span>\r\n                            <\/li>\r\n                            <li class=\"flex items-start gap-3\">\r\n                                <i class=\"fa-solid fa-check text-grocery-600 mt-1\"><\/i>\r\n                                <span>PWA App Engine Configured<\/span>\r\n                            <\/li>\r\n                            <li class=\"flex items-start gap-3\">\r\n                                <i class=\"fa-solid fa-check text-grocery-600 mt-1\"><\/i>\r\n                                <span>Add to Mobile Home-screen popup<\/span>\r\n                            <\/li>\r\n                            <li class=\"flex items-start gap-3\">\r\n                                <i class=\"fa-solid fa-check text-grocery-600 mt-1\"><\/i>\r\n                                <span>Ultra-Light & Faster Loading<\/span>\r\n                            <\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div>\r\n                        <button onclick=\"openModal('Plan Website + PWA - \u20b915,999')\" class=\"w-full bg-grocery-600 hover:bg-grocery-700 text-white font-extrabold py-3.5 px-4 rounded-2xl text-center text-sm shadow-md transition-all duration-200\">\r\n                            Get Website + PWA Now\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Package 3 -->\r\n                <div class=\"bg-white rounded-3xl p-6 sm:p-8 border border-slate-200 shadow-sm flex flex-col justify-between hover:shadow-lg transition-all duration-300 relative group\">\r\n                    <div>\r\n                        <div class=\"mb-6\">\r\n                            <span class=\"text-xs font-extrabold tracking-widest text-slate-400 uppercase block\">Android Dominance<\/span>\r\n                            <h3 class=\"text-xl font-bold text-slate-900 mt-1\">Website + Android App<\/h3>\r\n                        <\/div>\r\n                        <div class=\"mb-6\">\r\n                            <div class=\"flex items-baseline text-slate-900\">\r\n                                <span class=\"text-3xl font-black\">\u20b919,999<\/span>\r\n                                <span class=\"text-slate-500 text-xs ml-1 font-semibold\">One-time fee<\/span>\r\n                            <\/div>\r\n                            <p class=\"text-slate-500 text-xs mt-2\">Maximize retention in Android-majority zones<\/p>\r\n                        <\/div>\r\n                        <!-- Features -->\r\n                        <ul class=\"space-y-4 border-t border-slate-100 pt-6 mb-8 text-sm text-slate-600\">\r\n                            <li class=\"flex items-start gap-3\">\r\n                                <i class=\"fa-solid fa-circle-check text-grocery-600 mt-1\"><\/i>\r\n                                <span class=\"font-bold text-slate-900\">All Website Features Included<\/span>\r\n                            <\/li>\r\n                            <li class=\"flex items-start gap-3\">\r\n                                <i class=\"fa-solid fa-check text-grocery-600 mt-1\"><\/i>\r\n                                <span>Play Store Ready APK\/AAB<\/span>\r\n                            <\/li>\r\n                            <li class=\"flex items-start gap-3\">\r\n                                <i class=\"fa-solid fa-check text-grocery-600 mt-1\"><\/i>\r\n                                <span>Unlimited Push Notifications<\/span>\r\n                            <\/li>\r\n                            <li class=\"flex items-start gap-3\">\r\n                                <i class=\"fa-solid fa-check text-grocery-600 mt-1\"><\/i>\r\n                                <span>Live Delivery Guy Tracking<\/span>\r\n                            <\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div>\r\n                        <button onclick=\"openModal('Plan Website + Android - \u20b919,999')\" class=\"w-full bg-slate-900 hover:bg-slate-800 text-white font-bold py-3.5 px-4 rounded-2xl text-center text-sm transition-all duration-200\">\r\n                            Get Website + Android\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Package 4 -->\r\n                <div class=\"bg-white rounded-3xl p-6 sm:p-8 border border-slate-200 shadow-sm flex flex-col justify-between hover:shadow-lg transition-all duration-300 relative group\">\r\n                    <div>\r\n                        <div class=\"mb-6\">\r\n                            <span class=\"text-xs font-extrabold tracking-widest text-slate-400 uppercase block\">Supreme Suite<\/span>\r\n                            <h3 class=\"text-xl font-bold text-slate-900 mt-1\">Website + iOS App<\/h3>\r\n                        <\/div>\r\n                        <div class=\"mb-6\">\r\n                            <div class=\"flex items-baseline text-slate-900\">\r\n                                <span class=\"text-3xl font-black\">\u20b924,999<\/span>\r\n                                <span class=\"text-slate-500 text-xs ml-1 font-semibold\">One-time fee<\/span>\r\n                            <\/div>\r\n                            <p class=\"text-slate-500 text-xs mt-2\">Target the high-income premium consumer<\/p>\r\n                        <\/div>\r\n                        <!-- Features -->\r\n                        <ul class=\"space-y-4 border-t border-slate-100 pt-6 mb-8 text-sm text-slate-600\">\r\n                            <li class=\"flex items-start gap-3\">\r\n                                <i class=\"fa-solid fa-circle-check text-grocery-600 mt-1\"><\/i>\r\n                                <span class=\"font-bold text-slate-900\">All Website Features Included<\/span>\r\n                            <\/li>\r\n                            <li class=\"flex items-start gap-3\">\r\n                                <i class=\"fa-solid fa-check text-grocery-600 mt-1\"><\/i>\r\n                                <span>Native iOS Swift App build<\/span>\r\n                            <\/li>\r\n                            <li class=\"flex items-start gap-3\">\r\n                                <i class=\"fa-solid fa-check text-grocery-600 mt-1\"><\/i>\r\n                                <span>Apple App Store submission support<\/span>\r\n                            <\/li>\r\n                            <li class=\"flex items-start gap-3\">\r\n                                <i class=\"fa-solid fa-check text-grocery-600 mt-1\"><\/i>\r\n                                <span>Optimized Apple Pay Readiness<\/span>\r\n                            <\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div>\r\n                        <button onclick=\"openModal('Plan Website + iOS - \u20b924,999')\" class=\"w-full bg-slate-900 hover:bg-slate-800 text-white font-bold py-3.5 px-4 rounded-2xl text-center text-sm transition-all duration-200\">\r\n                            Get Website + iOS Pack\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- TESTIMONIALS SECTION -->\r\n    <section class=\"py-20 bg-white relative\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n                <span class=\"text-grocery-600 text-sm font-bold uppercase tracking-wider\">Proof of Success<\/span>\r\n                <h2 class=\"text-3xl sm:text-4xl font-extrabold text-slate-900 mt-2\">\r\n                    Loved By 120+ Store Owners\r\n                <\/h2>\r\n                <p class=\"text-slate-600 mt-4 text-sm sm:text-base\">\r\n                    Read the real transformations of small grocery chains, organic stores, and local supermarkets who launched using our e-commerce packages.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n                <!-- Testimonial 1 -->\r\n                <div class=\"bg-slate-50 border border-slate-100 p-8 rounded-3xl relative\">\r\n                    <div class=\"flex items-center gap-1 text-accent-500 mb-4 text-sm\">\r\n                        <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\r\n                    <\/div>\r\n                    <p class=\"text-slate-700 text-sm leading-relaxed mb-6 font-medium\">\r\n                        \"Moving my local grocery mart online was daunting. This team configured the whole platform in 8 days. Today, my average order size went from \u20b9300 in-store to over \u20b9750 online!\"\r\n                    <\/p>\r\n                    <div class=\"flex items-center gap-4\">\r\n                        <div class=\"w-12 h-12 rounded-full bg-grocery-100 flex items-center justify-center font-bold text-grocery-800 text-sm\">\r\n                            RM\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"font-extrabold text-slate-900 text-sm\">Rajesh Mehta<\/h4>\r\n                            <p class=\"text-slate-500 text-xs\">Owner, FreshDay Mart (Mumbai)<\/p>\r\n                            <span class=\"inline-block px-2 py-0.5 mt-1 text-[10px] font-bold text-emerald-700 bg-emerald-100 rounded\">Orders: +180% Growth<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Testimonial 2 -->\r\n                <div class=\"bg-slate-50 border border-slate-100 p-8 rounded-3xl relative\">\r\n                    <div class=\"flex items-center gap-1 text-accent-500 mb-4 text-sm\">\r\n                        <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\r\n                    <\/div>\r\n                    <p class=\"text-slate-700 text-sm leading-relaxed mb-6 font-medium\">\r\n                        \"The Progressive Web App (PWA) has done wonders. Our regular neighborhood customers didn't need to go to Play Store to install it. They just added to home screen, order in 3 clicks.\"\r\n                    <\/p>\r\n                    <div class=\"flex items-center gap-4\">\r\n                        <div class=\"w-12 h-12 rounded-full bg-grocery-100 flex items-center justify-center font-bold text-grocery-800 text-sm\">\r\n                            AS\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"font-extrabold text-slate-900 text-sm\">Amit Sharma<\/h4>\r\n                            <p class=\"text-slate-500 text-xs\">Founder, DailyNeeds Supermarket<\/p>\r\n                            <span class=\"inline-block px-2 py-0.5 mt-1 text-[10px] font-bold text-emerald-700 bg-emerald-100 rounded\">PWA Active users: 1.2k+<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Testimonial 3 -->\r\n                <div class=\"bg-slate-50 border border-slate-100 p-8 rounded-3xl relative\">\r\n                    <div class=\"flex items-center gap-1 text-accent-500 mb-4 text-sm\">\r\n                        <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\r\n                    <\/div>\r\n                    <p class=\"text-slate-700 text-sm leading-relaxed mb-6 font-medium\">\r\n                        \"The push notifications are a superpower. Last Tuesday we had surplus organic stock; we sent an instant flash discount push notification and sold 120kg tomatoes in 3 hours!\"\r\n                    <\/p>\r\n                    <div class=\"flex items-center gap-4\">\r\n                        <div class=\"w-12 h-12 rounded-full bg-grocery-100 flex items-center justify-center font-bold text-grocery-800 text-sm\">\r\n                            PK\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"font-extrabold text-slate-900 text-sm\">Priyanka K.<\/h4>\r\n                            <p class=\"text-slate-500 text-xs\">Director, GreenBasket Online<\/p>\r\n                            <span class=\"inline-block px-2 py-0.5 mt-1 text-[10px] font-bold text-emerald-700 bg-emerald-100 rounded\">Zero Stock Waste<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Call Button 3 (Under Testimonials) -->\r\n            <div class=\"text-center mt-12\">\r\n                <a href=\"tel:+919960816492\" class=\"inline-flex items-center gap-2 transform transition duration-300 hover:scale-105 bg-accent-500 hover:bg-accent-600 text-slate-950 font-extrabold text-base px-8 py-4 rounded-xl shadow-lg\">\r\n                    <i class=\"fa-solid fa-circle-phone\"><\/i>\r\n                    <span>CALL 9960816492 FOR CONSULTATION<\/span>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FAQ ACCORDION SECTION -->\r\n    <section class=\"py-20 bg-slate-50 border-t border-b border-slate-200\/80\">\r\n        <div class=\"max-w-4xl mx-auto px-4 sm:px-6\">\r\n            <div class=\"text-center mb-12\">\r\n                <h2 class=\"text-3xl font-extrabold text-slate-900\">Frequently Asked Questions<\/h2>\r\n                <p class=\"text-slate-600 mt-2 text-sm\">Everything you need to know about setting up your online grocery outlet.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"space-y-4\">\r\n                <!-- Accordion 1 -->\r\n                <div class=\"bg-white border border-slate-200 rounded-2xl overflow-hidden transition-all duration-200\">\r\n                    <button onclick=\"toggleFaq(1)\" class=\"w-full text-left px-6 py-4 font-bold text-slate-950 flex justify-between items-center hover:bg-slate-50\">\r\n                        <span>Are there any hidden monthly transaction fees?<\/span>\r\n                        <i id=\"faq-icon-1\" class=\"fa-solid fa-plus text-slate-400 transition-transform\"><\/i>\r\n                    <\/button>\r\n                    <div id=\"faq-content-1\" class=\"hidden px-6 pb-5 text-sm text-slate-600 leading-relaxed border-t border-slate-100 pt-3\">\r\n                        Absolutely not. You pay our flat one-time deployment charge (11,999 INR - 24,999 INR depending on the option) and keep 100% of all profits. No royalties, no transaction-cut models whatsoever.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Accordion 2 -->\r\n                <div class=\"bg-white border border-slate-200 rounded-2xl overflow-hidden transition-all duration-200\">\r\n                    <button onclick=\"toggleFaq(2)\" class=\"w-full text-left px-6 py-4 font-bold text-slate-950 flex justify-between items-center hover:bg-slate-50\">\r\n                        <span>Can I easily change vegetable and fruit prices daily?<\/span>\r\n                        <i id=\"faq-icon-2\" class=\"fa-solid fa-plus text-slate-400 transition-transform\"><\/i>\r\n                    <\/button>\r\n                    <div id=\"faq-content-2\" class=\"hidden px-6 pb-5 text-sm text-slate-600 leading-relaxed border-t border-slate-100 pt-3\">\r\n                        Yes! Our bespoke custom administrator panel lets you adjust live price figures in real-time, instantly refreshing the prices on both customer web and native store applications.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Accordion 3 -->\r\n                <div class=\"bg-white border border-slate-200 rounded-2xl overflow-hidden transition-all duration-200\">\r\n                    <button onclick=\"toggleFaq(3)\" class=\"w-full text-left px-6 py-4 font-bold text-slate-950 flex justify-between items-center hover:bg-slate-50\">\r\n                        <span>Do I need to manage payment gateways?<\/span>\r\n                        <i id=\"faq-icon-3\" class=\"fa-solid fa-plus text-slate-400 transition-transform\"><\/i>\r\n                    <\/button>\r\n                    <div id=\"faq-content-3\" class=\"hidden px-6 pb-5 text-sm text-slate-600 leading-relaxed border-t border-slate-100 pt-3\">\r\n                        We handle all integrations for you. We wire your systems with major secure platforms like Razorpay, PhonePe, or Paytm so money lands directly inside your bank account within 24 hours.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Accordion 4 -->\r\n                <div class=\"bg-white border border-slate-200 rounded-2xl overflow-hidden transition-all duration-200\">\r\n                    <button onclick=\"toggleFaq(4)\" class=\"w-full text-left px-6 py-4 font-bold text-slate-950 flex justify-between items-center hover:bg-slate-50\">\r\n                        <span>How fast can my storefront go live?<\/span>\r\n                        <i id=\"faq-icon-4\" class=\"fa-solid fa-plus text-slate-400 transition-transform\"><\/i>\r\n                    <\/button>\r\n                    <div id=\"faq-content-4\" class=\"hidden px-6 pb-5 text-sm text-slate-600 leading-relaxed border-t border-slate-100 pt-3\">\r\n                        Our standard deployment window is 7 business days from signing up and submitting basic credentials (brand logo, products inventory list, bank details). We guide you each step of the way!\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- CLOSING CTA BOTTOM BANNER (High conversion ending, no footer) -->\r\n    <section class=\"bg-gradient-to-br from-grocery-950 to-grocery-800 text-white py-24 text-center relative overflow-hidden\">\r\n        <div class=\"max-w-4xl mx-auto px-4 sm:px-6 relative z-10\">\r\n            <h2 class=\"text-4xl sm:text-5xl font-black mb-6 leading-tight\">\r\n                Launch Your Digital Store Today\r\n            <\/h2>\r\n            <p class=\"text-lg text-emerald-100 max-w-2xl mx-auto mb-10\">\r\n                Stop waiting for customers to visit your physical outlet. Instantly deploy your high-performance Instamart, Blinkit, or Bigbasket Clone today.\r\n            <\/p>\r\n\r\n            <div class=\"flex flex-col sm:flex-row items-center justify-center gap-4 max-w-md mx-auto\">\r\n                <a href=\"tel:+919960816492\" class=\"w-full sm:w-auto px-8 py-4 bg-accent-500 hover:bg-accent-600 text-slate-950 font-extrabold text-lg rounded-2xl glow-button transition duration-200 flex items-center justify-center gap-2\">\r\n                    <i class=\"fa-solid fa-phone\"><\/i>\r\n                    <span>Call 9960816492 To Start<\/span>\r\n                <\/a>\r\n                <a href=\"https:\/\/wa.me\/919960816492?text=I'm%20interested%20in%20your%20grocery%20store%20ecommerce%20package\" target=\"_blank\" class=\"w-full sm:w-auto px-8 py-4 bg-emerald-600 hover:bg-emerald-700 text-white font-extrabold text-lg rounded-2xl transition duration-200 flex items-center justify-center gap-2\">\r\n                    <i class=\"fa-brands fa-whatsapp\"><\/i>\r\n                    <span>WhatsApp Inquiry<\/span>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <div class=\"mt-8 text-xs text-emerald-300 font-semibold tracking-wider uppercase\">\r\n                \u26a1 Standard SETUP takes only 7 days \u2022 120+ happy store owners\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- CONVERSATIONAL CALLBACK MODAL FORM (Prevents basic alerts and captures high-intent leads) -->\r\n    <div id=\"callbackModal\" class=\"fixed inset-0 bg-slate-950\/80 backdrop-blur-sm z-50 flex items-center justify-center hidden opacity-0 transition-opacity duration-300 p-4\">\r\n        <div class=\"bg-white rounded-3xl w-full max-w-lg overflow-hidden shadow-2xl relative transform scale-95 transition-transform duration-300\" id=\"modal-container\">\r\n            \r\n            <!-- Success Message Panel (Initially Hidden) -->\r\n            <div id=\"modal-success\" class=\"hidden p-8 text-center space-y-6\">\r\n                <div class=\"w-16 h-16 bg-grocery-100 text-grocery-600 rounded-full flex items-center justify-center text-3xl mx-auto\">\r\n                    <i class=\"fa-solid fa-circle-check\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"text-2xl font-extrabold text-slate-950\">Callback Request Logged!<\/h3>\r\n                <p class=\"text-slate-600 text-sm\">\r\n                    Thank you. Our dedicated grocery e-commerce solutions specialist will call you back on the number provided within <strong>15 minutes<\/strong>. Or directly call us now at <strong>9960816492<\/strong>.\r\n                <\/p>\r\n                <button onclick=\"closeModal()\" class=\"w-full bg-slate-950 text-white py-3.5 rounded-xl font-bold transition\">Close<\/button>\r\n            <\/div>\r\n\r\n            <!-- Main Input Form Content -->\r\n            <div id=\"modal-content\" class=\"p-6 sm:p-8\">\r\n                <!-- Close Button -->\r\n                <button onclick=\"closeModal()\" class=\"absolute top-4 right-4 text-slate-400 hover:text-slate-700 text-xl\">\r\n                    <i class=\"fa-solid fa-xmark\"><\/i>\r\n                <\/button>\r\n\r\n                <div class=\"mb-6\">\r\n                    <span class=\"inline-block bg-grocery-100 text-grocery-800 text-[10px] font-extrabold px-3 py-1 rounded-full uppercase mb-2\">Instant Booking Discount Locked<\/span>\r\n                    <h3 class=\"text-2xl font-black text-slate-900\" id=\"modal-heading-text\">Talk to Our Grocery Solution Expert<\/h3>\r\n                    <p class=\"text-xs text-slate-500 mt-1\">Get custom consultation for your target package completely free. Or dial directly: <strong class=\"text-grocery-700\">9960816492<\/strong><\/p>\r\n                <\/div>\r\n\r\n                <form id=\"lead-form\" onsubmit=\"handleFormSubmit(event)\" class=\"space-y-4\">\r\n                    <!-- Hidden package tracking element -->\r\n                    <input type=\"hidden\" id=\"selected-package-source\" value=\"General Funnel Request\">\r\n\r\n                    <div>\r\n                        <label class=\"block text-xs font-bold uppercase text-slate-500 mb-1.5\">Your Full Name<\/label>\r\n                        <input type=\"text\" required placeholder=\"eg., Ramesh Kumar\" class=\"w-full bg-slate-50 border border-slate-200 rounded-xl px-4 py-3 text-sm focus:outline-none focus:border-grocery-500 text-slate-950\">\r\n                    <\/div>\r\n                    <div>\r\n                        <label class=\"block text-xs font-bold uppercase text-slate-500 mb-1.5\">Mobile Number<\/label>\r\n                        <div class=\"flex gap-2\">\r\n                            <span class=\"bg-slate-100 border border-slate-200 rounded-xl px-3 py-3 text-sm text-slate-600 flex items-center\">+91<\/span>\r\n                            <input type=\"tel\" pattern=\"[0-9]{10}\" required placeholder=\"9999999999\" class=\"w-full bg-slate-50 border border-slate-200 rounded-xl px-4 py-3 text-sm focus:outline-none focus:border-grocery-500 text-slate-950\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div>\r\n                        <label class=\"block text-xs font-bold uppercase text-slate-500 mb-1.5\">Location \/ City<\/label>\r\n                        <input type=\"text\" required placeholder=\"eg., Pune, Maharashtra\" class=\"w-full bg-slate-50 border border-slate-200 rounded-xl px-4 py-3 text-sm focus:outline-none focus:border-grocery-500 text-slate-950\">\r\n                    <\/div>\r\n                    <div>\r\n                        <label class=\"block text-xs font-bold uppercase text-slate-500 mb-1.5\">Choose Package Preference<\/label>\r\n                        <select id=\"modal-select-package\" class=\"w-full bg-slate-50 border border-slate-200 rounded-xl px-4 py-3 text-sm focus:outline-none focus:border-grocery-500 text-slate-950\">\r\n                            <option value=\"Website Only - 11999 INR\">Fully Functional Website - \u20b911,999<\/option>\r\n                            <option value=\"Website + Web App (PWA) - 15999 INR\" selected>Website + Web App (PWA) - \u20b915,999<\/option>\r\n                            <option value=\"Website + Android App - 19999 INR\">Website + Android App - \u20b919,999<\/option>\r\n                            <option value=\"Website + IOS App - 24999 INR\">Website + iOS App - \u20b924,999<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n\r\n                    <button type=\"submit\" class=\"w-full bg-accent-500 hover:bg-accent-600 text-slate-950 font-extrabold text-base py-4 rounded-xl shadow-md transition duration-200 mt-4 flex items-center justify-center gap-2\">\r\n                        <i class=\"fa-solid fa-phone-flip\"><\/i>\r\n                        <span>CALL ME IN 15 MINUTES<\/span>\r\n                    <\/button>\r\n                    \r\n                    <p class=\"text-[10px] text-center text-slate-400 mt-2\">\r\n                        *By clicking submit you authorize our team to initiate a consultation callback.\r\n                    <\/p>\r\n                <\/form>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- INTERACTIVE FUNNEL LOGIC & CALCULATOR JS SCRIPT -->\r\n    <script>\r\n        \/\/ Tab switching definitions\r\n        const platformDetails = {\r\n            desktop: {\r\n                tag: 'Fully Optimized for Laptop Buyers',\r\n                heading: 'Responsive Desktop E-Commerce Solution',\r\n                desc: 'Tailored for desktop search engine queries. Seamless catalog navigation, optimized keyboard search, big layout to browse and make quick multi-item grocery list orders.',\r\n                features: [\r\n                    'Superfast static load assets < 1.2s',\r\n                    'Multiple integrated Indian gateways (Razorpay, Paytm etc)',\r\n                    'Comprehensive administrative dashboard analytics',\r\n                    'Dynamic order inventory tracking updates'\r\n                ],\r\n                frameClass: 'max-w-lg',\r\n                shellClass: 'bg-slate-900 rounded-3xl p-3 shadow-2xl relative border border-slate-700\/50',\r\n                innerWrapper: 'min-h-[300px] max-h-[420px]'\r\n            },\r\n            pwa: {\r\n                tag: 'No installation required',\r\n                heading: 'Mobile-First Progressive Web App (PWA)',\r\n                desc: 'Let customers launch your grocery store app directly via browser. Includes app-like navigation bar, offline support, home screen add prompt, and incredible performance speeds.',\r\n                features: [\r\n                    'Instant Add-to-Home Screen capabilities',\r\n                    'No commission fees required for App store listings',\r\n                    'Works efficiently on extremely low 3G connections',\r\n                    'Zero smartphone memory storage lag issues'\r\n                ],\r\n                frameClass: 'max-w-[280px]',\r\n                shellClass: 'bg-slate-950 rounded-[40px] p-4 shadow-2xl relative border-4 border-slate-800',\r\n                innerWrapper: 'min-h-[440px] max-h-[500px]'\r\n            },\r\n            android: {\r\n                tag: 'Maximize Daily Retention',\r\n                heading: 'High-Performance Android App Package',\r\n                desc: 'Publish your native app directly onto the Google Play Store. Unlock high retention levels with instant automated localized promotional system push notifications.',\r\n                features: [\r\n                    'Native Kotlin\/Java responsive app code',\r\n                    'Direct push notification manager setup included',\r\n                    'Play Store registration compliance handholding',\r\n                    'Fast customer account registration via Mobile OTP'\r\n                ],\r\n                frameClass: 'max-w-[280px]',\r\n                shellClass: 'bg-slate-950 rounded-[40px] p-4 shadow-2xl relative border-4 border-slate-800',\r\n                innerWrapper: 'min-h-[440px] max-h-[500px]'\r\n            },\r\n            ios: {\r\n                tag: 'Premium Demographic Target',\r\n                heading: 'Premium iOS Apple Mobile App',\r\n                desc: 'Scale your operations targeting the premium iPhone-using community. Gorgeous UI layouts, Swift architecture, and extreme security benchmarks matching iOS standard parameters.',\r\n                features: [\r\n                    'Premium modern Apple design guidelines compliance',\r\n                    'High-income average grocery customer targeting framework',\r\n                    'Apple App Store deployment support guarantees',\r\n                    'FaceID\/Fingerprint secure quick login module'\r\n                ],\r\n                frameClass: 'max-w-[280px]',\r\n                shellClass: 'bg-slate-950 rounded-[40px] p-4 shadow-2xl relative border-4 border-slate-850',\r\n                innerWrapper: 'min-h-[440px] max-h-[500px]'\r\n            }\r\n        };\r\n\r\n        \/\/ Switch Tab UI Content State\r\n        function switchTab(platform) {\r\n            \/\/ Reset all tab button styles\r\n            document.querySelectorAll('.tab-btn').forEach(btn => {\r\n                btn.className = \"tab-btn px-4 py-2.5 rounded-xl text-sm font-bold transition-all duration-200 text-slate-600 hover:text-slate-950 flex items-center gap-2\";\r\n            });\r\n\r\n            \/\/ Set active button styles\r\n            const activeBtn = document.getElementById(`tab-${platform}`);\r\n            if (activeBtn) {\r\n                activeBtn.className = \"tab-btn px-4 py-2.5 rounded-xl text-sm font-bold transition-all duration-200 bg-white text-grocery-700 shadow-sm flex items-center gap-2\";\r\n            }\r\n\r\n            \/\/ Update details\r\n            const data = platformDetails[platform];\r\n            if (data) {\r\n                document.getElementById('platform-tag').textContent = data.tag;\r\n                document.getElementById('platform-heading').textContent = data.heading;\r\n                document.getElementById('platform-desc').textContent = data.desc;\r\n\r\n                \/\/ Update checklist features list\r\n                const listContainer = document.getElementById('platform-features');\r\n                listContainer.innerHTML = '';\r\n                data.features.forEach(feat => {\r\n                    const li = document.createElement('li');\r\n                    li.className = \"flex items-center gap-3 text-sm text-slate-600\";\r\n                    li.innerHTML = `<i class=\"fa-solid fa-circle-check text-grocery-500 text-base\"><\/i> <span>${feat}<\/span>`;\r\n                    listContainer.appendChild(li);\r\n                });\r\n\r\n                \/\/ Update Device Shell wrapper styles to look like Desktop\/Mobile transitionally\r\n                const wrapper = document.getElementById('device-wrapper');\r\n                const shell = document.getElementById('device-shell');\r\n                const contentInner = shell.querySelector('.bg-white');\r\n\r\n                \/\/ Apply dynamic class transforms\r\n                wrapper.className = `w-full ${data.frameClass} transition-all duration-300`;\r\n                shell.className = data.shellClass;\r\n                contentInner.className = `bg-white rounded-2xl overflow-hidden mt-2 relative overflow-y-auto ${data.innerWrapper}`;\r\n            }\r\n        }\r\n\r\n        \/\/ Mock Interactive Cart logic\r\n        let mockCartItemsCount = 0;\r\n        let mockCartTotal = 0;\r\n        \r\n        function addToMockCart(price) {\r\n            mockCartItemsCount++;\r\n            mockCartTotal += price;\r\n            \r\n            \/\/ Highlight cart count element\r\n            const cartElement = document.getElementById('mock-cart-count');\r\n            cartElement.textContent = `${mockCartItemsCount} item(s) (\u20b9${mockCartTotal})`;\r\n            \r\n            \/\/ Bounce cart icon animation for microinteraction visual feel\r\n            cartElement.parentElement.classList.add('scale-110', 'bg-accent-500\/20');\r\n            setTimeout(() => {\r\n                cartElement.parentElement.classList.remove('scale-110', 'bg-accent-500\/20');\r\n            }, 300);\r\n        }\r\n\r\n        \/\/ ROI Calculator Logic\r\n        function calculateROI() {\r\n            const dailyOrders = parseInt(document.getElementById('calc-orders').value);\r\n            const cartValue = parseInt(document.getElementById('calc-cart').value);\r\n\r\n            \/\/ Update Labels\r\n            document.getElementById('calc-orders-label').textContent = `${dailyOrders} Orders`;\r\n            document.getElementById('calc-cart-label').textContent = `\u20b9${cartValue}`;\r\n\r\n            \/\/ Compute gross totals\r\n            const monthlyRevenue = dailyOrders * cartValue * 30;\r\n            const yearlyRevenue = monthlyRevenue * 12;\r\n\r\n            \/\/ Display formatted outputs in Lakhs\/Thousands INR currency standard format\r\n            document.getElementById('calc-monthly-gross').textContent = formatCurrency(monthlyRevenue);\r\n            document.getElementById('calc-yearly-gross').textContent = formatCurrency(yearlyRevenue);\r\n        }\r\n\r\n        function formatCurrency(amount) {\r\n            return \"\u20b9\" + amount.toLocaleString('en-IN');\r\n        }\r\n\r\n        \/\/ Modal Functionalities\r\n        function openModal(sourceName) {\r\n            const modal = document.getElementById('callbackModal');\r\n            const sourceInput = document.getElementById('selected-package-source');\r\n            const selectPackage = document.getElementById('modal-select-package');\r\n            const headingText = document.getElementById('modal-heading-text');\r\n\r\n            sourceInput.value = sourceName;\r\n            \r\n            \/\/ Autoselect mapping depending on trigger sources\r\n            if (sourceName.includes('\u20b911,999')) {\r\n                selectPackage.value = \"Website Only - 11999 INR\";\r\n                headingText.textContent = \"Reserve Website Only Package\";\r\n            } else if (sourceName.includes('\u20b915,999')) {\r\n                selectPackage.value = \"Website + Web App (PWA) - 15999 INR\";\r\n                headingText.textContent = \"Reserve Website + PWA Package\";\r\n            } else if (sourceName.includes('\u20b919,999')) {\r\n                selectPackage.value = \"Website + Android App - 19999 INR\";\r\n                headingText.textContent = \"Reserve Website + Android Package\";\r\n            } else if (sourceName.includes('\u20b924,999')) {\r\n                selectPackage.value = \"Website + iOS App - 24999 INR\";\r\n                headingText.textContent = \"Reserve Website + iOS Suite\";\r\n            } else {\r\n                headingText.textContent = \"Reserve Your Grocery Digital Upgrade Slot\";\r\n            }\r\n\r\n            modal.classList.remove('hidden');\r\n            setTimeout(() => {\r\n                modal.classList.remove('opacity-0');\r\n                document.getElementById('modal-container').classList.remove('scale-95');\r\n            }, 50);\r\n        }\r\n\r\n        function closeModal() {\r\n            const modal = document.getElementById('callbackModal');\r\n            document.getElementById('modal-container').classList.add('scale-95');\r\n            modal.classList.add('opacity-0');\r\n            setTimeout(() => {\r\n                modal.classList.add('hidden');\r\n                \/\/ Reset standard views in case form was previously submitted\r\n                document.getElementById('modal-content').classList.remove('hidden');\r\n                document.getElementById('modal-success').classList.add('hidden');\r\n            }, 300);\r\n        }\r\n\r\n        function handleFormSubmit(event) {\r\n            event.preventDefault();\r\n            \/\/ Perform simulated network response loading indicator\r\n            const submitBtn = event.target.querySelector('button[type=\"submit\"]');\r\n            const originalText = submitBtn.innerHTML;\r\n            \r\n            submitBtn.disabled = true;\r\n            submitBtn.innerHTML = '<i class=\"fa-solid fa-spinner animate-spin\"><\/i> Processing Request...';\r\n\r\n            setTimeout(() => {\r\n                \/\/ Show success panel inside modal (safe interactive solution, no alerts)\r\n                document.getElementById('modal-content').classList.add('hidden');\r\n                document.getElementById('modal-success').classList.remove('hidden');\r\n                \r\n                \/\/ Clear input fields\r\n                event.target.reset();\r\n                submitBtn.disabled = false;\r\n                submitBtn.innerHTML = originalText;\r\n            }, 1000);\r\n        }\r\n\r\n        \/\/ Toggle FAQ Accordion State helper\r\n        function toggleFaq(id) {\r\n            const content = document.getElementById(`faq-content-${id}`);\r\n            const icon = document.getElementById(`faq-icon-${id}`);\r\n\r\n            if (content.classList.contains('hidden')) {\r\n                content.classList.remove('hidden');\r\n                icon.className = \"fa-solid fa-minus text-grocery-600 transition-transform rotate-180\";\r\n            } else {\r\n                content.classList.add('hidden');\r\n                icon.className = \"fa-solid fa-plus text-slate-400 transition-transform\";\r\n            }\r\n        }\r\n\r\n        \/\/ Run interactive calculator initialization\r\n        window.onload = function() {\r\n            calculateROI();\r\n        };\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Launch Your Grocery Delivery App &#038; Website | Instamart, Blinkit &#038; Bigbasket Clone LIMITED TIME OFFER: Save 30% Setup Fee [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","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-1558","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>Grocery Delivery App &amp; Website | Website Design Development in Hinjewadi Pune | WordPress Plugin Theme Development<\/title>\n<meta name=\"description\" content=\"Looking for Grocery Delivery App &amp; Website ? 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=1558\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Grocery Delivery App &amp; Website | Website Design Development in Hinjewadi Pune | WordPress Plugin Theme Development\" \/>\n<meta property=\"og:description\" content=\"Looking for Grocery Delivery App &amp; Website ? 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=1558\" \/>\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-25T07:36:35+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=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/websitemitra.com\\\/?page_id=1558\",\"url\":\"https:\\\/\\\/websitemitra.com\\\/?page_id=1558\",\"name\":\"Grocery Delivery App &amp; Website | Website Design Development in Hinjewadi Pune | WordPress Plugin Theme Development\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/websitemitra.com\\\/#website\"},\"datePublished\":\"2026-07-18T16:31:25+00:00\",\"dateModified\":\"2026-07-25T07:36:35+00:00\",\"description\":\"Looking for Grocery Delivery App &amp; Website ? 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=1558#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/websitemitra.com\\\/?page_id=1558\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/websitemitra.com\\\/?page_id=1558#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/websitemitra.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Grocery Delivery App &amp; Website\"}]},{\"@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":"Grocery Delivery App &amp; Website | Website Design Development in Hinjewadi Pune | WordPress Plugin Theme Development","description":"Looking for Grocery Delivery App &amp; Website ? 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=1558","og_locale":"en_US","og_type":"article","og_title":"Grocery Delivery App &amp; Website | Website Design Development in Hinjewadi Pune | WordPress Plugin Theme Development","og_description":"Looking for Grocery Delivery App &amp; Website ? 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=1558","og_site_name":"Website Design Development in Hinjewadi Pune | WordPress Plugin Theme Development","article_modified_time":"2026-07-25T07:36:35+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":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/websitemitra.com\/?page_id=1558","url":"https:\/\/websitemitra.com\/?page_id=1558","name":"Grocery Delivery App &amp; Website | Website Design Development in Hinjewadi Pune | WordPress Plugin Theme Development","isPartOf":{"@id":"https:\/\/websitemitra.com\/#website"},"datePublished":"2026-07-18T16:31:25+00:00","dateModified":"2026-07-25T07:36:35+00:00","description":"Looking for Grocery Delivery App &amp; Website ? 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=1558#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/websitemitra.com\/?page_id=1558"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/websitemitra.com\/?page_id=1558#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/websitemitra.com\/"},{"@type":"ListItem","position":2,"name":"Grocery Delivery App &amp; Website"}]},{"@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\/1558","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=1558"}],"version-history":[{"count":0,"href":"https:\/\/websitemitra.com\/index.php?rest_route=\/wp\/v2\/pages\/1558\/revisions"}],"wp:attachment":[{"href":"https:\/\/websitemitra.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}