Aiingo | Enterprise OS<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap\" rel=\"stylesheet\">\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 <style>\r\n \/* --- 1. THEME & VARS --- *\/\r\n :root {\r\n --bg-body: #F3F4F6;\r\n --bg-sidebar: #0F172A;\r\n --bg-card: #FFFFFF;\r\n --bg-bottom: #1E293B;\r\n \r\n --text-main: #111827;\r\n --text-muted: #6B7280;\r\n --text-light: #F9FAFB;\r\n \r\n --primary: #2563EB;\r\n --primary-dark: #1D4ED8;\r\n --accent: #10B981;\r\n \r\n --border: #E5E7EB;\r\n --radius: 16px;\r\n --shadow: 0 4px 6px -1px rgba(0,0,0,0.05);\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }\r\n body { font-family: 'Plus Jakarta Sans', sans-serif; background: var(--bg-body); color: var(--text-main); height: 100vh; overflow: hidden; }\r\n\r\n \/* --- 2. LAYOUT (PC FIRST) --- *\/\r\n .app-shell {\r\n display: grid;\r\n grid-template-columns: 280px 1fr;\r\n grid-template-rows: 1fr auto;\r\n height: 100%; width: 100%;\r\n }\r\n\r\n \/* --- SIDEBAR (AI) --- *\/\r\n .pane-ai {\r\n grid-row: 1 \/ -1; background: var(--bg-sidebar); color: var(--text-light);\r\n display: flex; flex-direction: column; border-right: 1px solid #334155;\r\n z-index: 20;\r\n }\r\n .ai-header { padding: 24px; border-bottom: 1px solid #334155; display: flex; gap: 12px; align-items: center; }\r\n .ai-avatar { width: 36px; height: 36px; background: linear-gradient(135deg, #3B82F6, #8B5CF6); border-radius: 10px; display: grid; place-items: center; }\r\n \r\n .chat-area { flex: 1; overflow-y: auto; padding: 20px; display: flex; flex-direction: column; gap: 15px; }\r\n .msg { font-size: 0.9rem; padding: 10px 14px; border-radius: 12px; max-width: 90%; line-height: 1.5; }\r\n .msg.bot { background: transparent; border: 1px solid #334155; color: #CBD5E1; }\r\n .msg.user { background: var(--primary); align-self: flex-end; color: white; border-bottom-right-radius: 2px; }\r\n\r\n .ai-input-box { padding: 20px; background: #020617; border-top: 1px solid #334155; }\r\n .ai-input { width: 100%; background: #1E293B; border: 1px solid #334155; padding: 12px; border-radius: 8px; color: white; outline: none; }\r\n \r\n \/* --- MAIN CONTENT --- *\/\r\n .pane-main {\r\n grid-column: 2; grid-row: 1; overflow: hidden; display: flex; flex-direction: column; position: relative;\r\n }\r\n \r\n .top-nav {\r\n padding: 16px 32px; background: rgba(255,255,255,0.9); backdrop-filter: blur(10px);\r\n border-bottom: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center;\r\n z-index: 10;\r\n }\r\n .nav-brand h1 { font-family: 'Space Grotesk'; font-size: 1.5rem; font-weight: 700; }\r\n .currency-toggle { background: #E5E7EB; padding: 4px; border-radius: 50px; display: flex; }\r\n .c-btn { padding: 6px 14px; border-radius: 50px; font-size: 0.8rem; font-weight: 700; cursor: pointer; transition: 0.2s; color: #6B7280; }\r\n .c-btn.active { background: white; color: black; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }\r\n\r\n .filter-scroller {\r\n padding: 12px 32px; display: flex; gap: 10px; overflow-x: auto; scrollbar-width: none; background: #F9FAFB; border-bottom: 1px solid var(--border);\r\n }\r\n .pill {\r\n padding: 8px 16px; border-radius: 50px; background: white; border: 1px solid var(--border);\r\n font-size: 0.85rem; font-weight: 600; cursor: pointer; white-space: nowrap; transition: 0.2s; color: var(--text-muted);\r\n }\r\n .pill:hover { border-color: var(--primary); color: var(--primary); }\r\n .pill.active { background: var(--primary); color: white; border-color: var(--primary); }\r\n\r\n .grid-container { flex: 1; overflow-y: auto; padding: 24px 32px 140px 32px; } \/* Pad for bottom stack *\/\r\n .product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 24px; }\r\n\r\n \/* --- CARD --- *\/\r\n .card {\r\n background: white; border-radius: var(--radius); border: 1px solid var(--border);\r\n padding: 20px; transition: all 0.2s ease; cursor: pointer; position: relative;\r\n display: flex; flex-direction: column; height: 100%;\r\n }\r\n .card:hover { transform: translateY(-4px); box-shadow: 0 10px 20px -5px rgba(0,0,0,0.1); border-color: #94A3B8; }\r\n .card.selected { border: 2px solid var(--primary); background: #EFF6FF; }\r\n\r\n .card-top { display: flex; justify-content: space-between; align-items: start; margin-bottom: 12px; }\r\n .c-icon { width: 42px; height: 42px; background: #F3F4F6; border-radius: 10px; display: grid; place-items: center; font-size: 1.2rem; color: #374151; }\r\n .card.selected .c-icon { background: white; color: var(--primary); }\r\n \r\n .c-badge { font-size: 0.65rem; font-weight: 700; padding: 4px 8px; border-radius: 4px; text-transform: uppercase; letter-spacing: 0.5px; }\r\n .bg-auto { background: #E0E7FF; color: #4338CA; } \/* Automation badge *\/\r\n .bg-new { background: #ECFDF5; color: #047857; }\r\n\r\n .card h3 { font-family: 'Space Grotesk'; font-size: 1.1rem; margin-bottom: 6px; }\r\n .card p { font-size: 0.85rem; color: var(--text-muted); line-height: 1.4; margin-bottom: 15px; flex-grow: 1; }\r\n\r\n .variant-select {\r\n width: 100%; padding: 10px; border-radius: 8px; border: 1px solid var(--border);\r\n background: white; font-size: 0.85rem; margin-bottom: 15px; cursor: pointer; outline: none;\r\n }\r\n\r\n .card-bottom { display: flex; justify-content: space-between; align-items: flex-end; border-top: 1px solid #F3F4F6; padding-top: 12px; }\r\n .price-tag { font-weight: 700; color: var(--text-main); font-size: 1.1rem; }\r\n .add-icon { width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--border); display: grid; place-items: center; color: #9CA3AF; transition: 0.2s; }\r\n .card.selected .add-icon { background: var(--primary); border-color: var(--primary); color: white; }\r\n\r\n \/* --- BOTTOM STACK BAR (PC) --- *\/\r\n .pane-stack {\r\n grid-column: 2; grid-row: 2;\r\n background: var(--bg-bottom); color: white;\r\n padding: 0 32px; height: 80px; z-index: 50;\r\n display: flex; align-items: center; justify-content: space-between;\r\n box-shadow: 0 -5px 20px rgba(0,0,0,0.2); transition: 0.3s;\r\n }\r\n .stack-info { display: flex; align-items: center; gap: 20px; }\r\n .stack-count { background: var(--primary); width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-weight: 700; }\r\n .stack-total { font-family: 'Space Grotesk'; font-size: 1.5rem; font-weight: 700; }\r\n \r\n \/* Expandable Details *\/\r\n .stack-drawer {\r\n position: fixed; bottom: 80px; right: 32px; width: 400px;\r\n background: #1E293B; border-radius: 16px 16px 0 0;\r\n max-height: 0; overflow: hidden; transition: 0.3s;\r\n box-shadow: 0 -10px 30px rgba(0,0,0,0.3); border: 1px solid #334155; border-bottom: none;\r\n }\r\n .stack-drawer.open { max-height: 400px; }\r\n .drawer-content { padding: 20px; overflow-y: auto; max-height: 350px; }\r\n .cart-item { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #334155; align-items: center; }\r\n .cart-item h4 { font-size: 0.9rem; color: #E2E8F0; }\r\n .cart-item span { font-size: 0.8rem; color: #94A3B8; }\r\n .cart-remove { color: #EF4444; cursor: pointer; padding: 5px; }\r\n\r\n .btn-checkout {\r\n background: var(--primary); color: white; padding: 12px 24px; border-radius: 8px; border: none; font-weight: 600; cursor: pointer; display: flex; align-items: center; gap: 8px; font-size: 1rem;\r\n }\r\n .btn-expand { background: rgba(255,255,255,0.1); color: white; padding: 10px; border-radius: 8px; border: none; cursor: pointer; margin-right: 10px; }\r\n\r\n \/* --- MOBILE NAV & MODALS --- *\/\r\n .mobile-nav { display: none; }\r\n .mobile-header { display: none; }\r\n\r\n @media (max-width: 1000px) {\r\n .app-shell { display: block; }\r\n \r\n \/* Sidebar becomes modal *\/\r\n .pane-ai { \r\n position: fixed; inset: 0; z-index: 100; transform: translateX(-100%); transition: 0.3s;\r\n width: 85%; max-width: 320px;\r\n }\r\n .pane-ai.open { transform: translateX(0); }\r\n \r\n \/* Main Content changes *\/\r\n .pane-main { height: 100vh; overflow-y: auto; padding-bottom: 80px; }\r\n .grid-container { padding: 20px; padding-bottom: 100px; }\r\n .product-grid { grid-template-columns: 1fr; }\r\n .top-nav { padding: 15px 20px; }\r\n .filter-scroller { padding: 10px 20px; }\r\n\r\n \/* Bottom Stack becomes separate mobile UI *\/\r\n .pane-stack { display: none; } \/* Hide PC Stack *\/\r\n \r\n .mobile-nav {\r\n display: grid; grid-template-columns: 1fr 1fr 1fr;\r\n position: fixed; bottom: 0; left: 0; width: 100%; height: 70px;\r\n background: white; border-top: 1px solid var(--border); z-index: 90;\r\n padding-bottom: env(safe-area-inset-bottom);\r\n }\r\n .nav-item { display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 0.7rem; color: var(--text-muted); gap: 4px; }\r\n .nav-item.active { color: var(--primary); }\r\n .nav-item i { font-size: 1.2rem; }\r\n\r\n \/* Mobile Stack Modal *\/\r\n .mobile-stack-modal {\r\n position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 95;\r\n display: none; align-items: flex-end;\r\n }\r\n .mobile-stack-modal.open { display: flex; }\r\n .stack-sheet {\r\n background: white; width: 100%; border-radius: 20px 20px 0 0;\r\n padding: 20px; max-height: 80vh; overflow-y: auto; animation: slideUp 0.3s ease;\r\n }\r\n .sheet-header { display: flex; justify-content: space-between; margin-bottom: 20px; font-weight: 700; font-size: 1.2rem; }\r\n .mobile-cart-item { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid #eee; }\r\n \r\n .btn-mobile-checkout { width: 100%; background: #111827; color: white; padding: 16px; border-radius: 12px; margin-top: 20px; font-weight: 700; border: none; font-size: 1rem; }\r\n }\r\n\r\n @keyframes slideUp { from { transform: translateY(100%); } to { transform: translateY(0); } }\r\n .overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 15; display: none; }\r\n .overlay.active { display: block; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"overlay\" id=\"overlay\" onclick=\"closeAll()\"><\/div>\r\n\r\n <div class=\"app-shell\">\r\n \r\n <aside class=\"pane-ai\" id=\"aiSidebar\">\r\n <div class=\"ai-header\">\r\n <div class=\"ai-avatar\"><i class=\"fas fa-brain\" style=\"color:white;\"><\/i><\/div>\r\n <div><strong>Aiingo Copilot<\/strong><br><span style=\"font-size:0.75rem; opacity:0.7;\">Enterprise Architect<\/span><\/div>\r\n <\/div>\r\n <div class=\"chat-area\" id=\"chatContainer\">\r\n <div class=\"msg bot\">Hello! I've prepared our entire automation catalog. Select items to build your stack.<\/div>\r\n <\/div>\r\n <div class=\"ai-input-box\">\r\n <input type=\"text\" class=\"ai-input\" placeholder=\"Ask e.g. 'Best CRM for Sales'...\" id=\"aiInput\" onkeypress=\"if(event.key==='Enter') handleAi()\">\r\n <\/div>\r\n <\/aside>\r\n\r\n <main class=\"pane-main\">\r\n <div class=\"top-nav\">\r\n <div class=\"nav-brand\">\r\n <div style=\"font-size:0.7rem; color:var(--text-muted); letter-spacing:1px; text-transform:uppercase;\">Solution Store<\/div>\r\n <h1>Enterprise OS<\/h1>\r\n <\/div>\r\n <div class=\"currency-toggle\">\r\n <div class=\"c-btn active\" id=\"btn-inr\" onclick=\"setCurrency('INR')\">INR<\/div>\r\n <div class=\"c-btn\" id=\"btn-aed\" onclick=\"setCurrency('AED')\">AED<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"filter-scroller\">\r\n <div class=\"pill active\" onclick=\"filter('all', this)\">All<\/div>\r\n <div class=\"pill\" onclick=\"filter('Automation', this)\">\u26a1 Automation<\/div>\r\n <div class=\"pill\" onclick=\"filter('Sales', this)\">\ud83d\udcc8 Sales<\/div>\r\n <div class=\"pill\" onclick=\"filter('Marketing', this)\">\ud83d\udce3 Marketing<\/div>\r\n <div class=\"pill\" onclick=\"filter('CRM', this)\">\ud83e\udd1d CRM<\/div>\r\n <div class=\"pill\" onclick=\"filter('HR', this)\">\ud83d\udc54 HR & Ops<\/div>\r\n <div class=\"pill\" onclick=\"filter('Accounting', this)\">\ud83d\udcb0 Finance<\/div>\r\n <div class=\"pill\" onclick=\"filter('Web', this)\">\ud83c\udf10 Web & SEO<\/div>\r\n <div class=\"pill\" onclick=\"filter('Enterprise', this)\">\ud83c\udfe2 Enterprise<\/div>\r\n <\/div>\r\n\r\n <div class=\"grid-container\">\r\n <div class=\"product-grid\" id=\"grid\"><\/div>\r\n <\/div>\r\n <\/main>\r\n\r\n <div class=\"stack-drawer\" id=\"stackDrawer\">\r\n <div class=\"drawer-content\" id=\"pcCartList\"><\/div>\r\n <\/div>\r\n <div class=\"pane-stack\">\r\n <div class=\"stack-info\">\r\n <div class=\"stack-count\" id=\"pcCount\">0<\/div>\r\n <div>\r\n <div style=\"font-size:0.75rem; opacity:0.7; text-transform:uppercase; letter-spacing:1px;\">Est. Monthly<\/div>\r\n <div class=\"stack-total\" id=\"pcTotal\">0<\/div>\r\n <\/div>\r\n <\/div>\r\n <div style=\"display:flex; align-items:center;\">\r\n <button class=\"btn-expand\" onclick=\"toggleDrawer()\">View Stack <i class=\"fas fa-chevron-up\"><\/i><\/button>\r\n <button class=\"btn-checkout\" onclick=\"checkout()\">Finalize on WhatsApp <i class=\"fab fa-whatsapp\"><\/i><\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <nav class=\"mobile-nav\">\r\n <div class=\"nav-item\" onclick=\"toggleAi()\"><i class=\"fas fa-robot\"><\/i> Copilot<\/div>\r\n <div class=\"nav-item active\"><i class=\"fas fa-grid-2\"><\/i> Store<\/div>\r\n <div class=\"nav-item\" onclick=\"openMobileStack()\"><i class=\"fas fa-layer-group\"><\/i> Stack <span id=\"mobCountBadge\" style=\"background:red; color:white; border-radius:50%; width:16px; height:16px; display:flex; justify-content:center; align-items:center; font-size:10px; margin-top:-2px;\">0<\/span><\/div>\r\n <\/nav>\r\n\r\n <div class=\"mobile-stack-modal\" id=\"mobStackModal\" onclick=\"if(event.target === this) closeMobileStack()\">\r\n <div class=\"stack-sheet\">\r\n <div class=\"sheet-header\">\r\n <span>Your Stack<\/span>\r\n <span style=\"color:#EF4444; font-size:0.9rem;\" onclick=\"closeMobileStack()\">Close<\/span>\r\n <\/div>\r\n <div id=\"mobCartList\"><\/div>\r\n <div style=\"margin-top:20px; font-size:1.2rem; font-weight:700; text-align:right;\" id=\"mobTotal\">0<\/div>\r\n <button class=\"btn-mobile-checkout\" onclick=\"checkout()\">Checkout on WhatsApp <i class=\"fab fa-whatsapp\"><\/i><\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <script>\r\n \/\/ --- DATA ---\r\n \/\/ Prioritized: Automation First\r\n const catalog = [\r\n \/\/ --- AUTOMATION & SALES (Priority) ---\r\n { \r\n id: 1, name: \"WhatsApp Chatbot\", cat: \"Automation\", desc: \"Auto-reply, Catalog & FAQs flow.\", icon: \"fab fa-whatsapp\", badge: \"Essential\",\r\n variants: [ {n:\"Starter Flow\", i:2999, a:199}, {n:\"Advanced AI\", i:5999, a:399} ]\r\n },\r\n { \r\n id: 2, name: \"Missed Call Rescue\", cat: \"Automation\", desc: \"SMS\/WhatsApp back instantly.\", icon: \"fas fa-phone-slash\",\r\n variants: [ {n:\"Standard\", i:1499, a:99} ]\r\n },\r\n { \r\n id: 3, name: \"Review Gatekeeper\", cat: \"Automation\", desc: \"Filter bad reviews privately.\", icon: \"fas fa-star-half-alt\",\r\n variants: [ {n:\"Google Maps\", i:1999, a:149} ]\r\n },\r\n { \r\n id: 4, name: \"eCommerce AI Auto\", cat: \"Sales\", desc: \"Recover carts & COD confirm.\", icon: \"fas fa-shopping-cart\", badge: \"ROI King\",\r\n variants: [ {n:\"Starter (Pilot)\", i:4999, a:349}, {n:\"Pro (Full Scale)\", i:9999, a:699} ]\r\n },\r\n { \r\n id: 5, name: \"Voice AI Caller\", cat: \"Sales\", desc: \"AI qualifies leads via voice.\", icon: \"fas fa-headset\",\r\n variants: [ {n:\"500 Mins\", i:9999, a:699}, {n:\"2000 Mins\", i:24999, a:1599} ]\r\n },\r\n { \r\n id: 6, name: \"Lead Qualification Bot\", cat: \"Sales\", desc: \"Filter junk leads automatically.\", icon: \"fas fa-filter\",\r\n variants: [ {n:\"Standard\", i:2999, a:199} ]\r\n },\r\n { \r\n id: 7, name: \"Polyglot Concierge\", cat: \"Sales\", desc: \"Chat in 50+ languages.\", icon: \"fas fa-language\",\r\n variants: [ {n:\"Plugin\", i:3500, a:249} ]\r\n },\r\n\r\n \/\/ --- MARKETING ---\r\n { \r\n id: 20, name: \"Visual SEO\", cat: \"Marketing\", desc: \"Geo-tagging images for Maps.\", icon: \"fas fa-map-marker-alt\", badge: \"Local\",\r\n variants: [ {n:\"1 Location\", i:4999, a:349}, {n:\"5 Locations\", i:15000, a:999} ]\r\n },\r\n { \r\n id: 21, name: \"Social Media Auto\", cat: \"Marketing\", desc: \"Auto-post & comment reply.\", icon: \"fab fa-instagram\",\r\n variants: [ {n:\"Basic\", i:2499, a:199}, {n:\"Growth AI\", i:5999, a:449} ]\r\n },\r\n { \r\n id: 22, name: \"Google Review AI\", cat: \"Marketing\", desc: \"Auto-reply to reviews.\", icon: \"fab fa-google\",\r\n variants: [ {n:\"Standard\", i:1999, a:149} ]\r\n },\r\n\r\n \/\/ --- WEB & SEO ---\r\n { \r\n id: 30, name: \"Website Design\", cat: \"Web\", desc: \"Modern, responsive sites.\", icon: \"fas fa-laptop-code\",\r\n variants: [ {n:\"Single Page\", i:7500, a:499}, {n:\"Corporate (5pg)\", i:25000, a:1499}, {n:\"E-Commerce\", i:45000, a:2999} ]\r\n },\r\n { \r\n id: 31, name: \"SEO Optimization\", cat: \"Web\", desc: \"Rank higher on search.\", icon: \"fas fa-search\",\r\n variants: [ {n:\"Local City\", i:15000, a:999}, {n:\"National\", i:35000, a:2499} ]\r\n },\r\n\r\n \/\/ --- CRM & ERP ---\r\n { \r\n id: 40, name: \"CRM Integration\", cat: \"CRM\", desc: \"HubSpot\/Zoho pipeline setup.\", icon: \"fas fa-funnel-dollar\",\r\n variants: [ {n:\"Pipeline Setup\", i:15000, a:999}, {n:\"Full Auto\", i:30000, a:1999} ]\r\n },\r\n { \r\n id: 41, name: \"ERPNext Setup\", cat: \"Accounting\", desc: \"Full open-source ERP.\", icon: \"fas fa-network-wired\",\r\n variants: [ {n:\"Cloud Setup\", i:25000, a:1499}, {n:\"On-Premise\", i:45000, a:2999} ]\r\n },\r\n { \r\n id: 42, name: \"Invoice OCR\", cat: \"Accounting\", desc: \"Auto-read bills to Excel.\", icon: \"fas fa-file-invoice\",\r\n variants: [ {n:\"100 Docs\", i:2999, a:199}, {n:\"Unlimited\", i:7999, a:599} ]\r\n },\r\n { \r\n id: 43, name: \"VAT\/GST Auto\", cat: \"Accounting\", desc: \"Tax compliance automation.\", icon: \"fas fa-calculator\",\r\n variants: [ {n:\"Standard\", i:4999, a:349} ]\r\n },\r\n\r\n \/\/ --- HR & OPS ---\r\n { \r\n id: 50, name: \"AI HR Recruiter\", cat: \"HR\", desc: \"Screen CVs automatically.\", icon: \"fas fa-user-tie\",\r\n variants: [ {n:\"1 Job Post\", i:4999, a:299}, {n:\"Unlimited\", i:9999, a:699} ]\r\n },\r\n { \r\n id: 51, name: \"Auto Payroll\", cat: \"HR\", desc: \"Salary processing automation.\", icon: \"fas fa-money-check-alt\",\r\n variants: [ {n:\"<50 Staff\", i:5999, a:399} ]\r\n },\r\n { \r\n id: 52, name: \"Procurement Bot\", cat: \"HR\", desc: \"Auto-PO generation.\", icon: \"fas fa-boxes\",\r\n variants: [ {n:\"Standard\", i:7999, a:599} ]\r\n },\r\n { \r\n id: 53, name: \"Client Onboarding\", cat: \"HR\", desc: \"Auto-contract & welcome.\", icon: \"fas fa-handshake\",\r\n variants: [ {n:\"Setup\", i:9999, a:699} ]\r\n },\r\n\r\n \/\/ --- ENTERPRISE ---\r\n { \r\n id: 60, name: \"Custom Enterprise\", cat: \"Enterprise\", desc: \"Tailored AI Solution.\", icon: \"fas fa-building\",\r\n variants: [ {n:\"Consultation\", i:0, a:0}, {n:\"Pilot Build\", i:50000, a:3500} ]\r\n },\r\n { \r\n id: 61, name: \"Fraud Detection\", cat: \"Enterprise\", desc: \"AI Transaction Monitoring.\", icon: \"fas fa-shield-alt\",\r\n variants: [ {n:\"Setup\", i:45000, a:2999} ]\r\n },\r\n { \r\n id: 62, name: \"IT Helpdesk AI\", cat: \"Enterprise\", desc: \"Internal ticket auto-resolve.\", icon: \"fas fa-server\",\r\n variants: [ {n:\"Setup\", i:25000, a:1499} ]\r\n },\r\n { \r\n id: 63, name: \"Legal Analysis\", cat: \"Enterprise\", desc: \"Contract risk review AI.\", icon: \"fas fa-gavel\",\r\n variants: [ {n:\"Standard\", i:15000, a:999} ]\r\n }\r\n ];\r\n\r\n \/\/ --- STATE ---\r\n let currency = 'INR';\r\n let cart = []; \/\/ { id, vIdx }\r\n let selections = {};\r\n\r\n \/\/ --- RENDER ---\r\n function renderGrid(data) {\r\n const grid = document.getElementById('grid');\r\n grid.innerHTML = '';\r\n \r\n data.forEach(p => {\r\n const inCart = cart.find(c => c.id === p.id);\r\n const vIdx = inCart ? inCart.vIdx : (selections[p.id] || 0);\r\n const variant = p.variants[vIdx];\r\n const price = currency === 'INR' ? `\u20b9${variant.i.toLocaleString()}` : `${variant.a.toLocaleString()} AED`;\r\n const isSel = !!inCart;\r\n\r\n let opts = '';\r\n p.variants.forEach((v, i) => {\r\n opts += `<option value=\"${i}\" ${i===vIdx?'selected':''}>${v.n}<\/option>`;\r\n });\r\n\r\n grid.innerHTML += `\r\n <div class=\"card ${isSel?'selected':''}\" onclick=\"toggleCart(${p.id})\">\r\n ${p.badge ? `<div class=\"badge ${p.cat==='Automation'?'bg-auto':'bg-new'}\" style=\"position:absolute; top:12px; right:12px;\">${p.badge}<\/div>` : ''}\r\n <div class=\"card-top\">\r\n <div class=\"c-icon\"><i class=\"${p.icon}\"><\/i><\/div>\r\n <\/div>\r\n <h3>${p.name}<\/h3>\r\n <p>${p.desc}<\/p>\r\n \r\n <select class=\"variant-select\" onclick=\"event.stopPropagation()\" onchange=\"setVar(${p.id}, this.value)\">\r\n ${opts}\r\n <\/select>\r\n\r\n <div class=\"card-bottom\">\r\n <span class=\"price-tag\" id=\"p-${p.id}\">${price}<\/span>\r\n <div class=\"add-icon\"><i class=\"fas ${isSel?'fa-check':'fa-plus'}\"><\/i><\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n });\r\n }\r\n\r\n function renderCart() {\r\n let total = 0;\r\n let html = '';\r\n \r\n cart.forEach(item => {\r\n const p = catalog.find(x => x.id === item.id);\r\n const v = p.variants[item.vIdx];\r\n const val = currency === 'INR' ? v.i : v.a;\r\n total += val;\r\n \r\n html += `\r\n <div class=\"cart-item ${window.innerWidth < 1000 ? 'mobile-cart-item' : ''}\">\r\n <div>\r\n <h4>${p.name}<\/h4>\r\n <span>${v.n}<\/span>\r\n <\/div>\r\n <div style=\"display:flex; align-items:center;\">\r\n <span style=\"font-weight:700; color:${window.innerWidth < 1000 ? '#111827' : '#3B82F6'}\">${val.toLocaleString()}<\/span>\r\n <i class=\"fas fa-times cart-remove\" onclick=\"toggleCart(${p.id})\"><\/i>\r\n <\/div>\r\n <\/div>\r\n `;\r\n });\r\n\r\n const totalStr = currency === 'INR' ? `\u20b9${total.toLocaleString()}` : `${total.toLocaleString()} AED`;\r\n \r\n \/\/ PC\r\n document.getElementById('pcCartList').innerHTML = html || '<div style=\"padding:20px; color:#94A3B8;\">Stack empty<\/div>';\r\n document.getElementById('pcTotal').innerText = totalStr;\r\n document.getElementById('pcCount').innerText = cart.length;\r\n\r\n \/\/ Mobile\r\n document.getElementById('mobCartList').innerHTML = html || '<div style=\"padding:20px; color:#6B7280; text-align:center;\">Stack empty<\/div>';\r\n document.getElementById('mobTotal').innerText = totalStr;\r\n document.getElementById('mobCountBadge').innerText = cart.length;\r\n }\r\n\r\n \/\/ --- LOGIC ---\r\n function setVar(id, idx) {\r\n selections[id] = parseInt(idx);\r\n const p = catalog.find(x => x.id === id);\r\n const v = p.variants[idx];\r\n document.getElementById(`p-${id}`).innerText = currency === 'INR' ? `\u20b9${v.i.toLocaleString()}` : `${v.a.toLocaleString()} AED`;\r\n \r\n const cIdx = cart.findIndex(c => c.id === id);\r\n if(cIdx > -1) { cart[cIdx].vIdx = parseInt(idx); renderCart(); }\r\n }\r\n\r\n function toggleCart(id) {\r\n const idx = cart.findIndex(c => c.id === id);\r\n if(idx > -1) cart.splice(idx, 1);\r\n else cart.push({ id: id, vIdx: selections[id] || 0 });\r\n \r\n renderGrid(getCurrentData());\r\n renderCart();\r\n }\r\n\r\n function setCurrency(c) {\r\n currency = c;\r\n document.getElementById('btn-inr').classList.toggle('active', c==='INR');\r\n document.getElementById('btn-aed').classList.toggle('active', c==='AED');\r\n renderGrid(getCurrentData());\r\n renderCart();\r\n }\r\n\r\n function filter(cat, btn) {\r\n document.querySelectorAll('.pill').forEach(p => p.classList.remove('active'));\r\n btn.classList.add('active');\r\n const data = cat === 'all' ? catalog : catalog.filter(p => p.cat === cat || (cat === 'Automation' && p.cat === 'Sales')); \/\/ Show Sales in automation\r\n renderGrid(data);\r\n }\r\n\r\n function getCurrentData() {\r\n const active = document.querySelector('.pill.active');\r\n if(!active) return catalog;\r\n \/\/ Simple logic re-trigger filter\r\n const txt = active.innerText;\r\n if(txt.includes('All')) return catalog;\r\n if(txt.includes('Automation')) return catalog.filter(p => p.cat === 'Automation');\r\n if(txt.includes('Sales')) return catalog.filter(p => p.cat === 'Sales');\r\n if(txt.includes('Marketing')) return catalog.filter(p => p.cat === 'Marketing');\r\n if(txt.includes('CRM')) return catalog.filter(p => p.cat === 'CRM');\r\n if(txt.includes('HR')) return catalog.filter(p => p.cat === 'HR');\r\n if(txt.includes('Finance')) return catalog.filter(p => p.cat === 'Accounting');\r\n if(txt.includes('Web')) return catalog.filter(p => p.cat === 'Web');\r\n if(txt.includes('Enterprise')) return catalog.filter(p => p.cat === 'Enterprise');\r\n return catalog;\r\n }\r\n\r\n \/\/ --- UX HELPERS ---\r\n function toggleDrawer() { document.getElementById('stackDrawer').classList.toggle('open'); }\r\n \r\n function toggleAi() { \r\n const p = document.getElementById('aiSidebar');\r\n const o = document.getElementById('overlay');\r\n p.classList.toggle('open');\r\n o.classList.toggle('active');\r\n }\r\n function closeAll() {\r\n document.getElementById('aiSidebar').classList.remove('open');\r\n document.getElementById('overlay').classList.remove('active');\r\n }\r\n\r\n function openMobileStack() { document.getElementById('mobStackModal').classList.add('open'); }\r\n function closeMobileStack() { document.getElementById('mobStackModal').classList.remove('open'); }\r\n\r\n function checkout() {\r\n if(cart.length === 0) return alert(\"Select items first\");\r\n let msg = `*New Aiingo Stack Request*:%0A`;\r\n let t = 0;\r\n cart.forEach(item => {\r\n const p = catalog.find(x => x.id === item.id);\r\n const v = p.variants[item.vIdx];\r\n const val = currency === 'INR' ? v.i : v.a;\r\n t += val;\r\n msg += `\ud83d\udce6 ${p.name} (${v.n}) - ${val}%0A`;\r\n });\r\n msg += `%0A\ud83d\udcb0 *Total: ${t} ${currency}*`;\r\n const phone = currency === 'INR' ? '919744250000' : '971582512126';\r\n window.open(`https:\/\/wa.me\/${phone}?text=${msg}`, '_blank');\r\n }\r\n\r\n function handleAi() {\r\n const val = document.getElementById('aiInput').value;\r\n if(!val) return;\r\n document.getElementById('aiInput').value = \"\";\r\n const box = document.getElementById('chatContainer');\r\n box.innerHTML += `<div class=\"msg user\">${val}<\/div>`;\r\n setTimeout(() => {\r\n box.innerHTML += `<div class=\"msg bot\">I found relevant items for \"${val}\". Check the Marketing section.<\/div>`;\r\n box.scrollTop = box.scrollHeight;\r\n }, 800);\r\n }\r\n\r\n \/\/ Init\r\n renderGrid(catalog);\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Aiingo | Enterprise OS Aiingo CopilotEnterprise Architect Hello! I’ve prepared our entire automation catalog. Select items to build your stack. Solution Store Enterprise OS INR AED All \u26a1 Automation \ud83d\udcc8 Sales \ud83d\udce3 Marketing \ud83e\udd1d CRM \ud83d\udc54 HR & Ops \ud83d\udcb0 Finance \ud83c\udf10 Web & SEO \ud83c\udfe2 Enterprise 0 Est. Monthly 0 View Stack Finalize on […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","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":"set","ast-page-background-enabled":"default","ast-page-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-6910","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/pages\/6910","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/comments?post=6910"}],"version-history":[{"count":31,"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/pages\/6910\/revisions"}],"predecessor-version":[{"id":6981,"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/pages\/6910\/revisions\/6981"}],"wp:attachment":[{"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/media?parent=6910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Aiingo | Enterprise OS<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap\" rel=\"stylesheet\">\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 <style>\r\n \/* --- 1. THEME & VARS --- *\/\r\n :root {\r\n --bg-body: #F3F4F6;\r\n --bg-sidebar: #0F172A;\r\n --bg-card: #FFFFFF;\r\n --bg-bottom: #1E293B;\r\n \r\n --text-main: #111827;\r\n --text-muted: #6B7280;\r\n --text-light: #F9FAFB;\r\n \r\n --primary: #2563EB;\r\n --primary-dark: #1D4ED8;\r\n --accent: #10B981;\r\n \r\n --border: #E5E7EB;\r\n --radius: 16px;\r\n --shadow: 0 4px 6px -1px rgba(0,0,0,0.05);\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }\r\n body { font-family: 'Plus Jakarta Sans', sans-serif; background: var(--bg-body); color: var(--text-main); height: 100vh; overflow: hidden; }\r\n\r\n \/* --- 2. LAYOUT (PC FIRST) --- *\/\r\n .app-shell {\r\n display: grid;\r\n grid-template-columns: 280px 1fr;\r\n grid-template-rows: 1fr auto;\r\n height: 100%; width: 100%;\r\n }\r\n\r\n \/* --- SIDEBAR (AI) --- *\/\r\n .pane-ai {\r\n grid-row: 1 \/ -1; background: var(--bg-sidebar); color: var(--text-light);\r\n display: flex; flex-direction: column; border-right: 1px solid #334155;\r\n z-index: 20;\r\n }\r\n .ai-header { padding: 24px; border-bottom: 1px solid #334155; display: flex; gap: 12px; align-items: center; }\r\n .ai-avatar { width: 36px; height: 36px; background: linear-gradient(135deg, #3B82F6, #8B5CF6); border-radius: 10px; display: grid; place-items: center; }\r\n \r\n .chat-area { flex: 1; overflow-y: auto; padding: 20px; display: flex; flex-direction: column; gap: 15px; }\r\n .msg { font-size: 0.9rem; padding: 10px 14px; border-radius: 12px; max-width: 90%; line-height: 1.5; }\r\n .msg.bot { background: transparent; border: 1px solid #334155; color: #CBD5E1; }\r\n .msg.user { background: var(--primary); align-self: flex-end; color: white; border-bottom-right-radius: 2px; }\r\n\r\n .ai-input-box { padding: 20px; background: #020617; border-top: 1px solid #334155; }\r\n .ai-input { width: 100%; background: #1E293B; border: 1px solid #334155; padding: 12px; border-radius: 8px; color: white; outline: none; }\r\n \r\n \/* --- MAIN CONTENT --- *\/\r\n .pane-main {\r\n grid-column: 2; grid-row: 1; overflow: hidden; display: flex; flex-direction: column; position: relative;\r\n }\r\n \r\n .top-nav {\r\n padding: 16px 32px; background: rgba(255,255,255,0.9); backdrop-filter: blur(10px);\r\n border-bottom: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center;\r\n z-index: 10;\r\n }\r\n .nav-brand h1 { font-family: 'Space Grotesk'; font-size: 1.5rem; font-weight: 700; }\r\n .currency-toggle { background: #E5E7EB; padding: 4px; border-radius: 50px; display: flex; }\r\n .c-btn { padding: 6px 14px; border-radius: 50px; font-size: 0.8rem; font-weight: 700; cursor: pointer; transition: 0.2s; color: #6B7280; }\r\n .c-btn.active { background: white; color: black; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }\r\n\r\n .filter-scroller {\r\n padding: 12px 32px; display: flex; gap: 10px; overflow-x: auto; scrollbar-width: none; background: #F9FAFB; border-bottom: 1px solid var(--border);\r\n }\r\n .pill {\r\n padding: 8px 16px; border-radius: 50px; background: white; border: 1px solid var(--border);\r\n font-size: 0.85rem; font-weight: 600; cursor: pointer; white-space: nowrap; transition: 0.2s; color: var(--text-muted);\r\n }\r\n .pill:hover { border-color: var(--primary); color: var(--primary); }\r\n .pill.active { background: var(--primary); color: white; border-color: var(--primary); }\r\n\r\n .grid-container { flex: 1; overflow-y: auto; padding: 24px 32px 140px 32px; } \/* Pad for bottom stack *\/\r\n .product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 24px; }\r\n\r\n \/* --- CARD --- *\/\r\n .card {\r\n background: white; border-radius: var(--radius); border: 1px solid var(--border);\r\n padding: 20px; transition: all 0.2s ease; cursor: pointer; position: relative;\r\n display: flex; flex-direction: column; height: 100%;\r\n }\r\n .card:hover { transform: translateY(-4px); box-shadow: 0 10px 20px -5px rgba(0,0,0,0.1); border-color: #94A3B8; }\r\n .card.selected { border: 2px solid var(--primary); background: #EFF6FF; }\r\n\r\n .card-top { display: flex; justify-content: space-between; align-items: start; margin-bottom: 12px; }\r\n .c-icon { width: 42px; height: 42px; background: #F3F4F6; border-radius: 10px; display: grid; place-items: center; font-size: 1.2rem; color: #374151; }\r\n .card.selected .c-icon { background: white; color: var(--primary); }\r\n \r\n .c-badge { font-size: 0.65rem; font-weight: 700; padding: 4px 8px; border-radius: 4px; text-transform: uppercase; letter-spacing: 0.5px; }\r\n .bg-auto { background: #E0E7FF; color: #4338CA; } \/* Automation badge *\/\r\n .bg-new { background: #ECFDF5; color: #047857; }\r\n\r\n .card h3 { font-family: 'Space Grotesk'; font-size: 1.1rem; margin-bottom: 6px; }\r\n .card p { font-size: 0.85rem; color: var(--text-muted); line-height: 1.4; margin-bottom: 15px; flex-grow: 1; }\r\n\r\n .variant-select {\r\n width: 100%; padding: 10px; border-radius: 8px; border: 1px solid var(--border);\r\n background: white; font-size: 0.85rem; margin-bottom: 15px; cursor: pointer; outline: none;\r\n }\r\n\r\n .card-bottom { display: flex; justify-content: space-between; align-items: flex-end; border-top: 1px solid #F3F4F6; padding-top: 12px; }\r\n .price-tag { font-weight: 700; color: var(--text-main); font-size: 1.1rem; }\r\n .add-icon { width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--border); display: grid; place-items: center; color: #9CA3AF; transition: 0.2s; }\r\n .card.selected .add-icon { background: var(--primary); border-color: var(--primary); color: white; }\r\n\r\n \/* --- BOTTOM STACK BAR (PC) --- *\/\r\n .pane-stack {\r\n grid-column: 2; grid-row: 2;\r\n background: var(--bg-bottom); color: white;\r\n padding: 0 32px; height: 80px; z-index: 50;\r\n display: flex; align-items: center; justify-content: space-between;\r\n box-shadow: 0 -5px 20px rgba(0,0,0,0.2); transition: 0.3s;\r\n }\r\n .stack-info { display: flex; align-items: center; gap: 20px; }\r\n .stack-count { background: var(--primary); width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-weight: 700; }\r\n .stack-total { font-family: 'Space Grotesk'; font-size: 1.5rem; font-weight: 700; }\r\n \r\n \/* Expandable Details *\/\r\n .stack-drawer {\r\n position: fixed; bottom: 80px; right: 32px; width: 400px;\r\n background: #1E293B; border-radius: 16px 16px 0 0;\r\n max-height: 0; overflow: hidden; transition: 0.3s;\r\n box-shadow: 0 -10px 30px rgba(0,0,0,0.3); border: 1px solid #334155; border-bottom: none;\r\n }\r\n .stack-drawer.open { max-height: 400px; }\r\n .drawer-content { padding: 20px; overflow-y: auto; max-height: 350px; }\r\n .cart-item { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #334155; align-items: center; }\r\n .cart-item h4 { font-size: 0.9rem; color: #E2E8F0; }\r\n .cart-item span { font-size: 0.8rem; color: #94A3B8; }\r\n .cart-remove { color: #EF4444; cursor: pointer; padding: 5px; }\r\n\r\n .btn-checkout {\r\n background: var(--primary); color: white; padding: 12px 24px; border-radius: 8px; border: none; font-weight: 600; cursor: pointer; display: flex; align-items: center; gap: 8px; font-size: 1rem;\r\n }\r\n .btn-expand { background: rgba(255,255,255,0.1); color: white; padding: 10px; border-radius: 8px; border: none; cursor: pointer; margin-right: 10px; }\r\n\r\n \/* --- MOBILE NAV & MODALS --- *\/\r\n .mobile-nav { display: none; }\r\n .mobile-header { display: none; }\r\n\r\n @media (max-width: 1000px) {\r\n .app-shell { display: block; }\r\n \r\n \/* Sidebar becomes modal *\/\r\n .pane-ai { \r\n position: fixed; inset: 0; z-index: 100; transform: translateX(-100%); transition: 0.3s;\r\n width: 85%; max-width: 320px;\r\n }\r\n .pane-ai.open { transform: translateX(0); }\r\n \r\n \/* Main Content changes *\/\r\n .pane-main { height: 100vh; overflow-y: auto; padding-bottom: 80px; }\r\n .grid-container { padding: 20px; padding-bottom: 100px; }\r\n .product-grid { grid-template-columns: 1fr; }\r\n .top-nav { padding: 15px 20px; }\r\n .filter-scroller { padding: 10px 20px; }\r\n\r\n \/* Bottom Stack becomes separate mobile UI *\/\r\n .pane-stack { display: none; } \/* Hide PC Stack *\/\r\n \r\n .mobile-nav {\r\n display: grid; grid-template-columns: 1fr 1fr 1fr;\r\n position: fixed; bottom: 0; left: 0; width: 100%; height: 70px;\r\n background: white; border-top: 1px solid var(--border); z-index: 90;\r\n padding-bottom: env(safe-area-inset-bottom);\r\n }\r\n .nav-item { display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 0.7rem; color: var(--text-muted); gap: 4px; }\r\n .nav-item.active { color: var(--primary); }\r\n .nav-item i { font-size: 1.2rem; }\r\n\r\n \/* Mobile Stack Modal *\/\r\n .mobile-stack-modal {\r\n position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 95;\r\n display: none; align-items: flex-end;\r\n }\r\n .mobile-stack-modal.open { display: flex; }\r\n .stack-sheet {\r\n background: white; width: 100%; border-radius: 20px 20px 0 0;\r\n padding: 20px; max-height: 80vh; overflow-y: auto; animation: slideUp 0.3s ease;\r\n }\r\n .sheet-header { display: flex; justify-content: space-between; margin-bottom: 20px; font-weight: 700; font-size: 1.2rem; }\r\n .mobile-cart-item { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid #eee; }\r\n \r\n .btn-mobile-checkout { width: 100%; background: #111827; color: white; padding: 16px; border-radius: 12px; margin-top: 20px; font-weight: 700; border: none; font-size: 1rem; }\r\n }\r\n\r\n @keyframes slideUp { from { transform: translateY(100%); } to { transform: translateY(0); } }\r\n .overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 15; display: none; }\r\n .overlay.active { display: block; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"overlay\" id=\"overlay\" onclick=\"closeAll()\"><\/div>\r\n\r\n <div class=\"app-shell\">\r\n \r\n <aside class=\"pane-ai\" id=\"aiSidebar\">\r\n <div class=\"ai-header\">\r\n <div class=\"ai-avatar\"><i class=\"fas fa-brain\" style=\"color:white;\"><\/i><\/div>\r\n <div><strong>Aiingo Copilot<\/strong><br><span style=\"font-size:0.75rem; opacity:0.7;\">Enterprise Architect<\/span><\/div>\r\n <\/div>\r\n <div class=\"chat-area\" id=\"chatContainer\">\r\n <div class=\"msg bot\">Hello! I've prepared our entire automation catalog. Select items to build your stack.<\/div>\r\n <\/div>\r\n <div class=\"ai-input-box\">\r\n <input type=\"text\" class=\"ai-input\" placeholder=\"Ask e.g. 'Best CRM for Sales'...\" id=\"aiInput\" onkeypress=\"if(event.key==='Enter') handleAi()\">\r\n <\/div>\r\n <\/aside>\r\n\r\n <main class=\"pane-main\">\r\n <div class=\"top-nav\">\r\n <div class=\"nav-brand\">\r\n <div style=\"font-size:0.7rem; color:var(--text-muted); letter-spacing:1px; text-transform:uppercase;\">Solution Store<\/div>\r\n <h1>Enterprise OS<\/h1>\r\n <\/div>\r\n <div class=\"currency-toggle\">\r\n <div class=\"c-btn active\" id=\"btn-inr\" onclick=\"setCurrency('INR')\">INR<\/div>\r\n <div class=\"c-btn\" id=\"btn-aed\" onclick=\"setCurrency('AED')\">AED<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"filter-scroller\">\r\n <div class=\"pill active\" onclick=\"filter('all', this)\">All<\/div>\r\n <div class=\"pill\" onclick=\"filter('Automation', this)\">\u26a1 Automation<\/div>\r\n <div class=\"pill\" onclick=\"filter('Sales', this)\">\ud83d\udcc8 Sales<\/div>\r\n <div class=\"pill\" onclick=\"filter('Marketing', this)\">\ud83d\udce3 Marketing<\/div>\r\n <div class=\"pill\" onclick=\"filter('CRM', this)\">\ud83e\udd1d CRM<\/div>\r\n <div class=\"pill\" onclick=\"filter('HR', this)\">\ud83d\udc54 HR & Ops<\/div>\r\n <div class=\"pill\" onclick=\"filter('Accounting', this)\">\ud83d\udcb0 Finance<\/div>\r\n <div class=\"pill\" onclick=\"filter('Web', this)\">\ud83c\udf10 Web & SEO<\/div>\r\n <div class=\"pill\" onclick=\"filter('Enterprise', this)\">\ud83c\udfe2 Enterprise<\/div>\r\n <\/div>\r\n\r\n <div class=\"grid-container\">\r\n <div class=\"product-grid\" id=\"grid\"><\/div>\r\n <\/div>\r\n <\/main>\r\n\r\n <div class=\"stack-drawer\" id=\"stackDrawer\">\r\n <div class=\"drawer-content\" id=\"pcCartList\"><\/div>\r\n <\/div>\r\n <div class=\"pane-stack\">\r\n <div class=\"stack-info\">\r\n <div class=\"stack-count\" id=\"pcCount\">0<\/div>\r\n <div>\r\n <div style=\"font-size:0.75rem; opacity:0.7; text-transform:uppercase; letter-spacing:1px;\">Est. Monthly<\/div>\r\n <div class=\"stack-total\" id=\"pcTotal\">0<\/div>\r\n <\/div>\r\n <\/div>\r\n <div style=\"display:flex; align-items:center;\">\r\n <button class=\"btn-expand\" onclick=\"toggleDrawer()\">View Stack <i class=\"fas fa-chevron-up\"><\/i><\/button>\r\n <button class=\"btn-checkout\" onclick=\"checkout()\">Finalize on WhatsApp <i class=\"fab fa-whatsapp\"><\/i><\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <nav class=\"mobile-nav\">\r\n <div class=\"nav-item\" onclick=\"toggleAi()\"><i class=\"fas fa-robot\"><\/i> Copilot<\/div>\r\n <div class=\"nav-item active\"><i class=\"fas fa-grid-2\"><\/i> Store<\/div>\r\n <div class=\"nav-item\" onclick=\"openMobileStack()\"><i class=\"fas fa-layer-group\"><\/i> Stack <span id=\"mobCountBadge\" style=\"background:red; color:white; border-radius:50%; width:16px; height:16px; display:flex; justify-content:center; align-items:center; font-size:10px; margin-top:-2px;\">0<\/span><\/div>\r\n <\/nav>\r\n\r\n <div class=\"mobile-stack-modal\" id=\"mobStackModal\" onclick=\"if(event.target === this) closeMobileStack()\">\r\n <div class=\"stack-sheet\">\r\n <div class=\"sheet-header\">\r\n <span>Your Stack<\/span>\r\n <span style=\"color:#EF4444; font-size:0.9rem;\" onclick=\"closeMobileStack()\">Close<\/span>\r\n <\/div>\r\n <div id=\"mobCartList\"><\/div>\r\n <div style=\"margin-top:20px; font-size:1.2rem; font-weight:700; text-align:right;\" id=\"mobTotal\">0<\/div>\r\n <button class=\"btn-mobile-checkout\" onclick=\"checkout()\">Checkout on WhatsApp <i class=\"fab fa-whatsapp\"><\/i><\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <script>\r\n \/\/ --- DATA ---\r\n \/\/ Prioritized: Automation First\r\n const catalog = [\r\n \/\/ --- AUTOMATION & SALES (Priority) ---\r\n { \r\n id: 1, name: \"WhatsApp Chatbot\", cat: \"Automation\", desc: \"Auto-reply, Catalog & FAQs flow.\", icon: \"fab fa-whatsapp\", badge: \"Essential\",\r\n variants: [ {n:\"Starter Flow\", i:2999, a:199}, {n:\"Advanced AI\", i:5999, a:399} ]\r\n },\r\n { \r\n id: 2, name: \"Missed Call Rescue\", cat: \"Automation\", desc: \"SMS\/WhatsApp back instantly.\", icon: \"fas fa-phone-slash\",\r\n variants: [ {n:\"Standard\", i:1499, a:99} ]\r\n },\r\n { \r\n id: 3, name: \"Review Gatekeeper\", cat: \"Automation\", desc: \"Filter bad reviews privately.\", icon: \"fas fa-star-half-alt\",\r\n variants: [ {n:\"Google Maps\", i:1999, a:149} ]\r\n },\r\n { \r\n id: 4, name: \"eCommerce AI Auto\", cat: \"Sales\", desc: \"Recover carts & COD confirm.\", icon: \"fas fa-shopping-cart\", badge: \"ROI King\",\r\n variants: [ {n:\"Starter (Pilot)\", i:4999, a:349}, {n:\"Pro (Full Scale)\", i:9999, a:699} ]\r\n },\r\n { \r\n id: 5, name: \"Voice AI Caller\", cat: \"Sales\", desc: \"AI qualifies leads via voice.\", icon: \"fas fa-headset\",\r\n variants: [ {n:\"500 Mins\", i:9999, a:699}, {n:\"2000 Mins\", i:24999, a:1599} ]\r\n },\r\n { \r\n id: 6, name: \"Lead Qualification Bot\", cat: \"Sales\", desc: \"Filter junk leads automatically.\", icon: \"fas fa-filter\",\r\n variants: [ {n:\"Standard\", i:2999, a:199} ]\r\n },\r\n { \r\n id: 7, name: \"Polyglot Concierge\", cat: \"Sales\", desc: \"Chat in 50+ languages.\", icon: \"fas fa-language\",\r\n variants: [ {n:\"Plugin\", i:3500, a:249} ]\r\n },\r\n\r\n \/\/ --- MARKETING ---\r\n { \r\n id: 20, name: \"Visual SEO\", cat: \"Marketing\", desc: \"Geo-tagging images for Maps.\", icon: \"fas fa-map-marker-alt\", badge: \"Local\",\r\n variants: [ {n:\"1 Location\", i:4999, a:349}, {n:\"5 Locations\", i:15000, a:999} ]\r\n },\r\n { \r\n id: 21, name: \"Social Media Auto\", cat: \"Marketing\", desc: \"Auto-post & comment reply.\", icon: \"fab fa-instagram\",\r\n variants: [ {n:\"Basic\", i:2499, a:199}, {n:\"Growth AI\", i:5999, a:449} ]\r\n },\r\n { \r\n id: 22, name: \"Google Review AI\", cat: \"Marketing\", desc: \"Auto-reply to reviews.\", icon: \"fab fa-google\",\r\n variants: [ {n:\"Standard\", i:1999, a:149} ]\r\n },\r\n\r\n \/\/ --- WEB & SEO ---\r\n { \r\n id: 30, name: \"Website Design\", cat: \"Web\", desc: \"Modern, responsive sites.\", icon: \"fas fa-laptop-code\",\r\n variants: [ {n:\"Single Page\", i:7500, a:499}, {n:\"Corporate (5pg)\", i:25000, a:1499}, {n:\"E-Commerce\", i:45000, a:2999} ]\r\n },\r\n { \r\n id: 31, name: \"SEO Optimization\", cat: \"Web\", desc: \"Rank higher on search.\", icon: \"fas fa-search\",\r\n variants: [ {n:\"Local City\", i:15000, a:999}, {n:\"National\", i:35000, a:2499} ]\r\n },\r\n\r\n \/\/ --- CRM & ERP ---\r\n { \r\n id: 40, name: \"CRM Integration\", cat: \"CRM\", desc: \"HubSpot\/Zoho pipeline setup.\", icon: \"fas fa-funnel-dollar\",\r\n variants: [ {n:\"Pipeline Setup\", i:15000, a:999}, {n:\"Full Auto\", i:30000, a:1999} ]\r\n },\r\n { \r\n id: 41, name: \"ERPNext Setup\", cat: \"Accounting\", desc: \"Full open-source ERP.\", icon: \"fas fa-network-wired\",\r\n variants: [ {n:\"Cloud Setup\", i:25000, a:1499}, {n:\"On-Premise\", i:45000, a:2999} ]\r\n },\r\n { \r\n id: 42, name: \"Invoice OCR\", cat: \"Accounting\", desc: \"Auto-read bills to Excel.\", icon: \"fas fa-file-invoice\",\r\n variants: [ {n:\"100 Docs\", i:2999, a:199}, {n:\"Unlimited\", i:7999, a:599} ]\r\n },\r\n { \r\n id: 43, name: \"VAT\/GST Auto\", cat: \"Accounting\", desc: \"Tax compliance automation.\", icon: \"fas fa-calculator\",\r\n variants: [ {n:\"Standard\", i:4999, a:349} ]\r\n },\r\n\r\n \/\/ --- HR & OPS ---\r\n { \r\n id: 50, name: \"AI HR Recruiter\", cat: \"HR\", desc: \"Screen CVs automatically.\", icon: \"fas fa-user-tie\",\r\n variants: [ {n:\"1 Job Post\", i:4999, a:299}, {n:\"Unlimited\", i:9999, a:699} ]\r\n },\r\n { \r\n id: 51, name: \"Auto Payroll\", cat: \"HR\", desc: \"Salary processing automation.\", icon: \"fas fa-money-check-alt\",\r\n variants: [ {n:\"<50 Staff\", i:5999, a:399} ]\r\n },\r\n { \r\n id: 52, name: \"Procurement Bot\", cat: \"HR\", desc: \"Auto-PO generation.\", icon: \"fas fa-boxes\",\r\n variants: [ {n:\"Standard\", i:7999, a:599} ]\r\n },\r\n { \r\n id: 53, name: \"Client Onboarding\", cat: \"HR\", desc: \"Auto-contract & welcome.\", icon: \"fas fa-handshake\",\r\n variants: [ {n:\"Setup\", i:9999, a:699} ]\r\n },\r\n\r\n \/\/ --- ENTERPRISE ---\r\n { \r\n id: 60, name: \"Custom Enterprise\", cat: \"Enterprise\", desc: \"Tailored AI Solution.\", icon: \"fas fa-building\",\r\n variants: [ {n:\"Consultation\", i:0, a:0}, {n:\"Pilot Build\", i:50000, a:3500} ]\r\n },\r\n { \r\n id: 61, name: \"Fraud Detection\", cat: \"Enterprise\", desc: \"AI Transaction Monitoring.\", icon: \"fas fa-shield-alt\",\r\n variants: [ {n:\"Setup\", i:45000, a:2999} ]\r\n },\r\n { \r\n id: 62, name: \"IT Helpdesk AI\", cat: \"Enterprise\", desc: \"Internal ticket auto-resolve.\", icon: \"fas fa-server\",\r\n variants: [ {n:\"Setup\", i:25000, a:1499} ]\r\n },\r\n { \r\n id: 63, name: \"Legal Analysis\", cat: \"Enterprise\", desc: \"Contract risk review AI.\", icon: \"fas fa-gavel\",\r\n variants: [ {n:\"Standard\", i:15000, a:999} ]\r\n }\r\n ];\r\n\r\n \/\/ --- STATE ---\r\n let currency = 'INR';\r\n let cart = []; \/\/ { id, vIdx }\r\n let selections = {};\r\n\r\n \/\/ --- RENDER ---\r\n function renderGrid(data) {\r\n const grid = document.getElementById('grid');\r\n grid.innerHTML = '';\r\n \r\n data.forEach(p => {\r\n const inCart = cart.find(c => c.id === p.id);\r\n const vIdx = inCart ? inCart.vIdx : (selections[p.id] || 0);\r\n const variant = p.variants[vIdx];\r\n const price = currency === 'INR' ? `\u20b9${variant.i.toLocaleString()}` : `${variant.a.toLocaleString()} AED`;\r\n const isSel = !!inCart;\r\n\r\n let opts = '';\r\n p.variants.forEach((v, i) => {\r\n opts += `<option value=\"${i}\" ${i===vIdx?'selected':''}>${v.n}<\/option>`;\r\n });\r\n\r\n grid.innerHTML += `\r\n <div class=\"card ${isSel?'selected':''}\" onclick=\"toggleCart(${p.id})\">\r\n ${p.badge ? `<div class=\"badge ${p.cat==='Automation'?'bg-auto':'bg-new'}\" style=\"position:absolute; top:12px; right:12px;\">${p.badge}<\/div>` : ''}\r\n <div class=\"card-top\">\r\n <div class=\"c-icon\"><i class=\"${p.icon}\"><\/i><\/div>\r\n <\/div>\r\n <h3>${p.name}<\/h3>\r\n <p>${p.desc}<\/p>\r\n \r\n <select class=\"variant-select\" onclick=\"event.stopPropagation()\" onchange=\"setVar(${p.id}, this.value)\">\r\n ${opts}\r\n <\/select>\r\n\r\n <div class=\"card-bottom\">\r\n <span class=\"price-tag\" id=\"p-${p.id}\">${price}<\/span>\r\n <div class=\"add-icon\"><i class=\"fas ${isSel?'fa-check':'fa-plus'}\"><\/i><\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n });\r\n }\r\n\r\n function renderCart() {\r\n let total = 0;\r\n let html = '';\r\n \r\n cart.forEach(item => {\r\n const p = catalog.find(x => x.id === item.id);\r\n const v = p.variants[item.vIdx];\r\n const val = currency === 'INR' ? v.i : v.a;\r\n total += val;\r\n \r\n html += `\r\n <div class=\"cart-item ${window.innerWidth < 1000 ? 'mobile-cart-item' : ''}\">\r\n <div>\r\n <h4>${p.name}<\/h4>\r\n <span>${v.n}<\/span>\r\n <\/div>\r\n <div style=\"display:flex; align-items:center;\">\r\n <span style=\"font-weight:700; color:${window.innerWidth < 1000 ? '#111827' : '#3B82F6'}\">${val.toLocaleString()}<\/span>\r\n <i class=\"fas fa-times cart-remove\" onclick=\"toggleCart(${p.id})\"><\/i>\r\n <\/div>\r\n <\/div>\r\n `;\r\n });\r\n\r\n const totalStr = currency === 'INR' ? `\u20b9${total.toLocaleString()}` : `${total.toLocaleString()} AED`;\r\n \r\n \/\/ PC\r\n document.getElementById('pcCartList').innerHTML = html || '<div style=\"padding:20px; color:#94A3B8;\">Stack empty<\/div>';\r\n document.getElementById('pcTotal').innerText = totalStr;\r\n document.getElementById('pcCount').innerText = cart.length;\r\n\r\n \/\/ Mobile\r\n document.getElementById('mobCartList').innerHTML = html || '<div style=\"padding:20px; color:#6B7280; text-align:center;\">Stack empty<\/div>';\r\n document.getElementById('mobTotal').innerText = totalStr;\r\n document.getElementById('mobCountBadge').innerText = cart.length;\r\n }\r\n\r\n \/\/ --- LOGIC ---\r\n function setVar(id, idx) {\r\n selections[id] = parseInt(idx);\r\n const p = catalog.find(x => x.id === id);\r\n const v = p.variants[idx];\r\n document.getElementById(`p-${id}`).innerText = currency === 'INR' ? `\u20b9${v.i.toLocaleString()}` : `${v.a.toLocaleString()} AED`;\r\n \r\n const cIdx = cart.findIndex(c => c.id === id);\r\n if(cIdx > -1) { cart[cIdx].vIdx = parseInt(idx); renderCart(); }\r\n }\r\n\r\n function toggleCart(id) {\r\n const idx = cart.findIndex(c => c.id === id);\r\n if(idx > -1) cart.splice(idx, 1);\r\n else cart.push({ id: id, vIdx: selections[id] || 0 });\r\n \r\n renderGrid(getCurrentData());\r\n renderCart();\r\n }\r\n\r\n function setCurrency(c) {\r\n currency = c;\r\n document.getElementById('btn-inr').classList.toggle('active', c==='INR');\r\n document.getElementById('btn-aed').classList.toggle('active', c==='AED');\r\n renderGrid(getCurrentData());\r\n renderCart();\r\n }\r\n\r\n function filter(cat, btn) {\r\n document.querySelectorAll('.pill').forEach(p => p.classList.remove('active'));\r\n btn.classList.add('active');\r\n const data = cat === 'all' ? catalog : catalog.filter(p => p.cat === cat || (cat === 'Automation' && p.cat === 'Sales')); \/\/ Show Sales in automation\r\n renderGrid(data);\r\n }\r\n\r\n function getCurrentData() {\r\n const active = document.querySelector('.pill.active');\r\n if(!active) return catalog;\r\n \/\/ Simple logic re-trigger filter\r\n const txt = active.innerText;\r\n if(txt.includes('All')) return catalog;\r\n if(txt.includes('Automation')) return catalog.filter(p => p.cat === 'Automation');\r\n if(txt.includes('Sales')) return catalog.filter(p => p.cat === 'Sales');\r\n if(txt.includes('Marketing')) return catalog.filter(p => p.cat === 'Marketing');\r\n if(txt.includes('CRM')) return catalog.filter(p => p.cat === 'CRM');\r\n if(txt.includes('HR')) return catalog.filter(p => p.cat === 'HR');\r\n if(txt.includes('Finance')) return catalog.filter(p => p.cat === 'Accounting');\r\n if(txt.includes('Web')) return catalog.filter(p => p.cat === 'Web');\r\n if(txt.includes('Enterprise')) return catalog.filter(p => p.cat === 'Enterprise');\r\n return catalog;\r\n }\r\n\r\n \/\/ --- UX HELPERS ---\r\n function toggleDrawer() { document.getElementById('stackDrawer').classList.toggle('open'); }\r\n \r\n function toggleAi() { \r\n const p = document.getElementById('aiSidebar');\r\n const o = document.getElementById('overlay');\r\n p.classList.toggle('open');\r\n o.classList.toggle('active');\r\n }\r\n function closeAll() {\r\n document.getElementById('aiSidebar').classList.remove('open');\r\n document.getElementById('overlay').classList.remove('active');\r\n }\r\n\r\n function openMobileStack() { document.getElementById('mobStackModal').classList.add('open'); }\r\n function closeMobileStack() { document.getElementById('mobStackModal').classList.remove('open'); }\r\n\r\n function checkout() {\r\n if(cart.length === 0) return alert(\"Select items first\");\r\n let msg = `*New Aiingo Stack Request*:%0A`;\r\n let t = 0;\r\n cart.forEach(item => {\r\n const p = catalog.find(x => x.id === item.id);\r\n const v = p.variants[item.vIdx];\r\n const val = currency === 'INR' ? v.i : v.a;\r\n t += val;\r\n msg += `\ud83d\udce6 ${p.name} (${v.n}) - ${val}%0A`;\r\n });\r\n msg += `%0A\ud83d\udcb0 *Total: ${t} ${currency}*`;\r\n const phone = currency === 'INR' ? '919744250000' : '971582512126';\r\n window.open(`https:\/\/wa.me\/${phone}?text=${msg}`, '_blank');\r\n }\r\n\r\n function handleAi() {\r\n const val = document.getElementById('aiInput').value;\r\n if(!val) return;\r\n document.getElementById('aiInput').value = \"\";\r\n const box = document.getElementById('chatContainer');\r\n box.innerHTML += `<div class=\"msg user\">${val}<\/div>`;\r\n setTimeout(() => {\r\n box.innerHTML += `<div class=\"msg bot\">I found relevant items for \"${val}\". Check the Marketing section.<\/div>`;\r\n box.scrollTop = box.scrollHeight;\r\n }, 800);\r\n }\r\n\r\n \/\/ Init\r\n renderGrid(catalog);\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Aiingo | Enterprise OS Aiingo CopilotEnterprise Architect Hello! I’ve prepared our entire automation catalog. Select items to build your stack. Solution Store Enterprise OS INR AED All \u26a1 Automation \ud83d\udcc8 Sales \ud83d\udce3 Marketing \ud83e\udd1d CRM \ud83d\udc54 HR & Ops \ud83d\udcb0 Finance \ud83c\udf10 Web & SEO \ud83c\udfe2 Enterprise 0 Est. Monthly 0 View Stack Finalize on […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","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":"set","ast-page-background-enabled":"default","ast-page-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-6910","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/pages\/6910","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/comments?post=6910"}],"version-history":[{"count":31,"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/pages\/6910\/revisions"}],"predecessor-version":[{"id":6981,"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/pages\/6910\/revisions\/6981"}],"wp:attachment":[{"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/media?parent=6910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}