{"id":1575,"date":"2026-07-18T17:03:08","date_gmt":"2026-07-18T17:03:08","guid":{"rendered":"https:\/\/websitemitra.com\/?page_id=1575"},"modified":"2026-07-25T07:36:24","modified_gmt":"2026-07-25T07:36:24","slug":"ready-made-food-delivery-app-website","status":"publish","type":"page","link":"https:\/\/websitemitra.com\/?page_id=1575","title":{"rendered":"Food Delivery App &amp; Website"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1575\" class=\"elementor elementor-1575\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd2a28b e-con e-atomic-element e-flexbox-base e-default-div e-d2285f2 \" data-id=\"fd2a28b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fd2a28b\">\n    \t\t<div class=\"elementor-element elementor-element-d386321 elementor-widget elementor-widget-html\" data-id=\"d386321\" 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 Food Delivery App & Website | Swiggy, Zomato & UberEats Clone<\/title>\r\n    <meta name=\"description\" content=\"Launch your premium Food Delivery App & Website in 7 days. Fully customized Swiggy Clone, Zomato Clone, or UberEats Clone to scale your restaurant or multi-vendor delivery business.\">\r\n    <meta name=\"keywords\" content=\"Food Delivery App & Website, Swiggy Clone, Zomato Clone, UberEats Clone, restaurant online ordering system, cloud kitchen delivery app setup, online food ordering shop\">\r\n    \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                        food: {\r\n                            50: '#fff7ed',\r\n                            100: '#ffedd5',\r\n                            500: '#f97316',\r\n                            600: '#ea580c',\r\n                            700: '#c2410c',\r\n                            800: '#9a3412',\r\n                            900: '#7c2d12',\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(234, 88, 12, 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-food-900 to-food-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    <section class=\"relative bg-gradient-to-b from-food-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-food-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-food-100 text-food-800 text-xs md:text-sm font-semibold mb-6 tracking-wide uppercase shadow-sm\">\r\n                    <i class=\"fa-solid fa-pizza-slice text-food-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-food-600 underline decoration-accent-400 decoration-wavy\">Food 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 paying heavy aggregator commissions. Launch a highly optimized <strong class=\"text-slate-900\">Swiggy Clone<\/strong>, <strong class=\"text-slate-900\">Zomato Clone<\/strong>, or <strong class=\"text-slate-900\">UberEats Clone<\/strong> with customized Android & iOS apps and take direct 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\/theme45\" 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-food-500 hover:scale-[1.02] transform\">\r\n                            <i class=\"fa-solid fa-globe text-food-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\/theme45\/food.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-food-700\">180+<\/div>\r\n                        <div class=\"text-xs font-semibold uppercase tracking-wider text-slate-500 mt-1\">Kitchens Launched<\/div>\r\n                    <\/div>\r\n                    <div>\r\n                        <div class=\"text-3xl font-extrabold text-food-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-food-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-food-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    <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 hungry food customers get a premium, seamless ordering experience on any platform. Click the dynamic options below to preview how our food delivery engine adapts!\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-food-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-food-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 desktop food orders, process custom meal prep additions, and offer full-scale custom merchant analytics 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-food-500 text-base\"><\/i> Real-time GPS Delivery Tracking\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-food-500 text-base\"><\/i> Custom Add-on & Extra Options Setup\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-food-500 text-base\"><\/i> Integrated Merchant Control Panel\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-food-600 hover:bg-food-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                                    myfooddelivery.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-food-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-fire text-xl text-accent-400\"><\/i>\r\n                                            <span class=\"font-extrabold tracking-tight text-sm\">BURGER EXPRESS<\/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 Crispy Burgers, Thin Pizzas...\" 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-food-100 text-food-800 text-[11px] font-bold rounded-full whitespace-nowrap\">\ud83c\udf55 Pizza<\/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\udf54 Burgers<\/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\udf5c Noodles<\/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\udf70 Desserts<\/span>\r\n                                <\/div>\r\n\r\n                                <!-- App Food 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-red-50 rounded-lg flex items-center justify-center mb-2\">\r\n                                            <span class=\"text-3xl\">\ud83c\udf55<\/span>\r\n                                        <\/div>\r\n                                        <h4 class=\"font-bold text-[11px] text-slate-800 line-clamp-1\">Double Cheese Margherita<\/h4>\r\n                                        <div class=\"text-[9px] text-slate-500 mb-2\">Regular | Crusty<\/div>\r\n                                        <div class=\"flex items-center justify-between\">\r\n                                            <span class=\"font-extrabold text-xs text-slate-900\">\u20b9249<\/span>\r\n                                            <button onclick=\"addToMockCart(249)\" class=\"bg-food-600 hover:bg-food-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\udf54<\/span>\r\n                                        <\/div>\r\n                                        <h4 class=\"font-bold text-[11px] text-slate-800 line-clamp-1\">Spicy Crispy Chicken Burger<\/h4>\r\n                                        <div class=\"text-[9px] text-slate-500 mb-2\">With Special Mayo<\/div>\r\n                                        <div class=\"flex items-center justify-between\">\r\n                                            <span class=\"font-extrabold text-xs text-slate-900\">\u20b9189<\/span>\r\n                                            <button onclick=\"addToMockCart(189)\" class=\"bg-food-600 hover:bg-food-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-yellow-50 rounded-lg flex items-center justify-center mb-2\">\r\n                                            <span class=\"text-3xl\">\ud83c\udf5c<\/span>\r\n                                        <\/div>\r\n                                        <h4 class=\"font-bold text-[11px] text-slate-800 line-clamp-1\">Hakka Noodles Chicken<\/h4>\r\n                                        <div class=\"text-[9px] text-slate-500 mb-2\">Serves 1-2<\/div>\r\n                                        <div class=\"flex items-center justify-between\">\r\n                                            <span class=\"font-extrabold text-xs text-slate-900\">\u20b9159<\/span>\r\n                                            <button onclick=\"addToMockCart(159)\" class=\"bg-food-600 hover:bg-food-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-orange-50 rounded-lg flex items-center justify-center mb-2\">\r\n                                            <span class=\"text-3xl\">\ud83c\udf70<\/span>\r\n                                        <\/div>\r\n                                        <h4 class=\"font-bold text-[11px] text-slate-800 line-clamp-1\">Choco Lava Lava Cake<\/h4>\r\n                                        <div class=\"text-[9px] text-slate-500 mb-2\">Warm Center<\/div>\r\n                                        <div class=\"flex items-center justify-between\">\r\n                                            <span class=\"font-extrabold text-xs text-slate-900\">\u20b999<\/span>\r\n                                            <button onclick=\"addToMockCart(99)\" class=\"bg-food-600 hover:bg-food-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-food-500 animate-ping\"><\/div>\r\n                        <span>Try Adding Mock Foods to Cart Above!<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\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-food-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 Swiggy, Zomato, or UberEats 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 Food 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-food-50 text-food-600 rounded-xl flex items-center justify-center text-xl font-bold mb-6\">\r\n                        <i class=\"fa-solid fa-utensils\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-lg font-bold text-slate-900 mb-3\">Multi-Vendor \/ Restaurant Support<\/h3>\r\n                    <p class=\"text-slate-600 text-sm leading-relaxed\">\r\n                        List multiple restaurant branches or cloud kitchens under a single administrative marketplace seamlessly with localized geo-fences.\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-food-50 text-food-600 rounded-xl flex items-center justify-center text-xl font-bold mb-6\">\r\n                        <i class=\"fa-solid fa-route\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-lg font-bold text-slate-900 mb-3\">Live Map Delivery Guy Tracking<\/h3>\r\n                    <p class=\"text-slate-600 text-sm leading-relaxed\">\r\n                        Equipped with Google Maps API integrations so customers can track the live coordinates of the delivery agent bringing their warm meals.\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-food-50 text-food-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\">Push Notifications & SMS alerts<\/h3>\r\n                    <p class=\"text-slate-600 text-sm leading-relaxed\">\r\n                        Send automatic updates on food prep (\"Your food is cooking\", \"Agent has picked up order\") plus direct promotional coupons.\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-food-50 text-food-600 rounded-xl flex items-center justify-center text-xl font-bold mb-6\">\r\n                        <i class=\"fa-solid fa-money-check-dollar\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-lg font-bold text-slate-900 mb-3\">Split-Payment Gateways<\/h3>\r\n                    <p class=\"text-slate-600 text-sm leading-relaxed\">\r\n                        Instantly collect via Razorpay, UPI, PayTM, PhonePe or COD, with split settings to direct driver\/kitchen balances instantly.\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-food-50 text-food-600 rounded-xl flex items-center justify-center text-xl font-bold mb-6\">\r\n                        <i class=\"fa-solid fa-sliders\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-lg font-bold text-slate-900 mb-3\">Variations & Menu Add-ons<\/h3>\r\n                    <p class=\"text-slate-600 text-sm leading-relaxed\">\r\n                        Support rich customization like Extra Cheese, Meal upgrade configurations, and choice of soft beverages easily on checkout.\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-food-50 text-food-600 rounded-xl flex items-center justify-center text-xl font-bold mb-6\">\r\n                        <i class=\"fa-solid fa-clipboard-list\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-lg font-bold text-slate-900 mb-3\">Live Dispatch Manager Panel<\/h3>\r\n                    <p class=\"text-slate-600 text-sm leading-relaxed\">\r\n                        Instantly auto-assign or manually override delivery routes to drivers closest to the preparation kitchen to save dispatch time.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"py-20 bg-gradient-to-br from-food-900 to-food-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 Your Cloud Kitchen Pays Off\r\n                    <\/h2>\r\n                    <p class=\"text-orange-100 text-base leading-relaxed\">\r\n                        aggregator portals eat up to 30% of your order margins in commission fees. By launching your own brand platform, you save massive amounts of revenue daily. Use our projection slider to calculate!\r\n                    <\/p>\r\n                    <div class=\"bg-white\/10 p-4 rounded-xl border border-white\/10 text-xs text-orange-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>By owning your domain and customer phone records, your average customer retention rates increase up to 300%!<\/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-food-600\"><\/i> Food Platform 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-food-700\" id=\"calc-orders-label\">65 Orders<\/span>\r\n                            <\/div>\r\n                            <input type=\"range\" id=\"calc-orders\" min=\"10\" max=\"300\" value=\"65\" oninput=\"calculateROI()\" class=\"w-full h-2.5 bg-slate-200 rounded-lg appearance-none cursor-pointer accent-food-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 Order Value (INR)<\/label>\r\n                                <span class=\"text-base font-black text-food-700\" id=\"calc-cart-label\">\u20b9450<\/span>\r\n                            <\/div>\r\n                            <input type=\"range\" id=\"calc-cart\" min=\"150\" max=\"1500\" step=\"50\" value=\"450\" oninput=\"calculateROI()\" class=\"w-full h-2.5 bg-slate-200 rounded-lg appearance-none cursor-pointer accent-food-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-food-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    <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-food-600 text-sm font-bold uppercase tracking-wider\">Flat-Rate Pricing Grid<\/span>\r\n                <h2 class=\"text-3xl sm:text-4xl font-extrabold text-slate-900 mt-2\">\r\n                    Own Your Tech, Double Your Margins\r\n                <\/h2>\r\n                <p class=\"text-slate-600 mt-4\">\r\n                    Choose the ideal digital interface matching your food operations and marketing goals. No ongoing royalties or delivery commission deductions.\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\">Starter Suite<\/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\">Ideal for local restaurants & bakeries<\/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-food-600 mt-1\"><\/i>\r\n                                <span>Full Responsive Website Menu<\/span>\r\n                            <\/li>\r\n                            <li class=\"flex items-start gap-3\">\r\n                                <i class=\"fa-solid fa-check text-food-600 mt-1\"><\/i>\r\n                                <span>Cart & Table Booking Engine<\/span>\r\n                            <\/li>\r\n                            <li class=\"flex items-start gap-3\">\r\n                                <i class=\"fa-solid fa-check text-food-600 mt-1\"><\/i>\r\n                                <span>Direct UPI Payment Integrations<\/span>\r\n                            <\/li>\r\n                            <li class=\"flex items-start gap-3\">\r\n                                <i class=\"fa-solid fa-check text-food-600 mt-1\"><\/i>\r\n                                <span>Custom Delivery Fee Calculator<\/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-orange-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-food-600 text-white text-[10px] tracking-widest font-black uppercase px-4 py-1.5 rounded-full shadow-md whitespace-nowrap\">\r\n                        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-food-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-food-700 text-xs mt-2 font-semibold\">Incredibly fast, bypasses app-stores<\/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-food-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-food-600 mt-1\"><\/i>\r\n                                <span>Add to Mobile Home-screen Prompt<\/span>\r\n                            <\/li>\r\n                            <li class=\"flex items-start gap-3\">\r\n                                <i class=\"fa-solid fa-check text-food-600 mt-1\"><\/i>\r\n                                <span>Super Lightweight Loading<\/span>\r\n                            <\/li>\r\n                            <li class=\"flex items-start gap-3\">\r\n                                <i class=\"fa-solid fa-check text-food-600 mt-1\"><\/i>\r\n                                <span>Basic Offline Menu Caching<\/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-food-600 hover:bg-food-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 Market 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\">Perfect to reach majority Android device base<\/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-food-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-food-600 mt-1\"><\/i>\r\n                                <span>Google Play Store Submission Ready<\/span>\r\n                            <\/li>\r\n                            <li class=\"flex items-start gap-3\">\r\n                                <i class=\"fa-solid fa-check text-food-600 mt-1\"><\/i>\r\n                                <span>Realtime Live Dispatch Driver App<\/span>\r\n                            <\/li>\r\n                            <li class=\"flex items-start gap-3\">\r\n                                <i class=\"fa-solid fa-check text-food-600 mt-1\"><\/i>\r\n                                <span>Unlimited Push Alert Campaign Manager<\/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\">Premium IOS 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 premium high-ticket orders<\/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-food-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-food-600 mt-1\"><\/i>\r\n                                <span>Native iOS Swift Store Application<\/span>\r\n                            <\/li>\r\n                            <li class=\"flex items-start gap-3\">\r\n                                <i class=\"fa-solid fa-check text-food-600 mt-1\"><\/i>\r\n                                <span>Apple Store Publishing Assistance<\/span>\r\n                            <\/li>\r\n                            <li class=\"flex items-start gap-3\">\r\n                                <i class=\"fa-solid fa-check text-food-600 mt-1\"><\/i>\r\n                                <span>Smooth FaceID Quick Login integration<\/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    <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-food-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 180+ Food Brands\r\n                <\/h2>\r\n                <p class=\"text-slate-600 mt-4 text-sm sm:text-base\">\r\n                    Read the real transformations of cloud kitchens, local pizzerias, and gourmet caterers 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                        \"Aggregator commissions were killing my cloud kitchen margins. Working with Website Mitra to deploy our own Zomato Clone app changed everything. Today, 70% of our orders are completely direct!\"\r\n                    <\/p>\r\n                    <div class=\"flex items-center gap-4\">\r\n                        <div class=\"w-12 h-12 rounded-full bg-food-100 flex items-center justify-center font-bold text-food-800 text-sm\">\r\n                            SK\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"font-extrabold text-slate-900 text-sm\">Sanjay Khurana<\/h4>\r\n                            <p class=\"text-slate-500 text-xs\">Owner, Zaika Cloud Kitchen<\/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\">Margins: +32% Increase<\/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 has been our superpower. Regular customers just pin it to their home screens. No Play Store search necessary, they order with 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-food-100 flex items-center justify-center font-bold text-food-800 text-sm\">\r\n                            AS\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"font-extrabold text-slate-900 text-sm\">Anish Sen<\/h4>\r\n                            <p class=\"text-slate-500 text-xs\">Founder, Burger Junction<\/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: 2.1k+<\/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                        \"We can easily configure live geo-delivery zones and dispatch notifications. Whenever we have a quiet afternoon, a single push alert brings in 50+ orders in 10 minutes.\"\r\n                    <\/p>\r\n                    <div class=\"flex items-center gap-4\">\r\n                        <div class=\"w-12 h-12 rounded-full bg-food-100 flex items-center justify-center font-bold text-food-800 text-sm\">\r\n                            MD\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"font-extrabold text-slate-900 text-sm\">Megha Deshmukh<\/h4>\r\n                            <p class=\"text-slate-500 text-xs\">Director, Pizza Central Chain<\/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\">Avg Order Prep: 15 mins<\/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    <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 food ordering system.<\/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 recurring platform commission 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                        None whatsoever. You pay our flat, one-time deployment charge (from \u20b911,999 to \u20b924,999 depending on your selected interface plan) and keep 100% of your earnings. No commission-cut formulas at all.\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 prices, menus and add-ons 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 administrator control panel is incredibly simple. You can add toppings, edit menu items, mark dishes out-of-stock, and adjust pricing instantly in real-time.\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 we get a dedicated dashboard for our delivery drivers?<\/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                        Absolutely! For our Android and iOS plans, we bundle a fully operational Dispatch & Driver app setup. Drivers can log in, accept or decline incoming cooking dispatches, navigate via GPS, and complete the order flow.\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 deployment turnaround window is 7 business days from signing up and submitting your brand assets (logo, food menu listings, payment credential info). We guide you through every step!\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"bg-gradient-to-br from-food-950 to-food-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 Food Platform Today\r\n            <\/h2>\r\n            <p class=\"text-lg text-orange-100 max-w-2xl mx-auto mb-10\">\r\n                Stop losing customers and margins to major aggregators. Instantly deploy your highly customized Swiggy, Zomato, or UberEats Clone system 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%20food%20delivery%20app%20and%20website%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-orange-300 font-semibold tracking-wider uppercase\">\r\n                \u26a1 Standard SETUP takes only 7 days \u2022 180+ happy food brands\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\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-food-100 text-food-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 food e-commerce solutions specialist will call you back on the number provided within <strong>15 minutes<\/strong>. Or directly dial 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-food-100 text-food-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 Food Tech Expert<\/h3>\r\n                    <p class=\"text-xs text-slate-500 mt-1\">Get custom consultation for your food business platform setup completely free. Or dial directly: <strong class=\"text-food-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 Food 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., Rajesh Kumar\" class=\"w-full bg-slate-50 border border-slate-200 rounded-xl px-4 py-3 text-sm focus:outline-none focus:border-food-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=\"9960816492\" class=\"w-full bg-slate-50 border border-slate-200 rounded-xl px-4 py-3 text-sm focus:outline-none focus:border-food-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-food-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-food-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    <script>\r\n        \/\/ Tab switching definitions specifically customized for Food delivery\r\n        const platformDetails = {\r\n            desktop: {\r\n                tag: 'Fully Optimized for Desktop Customers',\r\n                heading: 'Responsive Desktop Menu Ordering System',\r\n                desc: 'Tailored for fast online food queries. Beautiful large layout of menu items, easy add-on variation selection, and quick direct UPI\/COD checkout sequence.',\r\n                features: [\r\n                    'Superfast static load assets < 1.1s',\r\n                    'Multiple integrated Indian payment processors (Razorpay, Paytm)',\r\n                    'Comprehensive administrative dispatcher analytics dashboard',\r\n                    'Interactive, variable-weight and combo item selections'\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: 'Bypass Play & App Stores',\r\n                heading: 'Instant Progressive Web App (PWA) Storefront',\r\n                desc: 'Let customers order food directly via their phone browser without installing heavy apps. Fast home-screen short-cutting, offline fallback pages, and incredible reload speeds.',\r\n                features: [\r\n                    'Bypasses Play Store listings and platform fees',\r\n                    'Instant Add-to-Home Screen prompt for high retention',\r\n                    'Optimized ordering pipeline even on slower mobile networks',\r\n                    'Incredibly lightweight with zero device memory 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: 'Target Massive Android Base',\r\n                heading: 'High-Performance Android Native App',\r\n                desc: 'Publish your native app directly onto Google Play Store. Re-engage buyers daily with automated cooking alerts and custom promotional push notifications.',\r\n                features: [\r\n                    'Native Android responsive Kotlin interface built to scale',\r\n                    'Direct push dispatch notifications config panel included',\r\n                    'Google Maps real-time agent delivery path support',\r\n                    'Fast customer registration via secure Mobile OTP verification'\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: 'Target Premium Segment Buyers',\r\n                heading: 'Premium iOS Apple Mobile App',\r\n                desc: 'Scale food operations targeting premium iOS users. Beautiful Apple-standard layouts, Swift architecture, and maximum secure transaction pipelines.',\r\n                features: [\r\n                    'Strict Apple HIG design parameters matched',\r\n                    'Secure Quick-checkout utilizing FaceID\/Apple Pay APIs',\r\n                    'Full support during App Store validation submissions',\r\n                    'Extremely fluid, hardware-accelerated animations'\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-food-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-food-500 text-base\"><\/i> <span>${feat}<\/span>`;\r\n                    listContainer.appendChild(li);\r\n                });\r\n\r\n                \/\/ Update Device Shell wrapper styles dynamically\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\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 outputs\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\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 Food Platform Tech Setup\";\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\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            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-food-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 Food Delivery App &#038; Website | Swiggy, Zomato &#038; UberEats 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-1575","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>Food Delivery App &amp; Website | Website Design Development in Hinjewadi Pune | WordPress Plugin Theme Development<\/title>\n<meta name=\"description\" content=\"Looking for Food 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=1575\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Food Delivery App &amp; Website | Website Design Development in Hinjewadi Pune | WordPress Plugin Theme Development\" \/>\n<meta property=\"og:description\" content=\"Looking for Food 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=1575\" \/>\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:24+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=1575\",\"url\":\"https:\\\/\\\/websitemitra.com\\\/?page_id=1575\",\"name\":\"Food Delivery App &amp; Website | Website Design Development in Hinjewadi Pune | WordPress Plugin Theme Development\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/websitemitra.com\\\/#website\"},\"datePublished\":\"2026-07-18T17:03:08+00:00\",\"dateModified\":\"2026-07-25T07:36:24+00:00\",\"description\":\"Looking for Food 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=1575#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/websitemitra.com\\\/?page_id=1575\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/websitemitra.com\\\/?page_id=1575#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/websitemitra.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Food 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":"Food Delivery App &amp; Website | Website Design Development in Hinjewadi Pune | WordPress Plugin Theme Development","description":"Looking for Food 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=1575","og_locale":"en_US","og_type":"article","og_title":"Food Delivery App &amp; Website | Website Design Development in Hinjewadi Pune | WordPress Plugin Theme Development","og_description":"Looking for Food 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=1575","og_site_name":"Website Design Development in Hinjewadi Pune | WordPress Plugin Theme Development","article_modified_time":"2026-07-25T07:36:24+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=1575","url":"https:\/\/websitemitra.com\/?page_id=1575","name":"Food Delivery App &amp; Website | Website Design Development in Hinjewadi Pune | WordPress Plugin Theme Development","isPartOf":{"@id":"https:\/\/websitemitra.com\/#website"},"datePublished":"2026-07-18T17:03:08+00:00","dateModified":"2026-07-25T07:36:24+00:00","description":"Looking for Food 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=1575#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/websitemitra.com\/?page_id=1575"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/websitemitra.com\/?page_id=1575#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/websitemitra.com\/"},{"@type":"ListItem","position":2,"name":"Food 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\/1575","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=1575"}],"version-history":[{"count":0,"href":"https:\/\/websitemitra.com\/index.php?rest_route=\/wp\/v2\/pages\/1575\/revisions"}],"wp:attachment":[{"href":"https:\/\/websitemitra.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}