AI Automation Menu Bar<\/title>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&display=swap');\r\n\r\n :root {\r\n --hover-gradient: linear-gradient(90deg, #6EC6FF, #4FA8FF, #7EE0D0);\r\n --ink: #0e2a47;\r\n --brand: #004F9E;\r\n --chip: #f0f6ff;\r\n --ring: rgba(0, 79, 158, .15);\r\n }\r\n\r\n * { box-sizing: border-box; }\r\n body {\r\n margin: 0;\r\n font-family: 'Inter', sans-serif;\r\n background: #f4f7fb;\r\n color: var(--ink);\r\n }\r\n\r\n \/* ====== Bar ====== *\/\r\n .menu-bar {\r\n width: 100%; \/* full width *\/\r\n background: #fff;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 14px 40px;\r\n border-radius: 0; \/* flat edges for full width *\/\r\n box-shadow: 0 10px 28px rgba(18, 38, 63, 0.12);\r\n position: relative;\r\n z-index: 10;\r\n }\r\n .menu-bar:hover { box-shadow: 0 14px 36px rgba(18, 38, 63, 0.16); }\r\n\r\n .logo a img { height: 46px; width: auto; display:block; }\r\n\r\n \/* ====== Top-level groups ====== *\/\r\n .nav {\r\n display: flex;\r\n gap: 16px;\r\n align-items: center;\r\n }\r\n .menu-group { position: relative; }\r\n .menu-trigger {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 10px 14px;\r\n font-weight: 600;\r\n font-size: 0.98rem;\r\n color: var(--brand);\r\n background: var(--chip);\r\n border-radius: 12px;\r\n text-decoration: none;\r\n box-shadow: 0 3px 8px rgba(0,0,0,.05);\r\n transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;\r\n }\r\n .menu-trigger::after {\r\n content: \"\u25be\";\r\n font-size: 0.9rem;\r\n transform: translateY(-1px);\r\n opacity: .7;\r\n }\r\n .menu-trigger:hover {\r\n background: var(--hover-gradient);\r\n color: #fff;\r\n transform: translateY(-1px);\r\n box-shadow: 0 8px 16px rgba(0, 191, 255, 0.25);\r\n }\r\n\r\n \/* ====== Submenus ====== *\/\r\n .submenu {\r\n position: absolute;\r\n top: calc(100% + 10px);\r\n left: 0;\r\n min-width: 260px;\r\n background: #fff;\r\n border-radius: 14px;\r\n box-shadow: 0 16px 40px rgba(18, 38, 63, 0.18);\r\n border: 1px solid rgba(0,0,0,.06);\r\n padding: 10px;\r\n display: grid;\r\n gap: 6px;\r\n opacity: 0;\r\n transform: translateY(6px) scale(.98);\r\n pointer-events: none;\r\n transition: opacity .18s ease, transform .18s ease;\r\n }\r\n .menu-group:hover .submenu,\r\n .menu-group:focus-within .submenu {\r\n opacity: 1;\r\n transform: translateY(0) scale(1);\r\n pointer-events: auto;\r\n }\r\n\r\n .submenu h4 {\r\n margin: 6px 8px 4px;\r\n font-size: 0.78rem;\r\n letter-spacing: .04em;\r\n text-transform: uppercase;\r\n color: #6b7c93;\r\n font-weight: 700;\r\n }\r\n .submenu a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 10px 12px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n color: var(--ink);\r\n transition: background .2s ease, color .2s ease, transform .15s ease;\r\n position: relative;\r\n }\r\n .submenu a:hover {\r\n background: linear-gradient(90deg, #f7fbff, #eef6ff);\r\n color: var(--brand);\r\n transform: translateX(2px);\r\n box-shadow: inset 0 0 0 1px var(--ring);\r\n }\r\n\r\n \/* ====== Mobile: logo only ====== *\/\r\n @media (max-width: 768px) {\r\n .nav { display: none; }\r\n .menu-bar { padding: 12px 20px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <nav class=\"menu-bar\" aria-label=\"Primary\">\r\n <div class=\"logo\">\r\n <a href=\"https:\/\/aiingo.com\" target=\"_blank\" aria-label=\"Aiingo Home\">\r\n <img decoding=\"async\" src=\"http:\/\/aiautomationsuae.com\/wp-content\/uploads\/2025\/03\/Aiingo-1.png\" alt=\"ai automation agency Dubai\"\/>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"nav\" role=\"menubar\">\r\n \r\n <div class=\"menu-group\" role=\"none\">\r\n <a href=\"#\" class=\"menu-trigger\" role=\"menuitem\">Automations<\/a>\r\n <div class=\"submenu\">\r\n <h4>Capabilities<\/h4>\r\n <a href=\"https:\/\/aiingo.com\/index.php\/ai-chatbot-development-company\/\">AI Chatbot Development<\/a>\r\n <a href=\"https:\/\/aiingo.com\/index.php\/social-media-automation-for-uae-india\/\">Social Media Automation<\/a>\r\n <a href=\"https:\/\/aiingo.com\/index.php\/google-review-ai-reply\/\">Google Review AI Reply<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"menu-group\" role=\"none\">\r\n <a href=\"#\" class=\"menu-trigger\" role=\"menuitem\">Industry<\/a>\r\n <div class=\"submenu\">\r\n <h4>Solutions<\/h4>\r\n <a href=\"https:\/\/nextaierp.com\/erpnext-dubai\/\" target=\"_blank\" rel=\"noopener\">ERPNext Dubai<\/a>\r\n <a href=\"https:\/\/nextaierp.com\/erp-for-schools-in-dubai\/\" target=\"_blank\" rel=\"noopener\">ERP for Schools<\/a>\r\n <a href=\"https:\/\/nextaierp.com\/erp-software-for-clinics-in-dubai\/\" target=\"_blank\" rel=\"noopener\">ERP for Clinics<\/a>\r\n <a href=\"https:\/\/aiingo.com\/index.php\/ai-automation-agency-for-ecommerce\">eCommerce<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"menu-group\" role=\"none\">\r\n <a href=\"#\" class=\"menu-trigger\" role=\"menuitem\">Tools<\/a>\r\n <div class=\"submenu\">\r\n <h4>Products<\/h4>\r\n <a href=\"https:\/\/nextaierp.com\/erp-with-ai\/\" target=\"_blank\" rel=\"noopener\">ERP with AI<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7dc75cf elementor-widget elementor-widget-html\" data-id=\"7dc75cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<section id=\"ai-retail-hero\" class=\"hero\">\r\n <div class=\"hero__inner\">\r\n \r\n <div class=\"hero__left\">\r\n <p class=\"eyebrow\">Aiingo \/\/ AI in Retail<\/p>\r\n\r\n <h1 class=\"headline\">\r\n <span class=\"headline__static\">Smarter Stores. <\/span>\r\n <span class=\"headline__type\" aria-live=\"polite\" aria-atomic=\"true\"><\/span>\r\n <span class=\"headline__caret\" aria-hidden=\"true\"><\/span>\r\n <\/h1>\r\n\r\n <p class=\"subcopy\">\r\n Personalize offers, automate journeys, and turn traffic into predictable revenue.\r\n <\/p>\r\n\r\n <div class=\"cta-row\">\r\n \r\n <a class=\"btn btn--ghost\" href=\"https:\/\/wa.me\/00971551794900\" target=\"_blank\" rel=\"noopener\">\r\n WhatsApp: 00971 55 179 4900\r\n <\/a>\r\n <\/div>\r\n\r\n <ul class=\"trust\">\r\n <li><span class=\"dot\"><\/span> Real-time offers<\/li>\r\n <li><span class=\"dot\"><\/span> Omnichannel<\/li>\r\n <li><span class=\"dot\"><\/span> No code<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n\r\n<style>\r\n :root{\r\n --bg:#0b0f14; --panel:#0f1520; --border:#1b2533;\r\n --text:#e6eefb; --muted:#a9b4c8; --accent:#5dd6ff;\r\n --shadow:0 8px 24px rgba(0,0,0,.4); --r:16px;\r\n }\r\n *{box-sizing:border-box}\r\n .hero{\r\n background:\r\n radial-gradient(900px 420px at 12% -8%, #0ea5e91f, transparent 60%),\r\n radial-gradient(700px 380px at 95% 0%, #22d3ee17, transparent 60%),\r\n linear-gradient(180deg, var(--bg), #0c1118);\r\n color:var(--text); padding:clamp(24px,5vw,48px) 16px; border:1px solid #0e1420; border-radius:20px;\r\n }\r\n .hero__inner{\r\n max-width:1100px; margin:0 auto; display:grid; gap:20px; grid-template-columns:1fr;\r\n }\r\n @media (min-width: 860px){\r\n .hero__inner{ grid-template-columns: 1.1fr .9fr; align-items:center; gap:24px; }\r\n }\r\n\r\n .eyebrow{ font-size:.8rem; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); margin:0 0 8px }\r\n .headline{ font-size:clamp(28px,6vw,52px); line-height:1.05; margin:0 0 10px; font-weight:800 }\r\n .headline__type{ color:var(--accent); white-space:nowrap }\r\n .headline__caret{ display:inline-block; width:.08em; background:var(--accent); margin-left:3px; translate:0 .08em; animation:blink 1s steps(1,end) infinite }\r\n @keyframes blink { 50%{opacity:0} }\r\n\r\n .subcopy{ color:var(--muted); font-size:clamp(14px,2.6vw,17px); margin:8px 0 14px }\r\n .cta-row{ display:flex; flex-wrap:wrap; gap:8px }\r\n .btn{ display:inline-flex; align-items:center; justify-content:center; padding:10px 14px; border-radius:12px; text-decoration:none; font-weight:700; border:1px solid var(--border); box-shadow:var(--shadow); transition:transform .14s ease }\r\n .btn--primary{ background:linear-gradient(135deg,var(--accent),#8ee8ff); color:#041018; border-color:transparent }\r\n .btn--ghost{ background:transparent; color:var(--text) }\r\n .btn:hover{ transform:translateY(-1px) }\r\n\r\n .trust{ display:flex; gap:10px; flex-wrap:wrap; margin:12px 0 0; padding:0; list-style:none; color:#c9d4e8; font-size:.9rem }\r\n .dot{ width:7px; height:7px; border-radius:50%; display:inline-block; background:#6ee7b7; margin-right:8px; box-shadow:0 0 10px #6ee7b766 }\r\n\r\n \/* RIGHT MINIMAL *\/\r\n .hero__right{ display:grid }\r\n .card{\r\n display:grid; grid-template-columns: 1fr; gap:0;\r\n background:linear-gradient(180deg,#0f1520,#101826); border:1px solid var(--border);\r\n border-radius:var(--r); overflow:hidden; box-shadow:var(--shadow)\r\n }\r\n .thumb{\r\n min-height:140px;\r\n background:\r\n radial-gradient(120px 120px at 20% 40%, #5dd6ff33, transparent 70%),\r\n radial-gradient(140px 140px at 80% 30%, #22d3ee29, transparent 70%),\r\n linear-gradient(180deg,#0e1522,#0c1320);\r\n }\r\n .card__body{ padding:14px }\r\n .card__title{ margin:0 0 8px; font-size:1.05rem }\r\n .bullets{ margin:0 0 12px; padding-left:18px; color:#c8d5ea; font-size:.95rem }\r\n .mini-cta{\r\n background:#0fa4d3; color:#041017; font-weight:800; border:0; border-radius:10px; padding:10px 12px; cursor:pointer;\r\n }\r\n\r\n \/* Compact tweaks for very small screens *\/\r\n @media (max-width:360px){\r\n .btn{ padding:9px 12px; font-size:.95rem }\r\n .subcopy{ font-size:.92rem }\r\n }\r\n\r\n \/* Reduced motion *\/\r\n @media (prefers-reduced-motion: reduce){\r\n .headline__caret{ animation:none }\r\n .btn{ transition:none }\r\n }\r\n<\/style>\r\n\r\n<script>\r\n \/\/ Typewriter (simple + accessible)\r\n (function(){\r\n const el = document.querySelector('.headline__type');\r\n const caret = document.querySelector('.headline__caret');\r\n if(!el) return;\r\n\r\n const phrases = [\r\n \"AI that sells while you sleep\",\r\n \"Personalized offers, in real-time\",\r\n \"From guesswork to growth\"\r\n ];\r\n const speed = { type: 42, back: 28, hold: 1200, gap: 320 };\r\n let txt=\"\", mode=\"type\", i=0, wait=380;\r\n\r\n const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n if(prefersReduced){\r\n el.textContent = phrases[0]; caret.style.display = 'none'; return;\r\n }\r\n\r\n function tick(){\r\n if(wait>0){ wait-=16; return requestAnimationFrame(tick); }\r\n const target = phrases[i];\r\n\r\n if(mode===\"type\"){\r\n txt = target.slice(0, txt.length+1); el.textContent = txt;\r\n if(txt===target){ mode=\"hold\"; wait=speed.hold; }\r\n else { wait = speed.type; }\r\n }else if(mode===\"hold\"){\r\n mode=\"back\"; wait = speed.gap;\r\n }else{ \/\/ back\r\n txt = txt.slice(0,-1); el.textContent = txt;\r\n if(!txt.length){ mode=\"type\"; i=(i+1)%phrases.length; wait=speed.type; }\r\n else { wait=speed.back; }\r\n }\r\n requestAnimationFrame(tick);\r\n }\r\n requestAnimationFrame(tick);\r\n })();\r\n\r\n \/\/ Demo button placeholder\r\n document.getElementById('open-demo')?.addEventListener('click', () => {\r\n alert(\"Quick demo would open here (replace with your modal\/route).\");\r\n });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1318e5 elementor-widget elementor-widget-html\" data-id=\"d1318e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!doctype html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"utf-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n <title>Traditional vs AI\u2011Retail Marketing \u2014 10\u2011Minute Deep Dive | Aiingo<\/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=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root{\r\n --bg:#070b14;\r\n --panel:#0b1220;\r\n --soft:#0f172a;\r\n --muted:#9fb0cc;\r\n --text:#e7eefb;\r\n --brand:#7c3aed;\r\n --brand2:#06b6d4;\r\n --ok:#22c55e; --warn:#f59e0b; --danger:#ef4444;\r\n --br:18px; --shadow:0 14px 40px rgba(0,0,0,.35);\r\n --gap:16px; --maxw:1160px;\r\n }\r\n *{box-sizing:border-box}\r\n html,body{height:100%}\r\n body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:\r\n radial-gradient(900px 600px at 10% -10%, #1a1440 0, transparent 60%),\r\n radial-gradient(900px 600px at 110% -10%, #032a3a 0, transparent 55%),\r\n var(--bg);color:var(--text);line-height:1.55}\r\n a{color:#8deaff;text-decoration:none}\r\n .wrap{max-width:var(--maxw);margin:0 auto;padding:24px 14px 90px}\r\n\r\n \/* Hero *\/\r\n .hero{position:relative;background:linear-gradient(135deg,#080e1c,#0f1730 45%,#0a2434);border:1px solid #1f2a40;border-radius:var(--br);padding:26px 18px;box-shadow:var(--shadow);overflow:hidden}\r\n .hero h1{font-size:clamp(26px,6.2vw,52px);line-height:1.1;margin:8px 0;background:linear-gradient(90deg,var(--brand),var(--brand2));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:900}\r\n .hero p{color:var(--muted);font-size:clamp(14px,2.6vw,18px)}\r\n .btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:white;border:0;border-radius:14px;padding:12px 16px;font-weight:800;letter-spacing:.2px;cursor:pointer;box-shadow:0 10px 30px #7c3aed44;transition:.25s transform,.25s filter}\r\n .btn:hover{transform:translateY(-1px);filter:saturate(1.05)}\r\n .btn.secondary{background:#0b2231;border:1px solid #21435a;box-shadow:none;color:#cfe8ff}\r\n .hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}\r\n\r\n \/* Cards & layout *\/\r\n .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap)}\r\n .card{grid-column:span 12;background:var(--panel);border:1px solid #1e2a42;border-radius:var(--br);padding:16px;box-shadow:var(--shadow)}\r\n @media(min-width:860px){.col-6{grid-column:span 6}.col-4{grid-column:span 4}.col-8{grid-column:span 8}}\r\n\r\n h2{font-size:clamp(20px,4.2vw,30px);margin:0 0 10px;color:#d7e2ff}\r\n h3{margin:0 0 10px;color:#e5e7ff}\r\n p{margin:0 0 12px;color:var(--muted)}\r\n\r\n \/* ROI Calculator *\/\r\n .calc{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}\r\n .field{grid-column:span 12;background:#081326;border:1px solid #1a2d49;border-radius:12px;padding:10px}\r\n .field label{display:block;font-size:12px;letter-spacing:.3px;color:#a5b4fc;margin:0 0 6px}\r\n .field input,.field select{width:100%;background:#071226;border:1px solid #283a5c;color:#e8f0ff;border-radius:10px;padding:11px 10px;outline:none}\r\n .field input:focus{box-shadow:0 0 0 8px #7c3aed22;border-color:#4f46e5}\r\n .result{grid-column:span 12;background:linear-gradient(135deg,#0a2a35,#0f1a3a);border:1px solid #203a58;border-radius:12px;padding:14px}\r\n .mini{font-size:12px;color:#90a3c4}\r\n\r\n \/* Compare table (mobile-optimized) *\/\r\n .compare table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:12px;border:1px solid #22304b}\r\n .compare thead th{background:#0d1a32;color:#c8d4ff;padding:12px;text-transform:uppercase;font-size:12px;letter-spacing:.4px;text-align:left}\r\n .compare tbody td{padding:12px;border-top:1px solid #1e2b48}\r\n .tag{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:800}\r\n .tag.good{background:#082c24;color:#bbf7d0;border:1px solid #14532d}\r\n .tag.bad{background:#3b1d1d;color:#fecaca;border:1px solid #7f1d1d}\r\n .lbl{display:none;font-weight:700;color:#9fb0ff;margin-right:8px}\r\n @media(max-width:640px){\r\n .compare thead{display:none}\r\n .compare tbody tr{display:grid;grid-template-columns:1fr;gap:10px;border-bottom:1px solid #1e2b48;padding:10px 8px}\r\n .compare tbody td{display:flex;justify-content:space-between;align-items:flex-start;background:#0a1428;border:1px solid #1c2a44;border-radius:10px}\r\n .compare tbody td:first-child{background:#0b1730}\r\n .lbl{display:inline}\r\n }\r\n\r\n \/* KPI summary table *\/\r\n .kpi-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #22304b;border-radius:12px;overflow:hidden}\r\n .kpi-table th,.kpi-table td{padding:10px 12px;border-top:1px solid #1e2b48}\r\n .kpi-table th{background:#0d1a32;color:#c8d4ff;text-align:left;font-size:12px;text-transform:uppercase}\r\n .kpi-table tr:first-child td{border-top:0}\r\n @media(max-width:640px){\r\n .kpi-table{display:block}\r\n .kpi-table thead{display:none}\r\n .kpi-table tbody{display:grid;gap:10px;padding:8px}\r\n .kpi-table tr{display:grid;background:#0a1428;border:1px solid #1c2a44;border-radius:10px;padding:8px}\r\n .kpi-row{display:grid;grid-template-columns:1fr auto;gap:6px}\r\n .kpi-label{color:#9fb0ff;font-weight:700}\r\n }\r\n\r\n \/* Demo cards *\/\r\n .demo-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}\r\n .demo{grid-column:span 12;background:#0a1326;border:1px solid #1e2b48;border-radius:14px;padding:14px}\r\n .demo header{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}\r\n .demo pre{background:#070f20;border:1px solid #1c2a44;border-radius:10px;padding:12px;overflow:auto;color:#cfe1ff;max-height:240px}\r\n .demo .actions{display:flex;gap:8px;flex-wrap:wrap}\r\n\r\n \/* Agent simulator *\/\r\n .agent{display:grid;grid-template-rows:auto 1fr auto;background:#081327;border:1px solid #1f2b47;border-radius:14px;height:360px}\r\n .agent header{padding:10px 12px;border-bottom:1px solid #1f2b47;display:flex;align-items:center;gap:8px}\r\n .dot{width:8px;height:8px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 6px #22c55e22}\r\n .log{padding:12px;overflow:auto}\r\n .msg{max-width:82%;padding:10px 12px;border-radius:12px;margin:6px 0}\r\n .msg.ai{background:#0b1a37;border:1px solid #1d3157}\r\n .msg.user{background:#112a25;border:1px solid #1f513f;margin-left:auto}\r\n .agent .input{display:flex;gap:8px;padding:10px;border-top:1px solid #1f2b47}\r\n .agent input{flex:1;border-radius:10px;border:1px solid #213357;background:#071226;color:#e7eefb;padding:10px}\r\n .agent button{border-radius:10px;border:1px solid #21435a;background:#0b2231;color:#cfe8ff;padding:10px 12px}\r\n\r\n \/* Sticky Call CTA *\/\r\n .sticky{position:fixed;left:0;right:0;bottom:0;background:linear-gradient(90deg,#0d1a32,#071226);border-top:1px solid #1d2a44;display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 12px;z-index:50}\r\n .sticky .tel{display:flex;align-items:center;gap:10px}\r\n .sticky a{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;padding:10px 14px;border-radius:12px;font-weight:800}\r\n\r\n footer{margin-top:32px;text-align:center;color:#9db0cf;font-size:13px}\r\n footer a{color:#87e8ff;font-weight:700}\r\n\r\n @media(min-width:860px){.hero{padding:28px 24px}.demo-grid .demo{grid-column:span 6}}\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"wrap\" id=\"app\">\r\n <section class=\"hero\">\r\n <h1>AI Retail \u2014 Traditional vs AI\u2011Retail Marketing (Advanced Breakdown)<\/h1>\r\n <p>Mobile\u2011first, dark theme guide with an <strong>advanced ROI calculator<\/strong>, live <strong>n8n automation demos<\/strong>, and a <strong>call\u2011agent simulator<\/strong> to help you visualize the shift from manual ops to intelligent retail systems.<\/p>\r\n <div class=\"hero-cta\">\r\n <button class=\"btn\" onclick=\"window.print()\">Download \/ Print<\/button>\r\n <a class=\"btn secondary\" href=\"https:\/\/aiingo.com\" target=\"_blank\">Visit Aiingo.com<\/a>\r\n \r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"card compare\" style=\"margin-top:16px\">\r\n <h2>AI Retail \u2014 Side\u2011by\u2011Side: Cost \u2022 Time \u2022 ROI<\/h2>\r\n <table>\r\n <thead><tr><th>Dimension<\/th><th>Traditional<\/th><th>AI\u2011Retail<\/th><\/tr><\/thead>\r\n <tbody>\r\n <tr>\r\n <td>Launch Speed<\/td>\r\n <td><span class=\"lbl\">Traditional<\/span> 3\u20136 weeks <span class=\"tag bad\">Slow<\/span><\/td>\r\n <td><span class=\"lbl\">AI\u2011Retail<\/span> 24\u201372h <span class=\"tag good\">Fast<\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Creative Testing<\/td>\r\n <td><span class=\"lbl\">Traditional<\/span> Manual A\/B (weekly)<\/td>\r\n <td><span class=\"lbl\">AI\u2011Retail<\/span> Auto multivariate (hourly)<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Data Latency<\/td>\r\n <td><span class=\"lbl\">Traditional<\/span> 24\u201372h<\/td>\r\n <td><span class=\"lbl\">AI\u2011Retail<\/span> Real\u2011time<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Team Hours \/ Week<\/td>\r\n <td><span class=\"lbl\">Traditional<\/span> 25\u201340h<\/td>\r\n <td><span class=\"lbl\">AI\u2011Retail<\/span> 6\u201312h<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Average ROAS<\/td>\r\n <td><span class=\"lbl\">Traditional<\/span> 1.8\u20132.5\u00d7<\/td>\r\n <td><span class=\"lbl\">AI\u2011Retail<\/span> 2.8\u20134.5\u00d7<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Personalization<\/td>\r\n <td><span class=\"lbl\">Traditional<\/span> Static rules<\/td>\r\n <td><span class=\"lbl\">AI\u2011Retail<\/span> Per\u2011user, live<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <p class=\"mini\" style=\"margin-top:8px\">Benchmarks are directional; use the calculator below with your numbers.<\/p>\r\n <\/section>\r\n\r\n \r\n <section class=\"card\" id=\"roi\">\r\n <h2>AI Retail \u2014 Advanced ROI Calculator<\/h2>\r\n <p>Estimate incremental <strong>revenue<\/strong>, <strong>ops savings<\/strong>, and <strong>payback<\/strong> by switching to AI\u2011Retail workflows. All numbers are private to your device.<\/p>\r\n\r\n <div class=\"calc\" aria-label=\"ROI Calculator\">\r\n \r\n <div class=\"field col-6\"><label>Monthly Ad Spend (AED)<\/label><input type=\"number\" id=\"spend\" value=\"30000\" min=\"0\" step=\"500\"><\/div>\r\n <div class=\"field col-3\"><label>Current ROAS (Traditional)<\/label><input type=\"number\" id=\"roasNow\" value=\"2.2\" min=\"0\" step=\"0.1\"><\/div>\r\n <div class=\"field col-3\"><label>Projected ROAS (AI)<\/label><input type=\"number\" id=\"roasAI\" value=\"3.5\" min=\"0\" step=\"0.1\"><\/div>\r\n\r\n \r\n <div class=\"field col-3\"><label>Monthly Site Sessions<\/label><input type=\"number\" id=\"sessions\" value=\"40000\"><\/div>\r\n <div class=\"field col-3\"><label>Current Conv. Rate (%)<\/label><input type=\"number\" id=\"crNow\" value=\"1.4\" step=\"0.1\"><\/div>\r\n <div class=\"field col-3\"><label>AI Conv. Rate (%)<\/label><input type=\"number\" id=\"crAI\" value=\"2.1\" step=\"0.1\"><\/div>\r\n <div class=\"field col-3\"><label>Avg Order Value (AED)<\/label><input type=\"number\" id=\"aov\" value=\"220\"><\/div>\r\n\r\n \r\n <div class=\"field col-3\"><label>Store Walk\u2011ins \/ Month<\/label><input type=\"number\" id=\"walkins\" value=\"1200\"><\/div>\r\n <div class=\"field col-3\"><label>In\u2011Store Conv. Now (%)<\/label><input type=\"number\" id=\"storeCrNow\" value=\"18\" step=\"0.1\"><\/div>\r\n <div class=\"field col-3\"><label>In\u2011Store Conv. AI (%)<\/label><input type=\"number\" id=\"storeCrAI\" value=\"22\" step=\"0.1\"><\/div>\r\n <div class=\"field col-3\"><label>Avg Ticket In\u2011Store (AED)<\/label><input type=\"number\" id=\"storeAov\" value=\"260\"><\/div>\r\n\r\n \r\n <div class=\"field col-3\"><label>Team Cost \/ Hour (AED)<\/label><input type=\"number\" id=\"costHour\" value=\"120\" step=\"10\"><\/div>\r\n <div class=\"field col-3\"><label>Team Hours \/ Week \u2014 Trad<\/label><input type=\"number\" id=\"hrsTrad\" value=\"30\"><\/div>\r\n <div class=\"field col-3\"><label>Team Hours \/ Week \u2014 AI<\/label><input type=\"number\" id=\"hrsAI\" value=\"10\"><\/div>\r\n <div class=\"field col-3\"><label>Implementation Cost (one\u2011time AED)<\/label><input type=\"number\" id=\"implCost\" value=\"15000\" step=\"500\"><\/div>\r\n\r\n <div class=\"result col-12\">\r\n <h3>AI Retail \u2014 Estimated Impact<\/h3>\r\n <div id=\"impact\" class=\"mini\">\u2014<\/div>\r\n <div id=\"viz\" style=\"margin-top:10px;display:grid;gap:8px\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div style=\"grid-column:span 12\">\r\n <h3>AI Retail \u2014 KPI Summary (Auto\u2011filled)<\/h3>\r\n <table class=\"kpi-table\" id=\"kpiTable\">\r\n <thead><tr><th>Metric<\/th><th>Value<\/th><\/tr><\/thead>\r\n <tbody>\r\n <tr class=\"kpi-row\"><td class=\"kpi-label\">Incremental Ad Revenue<\/td><td id=\"kpiAds\">\u2014<\/td><\/tr>\r\n <tr class=\"kpi-row\"><td class=\"kpi-label\">E\u2011commerce Uplift<\/td><td id=\"kpiEcom\">\u2014<\/td><\/tr>\r\n <tr class=\"kpi-row\"><td class=\"kpi-label\">In\u2011Store Uplift<\/td><td id=\"kpiStore\">\u2014<\/td><\/tr>\r\n <tr class=\"kpi-row\"><td class=\"kpi-label\">Ops Savings \/ Month<\/td><td id=\"kpiOps\">\u2014<\/td><\/tr>\r\n <tr class=\"kpi-row\"><td class=\"kpi-label\">Total Monthly Impact<\/td><td id=\"kpiTotal\">\u2014<\/td><\/tr>\r\n <tr class=\"kpi-row\"><td class=\"kpi-label\">Payback (months)<\/td><td id=\"kpiPayback\">\u2014<\/td><\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n <div style=\"grid-column:span 12;display:flex;gap:8px;flex-wrap:wrap\">\r\n <button class=\"btn\" id=\"recalc\">Recalculate<\/button>\r\n <button class=\"btn secondary\" id=\"presetSME\">Preset: SME Boutique<\/button>\r\n <button class=\"btn secondary\" id=\"presetChain\">Preset: Multi\u2011Store Chain<\/button>\r\n <button class=\"btn secondary\" id=\"presetGrocery\">Preset: Grocery \/ High Volume<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"card\">\r\n <h2>AI Retail \u2014 n8n Automation Demos<\/h2>\r\n <p>Tap **View Flow** to preview a simplified flow and understand the moving parts. Buttons are stubs \u2014 wire them to your instance.<\/p>\r\n <div class=\"demo-grid\">\r\n <div class=\"demo\">\r\n <header>\r\n <h3>AI Retail \u2014 Smart Ad Creative Loop (Meta\/Google) \u2192 ROAS Optimizer<\/h3>\r\n <div class=\"actions\">\r\n <button class=\"btn secondary\" onclick=\"toggleFlow('flow1')\">View Flow<\/button>\r\n <button class=\"btn\" onclick=\"alert('Hook to n8n webhook: \/webhook\/ad-loop-demo')\">Run Demo<\/button>\r\n <\/div>\r\n <\/header>\r\n <pre id=\"flow1\" style=\"display:none\">{\r\n \"trigger\": \"hourly\",\r\n \"nodes\": [\r\n {\"Meta Insights\": {\"metrics\": [\"spend\",\"roas\",\"cpa\",\"ctr\"]}},\r\n {\"OpenAI\": \"summarize performance & propose 3 new variants\"},\r\n {\"Creative Generator\": \"render headlines & images\"},\r\n {\"Meta\/Google\": \"create experiments with budget guardrails\"},\r\n {\"GSheet\": \"append change log & results\"}\r\n ],\r\n \"controls\": {\"min_roas\": 2.5, \"max_cpa\": 30}\r\n}<\/pre>\r\n <\/div>\r\n <div class=\"demo\">\r\n <header>\r\n <h3>AI Retail \u2014 WhatsApp Cart Recovery + Coupon (Brevo\/WA Cloud)<\/h3>\r\n <div class=\"actions\">\r\n <button class=\"btn secondary\" onclick=\"toggleFlow('flow2')\">View Flow<\/button>\r\n <button class=\"btn\" onclick=\"alert('Hook to n8n webhook: \/webhook\/wa-recovery-demo')\">Run Demo<\/button>\r\n <\/div>\r\n <\/header>\r\n <pre id=\"flow2\" style=\"display:none\">{\r\n \"trigger\": \"abandoned_cart\",\r\n \"nodes\": [\r\n {\"GSheet\": \"fetch cart details\"},\r\n {\"OpenAI\": \"draft empathetic WA message with product highlights\"},\r\n {\"WA Cloud\": \"send template + deep link to checkout\"},\r\n {\"Timer\": \"24h\"},\r\n {\"WA Cloud\": \"send limited-time coupon if no purchase\"}\r\n ],\r\n \"tracking\": {\"utm_source\": \"wa-recovery\", \"coupon\": \"AIINGO10\"}\r\n}<\/pre>\r\n <\/div>\r\n <div class=\"demo\">\r\n <header>\r\n <h3>AI Retail \u2014 Price & Inventory Sync (ERPNext \u2194 Shopify \/ Woo)<\/h3>\r\n <div class=\"actions\">\r\n <button class=\"btn secondary\" onclick=\"toggleFlow('flow3')\">View Flow<\/button>\r\n <button class=\"btn\" onclick=\"alert('Hook to n8n webhook: \/webhook\/price-sync-demo')\">Run Demo<\/button>\r\n <\/div>\r\n <\/header>\r\n <pre id=\"flow3\" style=\"display:none\">{\r\n \"trigger\": \"webhook: erp.item_update\",\r\n \"nodes\": [\r\n {\"ERPNext\": \"get updated SKU, price, stock\"},\r\n {\"Rule\": \"if stock < threshold \u2192 pause ads\"},\r\n {\"Shopify\/Woo\": \"update price & inventory\"},\r\n {\"Slack\/Email\": \"notify merch team\"}\r\n ],\r\n \"failover\": {\"retry\": 3, \"alert\": \"on-call\"}\r\n}<\/pre>\r\n <\/div>\r\n <div class=\"demo\">\r\n <header>\r\n <h3>AI Retail \u2014 Review Intelligence \u2192 GSheet \u2192 Insights Deck<\/h3>\r\n <div class=\"actions\">\r\n <button class=\"btn secondary\" onclick=\"toggleFlow('flow4')\">View Flow<\/button>\r\n <button class=\"btn\" onclick=\"alert('Hook to n8n webhook: \/webhook\/review-intel-demo')\">Run Demo<\/button>\r\n <\/div>\r\n <\/header>\r\n <pre id=\"flow4\" style=\"display:none\">{\r\n \"trigger\": \"nightly\",\r\n \"nodes\": [\r\n {\"Play\/Google\": \"fetch new reviews\"},\r\n {\"Sentiment\": \"score & cluster themes\"},\r\n {\"OpenAI\": \"summarize issues & propose fixes\"},\r\n {\"Slides\/Canva\": \"render a weekly insights deck\"}\r\n ]\r\n}<\/pre>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"card\">\r\n <h2>AI Retail \u2014 Call\u2011Agent Demo (Simulated)<\/h2>\r\n <p>This lightweight simulator shows how an AI agent could triage a retail owner\u2019s request before routing to a human. Replace stubs with your own LLM + telephony.<\/p>\r\n <div class=\"agent\" role=\"region\" aria-label=\"Call agent demo chat\">\r\n <header><span class=\"dot\"><\/span><strong>Aiingo Retail Agent<\/strong><span class=\"mini\" style=\"margin-left:auto\">Status: Online<\/span><\/header>\r\n <div class=\"log\" id=\"chatLog\">\r\n <div class=\"msg ai\">\ud83d\udc4b Hi! I can estimate your AI impact in 30 seconds. What\u2019s your monthly ad spend?<\/div>\r\n <div class=\"msg user\">We spend ~AED 30,000. Low repeat purchases.<\/div>\r\n <div class=\"msg ai\">Got it. With AI creative testing and WhatsApp flows, you could add ~AED 60\u2013120k\/month in incremental revenue. Want a quick audit?<\/div>\r\n <\/div>\r\n <div class=\"input\">\r\n <input id=\"chatInput\" placeholder=\"Type a message (simulated)\">\r\n <button onclick=\"agentReply()\">Send<\/button>\r\n <\/div>\r\n <\/div>\r\n <p class=\"mini\" style=\"margin-top:8px\">Live version: connect to WA Cloud \/ Twilio Voice + n8n + your LLM endpoint.<\/p>\r\n <\/section>\r\n <\/div>\r\n\r\n \r\n <div class=\"sticky\">\r\n <div class=\"tel\"><strong>Talk to an expert:<\/strong> <span>971 55 179 4900<\/span><\/div>\r\n <div style=\"display:flex;gap:8px;flex-wrap:wrap\">\r\n <a href=\"tel:+971551794900\" aria-label=\"Call Aiingo\">Call Now<\/a>\r\n <a href=\"https:\/\/wa.me\/971551794900\" target=\"_blank\" aria-label=\"WhatsApp Aiingo\" rel=\"noopener\">WhatsApp<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <footer>\r\n \u00a9 <span id=\"year\"><\/span> <a href=\"https:\/\/aiingo.com\" target=\"_blank\">Aiingo<\/a> \u2022 <a href=\"https:\/\/onshope.com\" target=\"_blank\" rel=\"noopener\">Onshope<\/a>\r\n <\/footer>\r\n\r\n <script>\r\n const $ = (id)=>document.getElementById(id);\r\n const money = (v)=> new Intl.NumberFormat('en-AE',{style:'currency',currency:'AED',maximumFractionDigits:0}).format(v);\r\n\r\n function calc(){\r\n const spend = +$('spend').value||0;\r\n const roasNow = +$('roasNow').value||0;\r\n const roasAI = +$('roasAI').value||0;\r\n const sessions = +$('sessions').value||0;\r\n const crNow = (+$('crNow').value||0)\/100;\r\n const crAI = (+$('crAI').value||0)\/100;\r\n const aov = +$('aov').value||0;\r\n const walkins = +$('walkins').value||0;\r\n const storeCrNow = (+$('storeCrNow').value||0)\/100;\r\n const storeCrAI = (+$('storeCrAI').value||0)\/100;\r\n const storeAov = +$('storeAov').value||0;\r\n const costHour = +$('costHour').value||0;\r\n const hrsTrad = +$('hrsTrad').value||0;\r\n const hrsAI = +$('hrsAI').value||0;\r\n const implCost = +$('implCost').value||0;\r\n\r\n const revTradAds = spend * roasNow;\r\n const revAIAds = spend * roasAI;\r\n const incrAds = Math.max(0, revAIAds - revTradAds);\r\n\r\n const ordersNow = sessions * crNow;\r\n const ordersAI = sessions * crAI;\r\n const incrEcom = Math.max(0, (ordersAI - ordersNow) * aov);\r\n\r\n const storeNow = walkins * storeCrNow * storeAov;\r\n const storeAI = walkins * storeCrAI * storeAov;\r\n const incrStore = Math.max(0, storeAI - storeNow);\r\n\r\n const weeklySave = Math.max(0, hrsTrad - hrsAI);\r\n const opsSave = weeklySave * 4.3 * costHour;\r\n\r\n const totalMonthlyImpact = incrAds + incrEcom + incrStore + opsSave;\r\n const paybackMonths = totalMonthlyImpact>0 ? (implCost \/ totalMonthlyImpact) : Infinity;\r\n\r\n $('impact').innerHTML = `\r\n <ul style=\"margin:0; padding-left:18px; display:grid; gap:6px\">\r\n <li><strong>Incremental Ad Revenue:<\/strong> ${money(incrAds)}<\/li>\r\n <li><strong>E\u2011commerce Uplift (CR):<\/strong> ${money(incrEcom)}<\/li>\r\n <li><strong>In\u2011Store Uplift:<\/strong> ${money(incrStore)}<\/li>\r\n <li><strong>Ops Savings \/ month:<\/strong> ${money(opsSave)} <span class=\"mini\">(${weeklySave.toFixed(0)}h\/week)<\/span><\/li>\r\n <li><strong>Total Monthly Impact:<\/strong> <span style=\"color:#86efac\">${money(totalMonthlyImpact)}<\/span><\/li>\r\n <li><strong>Payback Period:<\/strong> ${isFinite(paybackMonths)?paybackMonths.toFixed(1):'\u2014'} months<\/li>\r\n <\/ul>`;\r\n\r\n \/\/ Vis bars\r\n const bars = [\r\n {label:'Ads', val:incrAds},\r\n {label:'E\u2011com', val:incrEcom},\r\n {label:'Store', val:incrStore},\r\n {label:'Ops', val:opsSave}\r\n ];\r\n const max = Math.max(1, ...bars.map(b=>b.val));\r\n $('viz').innerHTML = bars.map(b=>{\r\n const w = Math.max(2, (b.val\/max)*100);\r\n return `<div style=\\\"display:flex;align-items:center;gap:10px\\\">\r\n <div style=\\\"width:70px\\\" class=\\\"mini\\\">${b.label}<\/div>\r\n <div style=\\\"flex:1;background:#0a152c;border:1px solid #213154;border-radius:10px;overflow:hidden\\\">\r\n <div style=\\\"width:${w}%;background:linear-gradient(90deg,var(--brand),var(--brand2));height:14px\\\"><\/div>\r\n <\/div>\r\n <div style=\\\"width:110px;text-align:right\\\" class=\\\"mini\\\">${money(b.val)}<\/div>\r\n <\/div>`\r\n }).join('');\r\n\r\n \/\/ Update KPI table\r\n $('kpiAds').textContent = money(incrAds);\r\n $('kpiEcom').textContent = money(incrEcom);\r\n $('kpiStore').textContent = money(incrStore);\r\n $('kpiOps').textContent = money(opsSave);\r\n $('kpiTotal').textContent = money(totalMonthlyImpact);\r\n $('kpiPayback').textContent = isFinite(paybackMonths)?paybackMonths.toFixed(1):'\u2014';\r\n }\r\n\r\n \/\/ Presets\r\n $('recalc').addEventListener('click', calc);\r\n $('presetSME').addEventListener('click', ()=>{\r\n $('spend').value=15000; $('roasNow').value=2.0; $('roasAI').value=3.2;\r\n $('sessions').value=15000; $('crNow').value=1.2; $('crAI').value=1.9; $('aov').value=180;\r\n $('walkins').value=600; $('storeCrNow').value=15; $('storeCrAI').value=19; $('storeAov').value=220;\r\n $('costHour').value=90; $('hrsTrad').value=22; $('hrsAI').value=8; $('implCost').value=9000; calc();\r\n });\r\n $('presetChain').addEventListener('click', ()=>{\r\n $('spend').value=100000; $('roasNow').value=2.3; $('roasAI').value=4.0;\r\n $('sessions').value=120000; $('crNow').value=1.6; $('crAI').value=2.4; $('aov').value=230;\r\n $('walkins').value=5000; $('storeCrNow').value=17; $('storeCrAI').value=22; $('storeAov').value=250;\r\n $('costHour').value=140; $('hrsTrad').value=40; $('hrsAI').value=12; $('implCost').value=35000; calc();\r\n });\r\n $('presetGrocery').addEventListener('click', ()=>{\r\n $('spend').value=60000; $('roasNow').value=2.0; $('roasAI').value=3.0;\r\n $('sessions').value=250000; $('crNow').value=1.1; $('crAI').value=1.6; $('aov').value=75;\r\n $('walkins').value=12000; $('storeCrNow').value=22; $('storeCrAI').value=25; $('storeAov').value=95;\r\n $('costHour').value=100; $('hrsTrad').value=34; $('hrsAI').value=14; $('implCost').value=18000; calc();\r\n });\r\n\r\n function toggleFlow(id){ const el = $(id); if(!el) return; el.style.display = (el.style.display==='none'||!el.style.display)?'block':'none'; }\r\n\r\n function agentReply(){\r\n const input = $('chatInput'); const log = $('chatLog');\r\n const text = (input.value||'').trim(); if(!text) return;\r\n addMsg('user', text); input.value='';\r\n setTimeout(()=>{ addMsg('ai', pickAgentReply(text)); }, 500);\r\n }\r\n function addMsg(role, text){\r\n const div = document.createElement('div'); div.className = 'msg ' + (role==='ai'?'ai':'user'); div.textContent = text; $('chatLog').appendChild(div); $('chatLog').scrollTop = $('chatLog').scrollHeight;\r\n }\r\n function pickAgentReply(t){\r\n t=t.toLowerCase();\r\n if(t.includes('budget')||t.includes('spend')) return 'Set your monthly spend in the calculator above \u2014 I will estimate your payback instantly.';\r\n if(t.includes('demo')||t.includes('flow')) return 'Open any n8n demo and click \u201cRun Demo\u201d. We can wire it to your stack in a day.';\r\n if(t.includes('call')||t.includes('number')) return 'You can call us at 971 55 179 4900 or hit the Call button below.';\r\n return 'We typically start with an AI Readiness Audit and a 2\u2011week pilot. Want me to queue that?';\r\n }\r\n\r\n document.addEventListener('DOMContentLoaded',()=>{ calc(); document.getElementById('year').textContent=new Date().getFullYear(); });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-77904b6 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"77904b6\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3964b43\" data-id=\"3964b43\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f5b07e0 elementor-widget elementor-widget-html\" data-id=\"f5b07e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Aiingo Footer<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n footer {\r\n background: #fff;\r\n color: #000;\r\n padding: 2.5rem 5% 1.5rem;\r\n text-align: center;\r\n font-family: Inter, sans-serif;\r\n }\r\n\r\n \/* Links Section *\/\r\n .footer-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 1.2rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n .footer-links a {\r\n color: #000;\r\n text-decoration: none;\r\n font-weight: 500;\r\n font-size: 0.95rem;\r\n position: relative;\r\n transition: color 0.3s ease;\r\n }\r\n .footer-links a::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: -4px;\r\n left: 0;\r\n width: 0%;\r\n height: 2px;\r\n background: #000;\r\n transition: width 0.3s ease;\r\n }\r\n .footer-links a:hover { color: #111; }\r\n .footer-links a:hover::after { width: 100%; }\r\n\r\n \/* Social Row: now supports logo + icons *\/\r\n .footer-social {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 1rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n \/* Logo link (not circular) *\/\r\n .brand-link {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 6px 10px;\r\n border-radius: 10px;\r\n transition: transform .25s ease, filter .25s ease;\r\n }\r\n .brand-link:hover { transform: translateY(-2px); }\r\n .brand-link img {\r\n height: 38px; \/* matches icon height for clean alignment *\/\r\n width: auto;\r\n display: block;\r\n }\r\n\r\n \/* Social Icons *\/\r\n .footer-social a.icon {\r\n width: 38px;\r\n height: 38px;\r\n border: 1px solid #000;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #000;\r\n font-size: 1rem;\r\n transition: all 0.3s ease;\r\n }\r\n .footer-social a.icon:hover {\r\n background: #000;\r\n color: #fff;\r\n transform: translateY(-3px);\r\n }\r\n\r\n \/* Bottom *\/\r\n .copyright {\r\n font-size: 0.85rem;\r\n color: #555;\r\n margin-top: 0.5rem;\r\n }\r\n\r\n @media(max-width:768px){\r\n .footer-links { gap: 0.8rem; }\r\n .brand-link img { height: 34px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <footer>\r\n <div class=\"footer-links\">\r\n <a href=\"https:\/\/aiingo.com\/index.php\/ai-chatbot-development-company\/\">AI Chatbot Development<\/a>\r\n <a href=\"https:\/\/aiingo.com\/index.php\/social-media-automation-for-uae-india\/\">Social Media Automation<\/a>\r\n <a href=\"https:\/\/aiingo.com\/index.php\/google-review-ai-reply\/\">Google Review AI Reply<\/a>\r\n <a href=\"https:\/\/nextaierp.com\/erpnext-dubai\/\" target=\"_blank\" rel=\"noopener\">ERPNext Dubai<\/a>\r\n <a href=\"https:\/\/nextaierp.com\/erp-for-schools-in-dubai\/\" target=\"_blank\" rel=\"noopener\">ERP for Schools<\/a>\r\n <a href=\"https:\/\/nextaierp.com\/erp-software-for-clinics-in-dubai\/\" target=\"_blank\" rel=\"noopener\">ERP for Clinics<\/a>\r\n <a href=\"https:\/\/aiingo.com\/index.php\/ai-automation-agency-for-ecommerce\">eCommerce AI Automation<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"footer-social\" aria-label=\"Aiingo brand and social links\">\r\n \r\n <a class=\"brand-link\" href=\"https:\/\/aiingo.com\" aria-label=\"Aiingo \u2014 ai agency\">\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/aiautomationsuae.com\/wp-content\/uploads\/2025\/03\/Aiingo-1.png\"\r\n alt=\"ai agency\"\r\n width=\"160\" height=\"48\"\r\n loading=\"lazy\" decoding=\"async\">\r\n <\/a>\r\n\r\n \r\n <a class=\"icon\" href=\"https:\/\/www.linkedin.com\/company\/aiautomationsuae\" target=\"_blank\" rel=\"noopener\">\r\n <i class=\"fab fa-linkedin-in\" aria-hidden=\"true\"><\/i><span class=\"sr-only\">LinkedIn<\/span>\r\n <\/a>\r\n <a class=\"icon\" href=\"https:\/\/www.facebook.com\/Aiingocom\/\" target=\"_blank\" rel=\"noopener\">\r\n <i class=\"fab fa-facebook-f\" aria-hidden=\"true\"><\/i><span class=\"sr-only\">Facebook<\/span>\r\n <\/a>\r\n <a class=\"icon\" href=\"https:\/\/www.instagram.com\/aiautomationuae\/\" target=\"_blank\" rel=\"noopener\">\r\n <i class=\"fab fa-instagram\" aria-hidden=\"true\"><\/i><span class=\"sr-only\">Instagram<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"copyright\">\r\n \u00a9 2025 Aiingo & NextAIERP. All rights reserved.\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <style>.sr-only{position:absolute!important;left:-9999px!important}<\/style>\r\n<\/body>\r\n<\/html>\r\n\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>AI Automation Menu Bar Automations Capabilities AI Chatbot Development Social Media Automation Google Review AI Reply Industry Solutions ERPNext Dubai ERP for Schools ERP for Clinics eCommerce Tools Products ERP with AI Aiingo \/\/ AI in Retail Smarter Stores. Personalize offers, automate journeys, and turn traffic into predictable revenue. WhatsApp: 00971 55 179 4900 Real-time […]<\/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":"disabled","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-5276","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/pages\/5276","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=5276"}],"version-history":[{"count":8,"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/pages\/5276\/revisions"}],"predecessor-version":[{"id":5449,"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/pages\/5276\/revisions\/5449"}],"wp:attachment":[{"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/media?parent=5276"}],"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 AI Automation Menu Bar<\/title>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&display=swap');\r\n\r\n :root {\r\n --hover-gradient: linear-gradient(90deg, #6EC6FF, #4FA8FF, #7EE0D0);\r\n --ink: #0e2a47;\r\n --brand: #004F9E;\r\n --chip: #f0f6ff;\r\n --ring: rgba(0, 79, 158, .15);\r\n }\r\n\r\n * { box-sizing: border-box; }\r\n body {\r\n margin: 0;\r\n font-family: 'Inter', sans-serif;\r\n background: #f4f7fb;\r\n color: var(--ink);\r\n }\r\n\r\n \/* ====== Bar ====== *\/\r\n .menu-bar {\r\n width: 100%; \/* full width *\/\r\n background: #fff;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 14px 40px;\r\n border-radius: 0; \/* flat edges for full width *\/\r\n box-shadow: 0 10px 28px rgba(18, 38, 63, 0.12);\r\n position: relative;\r\n z-index: 10;\r\n }\r\n .menu-bar:hover { box-shadow: 0 14px 36px rgba(18, 38, 63, 0.16); }\r\n\r\n .logo a img { height: 46px; width: auto; display:block; }\r\n\r\n \/* ====== Top-level groups ====== *\/\r\n .nav {\r\n display: flex;\r\n gap: 16px;\r\n align-items: center;\r\n }\r\n .menu-group { position: relative; }\r\n .menu-trigger {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 10px 14px;\r\n font-weight: 600;\r\n font-size: 0.98rem;\r\n color: var(--brand);\r\n background: var(--chip);\r\n border-radius: 12px;\r\n text-decoration: none;\r\n box-shadow: 0 3px 8px rgba(0,0,0,.05);\r\n transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;\r\n }\r\n .menu-trigger::after {\r\n content: \"\u25be\";\r\n font-size: 0.9rem;\r\n transform: translateY(-1px);\r\n opacity: .7;\r\n }\r\n .menu-trigger:hover {\r\n background: var(--hover-gradient);\r\n color: #fff;\r\n transform: translateY(-1px);\r\n box-shadow: 0 8px 16px rgba(0, 191, 255, 0.25);\r\n }\r\n\r\n \/* ====== Submenus ====== *\/\r\n .submenu {\r\n position: absolute;\r\n top: calc(100% + 10px);\r\n left: 0;\r\n min-width: 260px;\r\n background: #fff;\r\n border-radius: 14px;\r\n box-shadow: 0 16px 40px rgba(18, 38, 63, 0.18);\r\n border: 1px solid rgba(0,0,0,.06);\r\n padding: 10px;\r\n display: grid;\r\n gap: 6px;\r\n opacity: 0;\r\n transform: translateY(6px) scale(.98);\r\n pointer-events: none;\r\n transition: opacity .18s ease, transform .18s ease;\r\n }\r\n .menu-group:hover .submenu,\r\n .menu-group:focus-within .submenu {\r\n opacity: 1;\r\n transform: translateY(0) scale(1);\r\n pointer-events: auto;\r\n }\r\n\r\n .submenu h4 {\r\n margin: 6px 8px 4px;\r\n font-size: 0.78rem;\r\n letter-spacing: .04em;\r\n text-transform: uppercase;\r\n color: #6b7c93;\r\n font-weight: 700;\r\n }\r\n .submenu a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 10px 12px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n color: var(--ink);\r\n transition: background .2s ease, color .2s ease, transform .15s ease;\r\n position: relative;\r\n }\r\n .submenu a:hover {\r\n background: linear-gradient(90deg, #f7fbff, #eef6ff);\r\n color: var(--brand);\r\n transform: translateX(2px);\r\n box-shadow: inset 0 0 0 1px var(--ring);\r\n }\r\n\r\n \/* ====== Mobile: logo only ====== *\/\r\n @media (max-width: 768px) {\r\n .nav { display: none; }\r\n .menu-bar { padding: 12px 20px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <nav class=\"menu-bar\" aria-label=\"Primary\">\r\n <div class=\"logo\">\r\n <a href=\"https:\/\/aiingo.com\" target=\"_blank\" aria-label=\"Aiingo Home\">\r\n <img decoding=\"async\" src=\"http:\/\/aiautomationsuae.com\/wp-content\/uploads\/2025\/03\/Aiingo-1.png\" alt=\"ai automation agency Dubai\"\/>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"nav\" role=\"menubar\">\r\n \r\n <div class=\"menu-group\" role=\"none\">\r\n <a href=\"#\" class=\"menu-trigger\" role=\"menuitem\">Automations<\/a>\r\n <div class=\"submenu\">\r\n <h4>Capabilities<\/h4>\r\n <a href=\"https:\/\/aiingo.com\/index.php\/ai-chatbot-development-company\/\">AI Chatbot Development<\/a>\r\n <a href=\"https:\/\/aiingo.com\/index.php\/social-media-automation-for-uae-india\/\">Social Media Automation<\/a>\r\n <a href=\"https:\/\/aiingo.com\/index.php\/google-review-ai-reply\/\">Google Review AI Reply<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"menu-group\" role=\"none\">\r\n <a href=\"#\" class=\"menu-trigger\" role=\"menuitem\">Industry<\/a>\r\n <div class=\"submenu\">\r\n <h4>Solutions<\/h4>\r\n <a href=\"https:\/\/nextaierp.com\/erpnext-dubai\/\" target=\"_blank\" rel=\"noopener\">ERPNext Dubai<\/a>\r\n <a href=\"https:\/\/nextaierp.com\/erp-for-schools-in-dubai\/\" target=\"_blank\" rel=\"noopener\">ERP for Schools<\/a>\r\n <a href=\"https:\/\/nextaierp.com\/erp-software-for-clinics-in-dubai\/\" target=\"_blank\" rel=\"noopener\">ERP for Clinics<\/a>\r\n <a href=\"https:\/\/aiingo.com\/index.php\/ai-automation-agency-for-ecommerce\">eCommerce<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"menu-group\" role=\"none\">\r\n <a href=\"#\" class=\"menu-trigger\" role=\"menuitem\">Tools<\/a>\r\n <div class=\"submenu\">\r\n <h4>Products<\/h4>\r\n <a href=\"https:\/\/nextaierp.com\/erp-with-ai\/\" target=\"_blank\" rel=\"noopener\">ERP with AI<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7dc75cf elementor-widget elementor-widget-html\" data-id=\"7dc75cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<section id=\"ai-retail-hero\" class=\"hero\">\r\n <div class=\"hero__inner\">\r\n \r\n <div class=\"hero__left\">\r\n <p class=\"eyebrow\">Aiingo \/\/ AI in Retail<\/p>\r\n\r\n <h1 class=\"headline\">\r\n <span class=\"headline__static\">Smarter Stores. <\/span>\r\n <span class=\"headline__type\" aria-live=\"polite\" aria-atomic=\"true\"><\/span>\r\n <span class=\"headline__caret\" aria-hidden=\"true\"><\/span>\r\n <\/h1>\r\n\r\n <p class=\"subcopy\">\r\n Personalize offers, automate journeys, and turn traffic into predictable revenue.\r\n <\/p>\r\n\r\n <div class=\"cta-row\">\r\n \r\n <a class=\"btn btn--ghost\" href=\"https:\/\/wa.me\/00971551794900\" target=\"_blank\" rel=\"noopener\">\r\n WhatsApp: 00971 55 179 4900\r\n <\/a>\r\n <\/div>\r\n\r\n <ul class=\"trust\">\r\n <li><span class=\"dot\"><\/span> Real-time offers<\/li>\r\n <li><span class=\"dot\"><\/span> Omnichannel<\/li>\r\n <li><span class=\"dot\"><\/span> No code<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n\r\n<style>\r\n :root{\r\n --bg:#0b0f14; --panel:#0f1520; --border:#1b2533;\r\n --text:#e6eefb; --muted:#a9b4c8; --accent:#5dd6ff;\r\n --shadow:0 8px 24px rgba(0,0,0,.4); --r:16px;\r\n }\r\n *{box-sizing:border-box}\r\n .hero{\r\n background:\r\n radial-gradient(900px 420px at 12% -8%, #0ea5e91f, transparent 60%),\r\n radial-gradient(700px 380px at 95% 0%, #22d3ee17, transparent 60%),\r\n linear-gradient(180deg, var(--bg), #0c1118);\r\n color:var(--text); padding:clamp(24px,5vw,48px) 16px; border:1px solid #0e1420; border-radius:20px;\r\n }\r\n .hero__inner{\r\n max-width:1100px; margin:0 auto; display:grid; gap:20px; grid-template-columns:1fr;\r\n }\r\n @media (min-width: 860px){\r\n .hero__inner{ grid-template-columns: 1.1fr .9fr; align-items:center; gap:24px; }\r\n }\r\n\r\n .eyebrow{ font-size:.8rem; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); margin:0 0 8px }\r\n .headline{ font-size:clamp(28px,6vw,52px); line-height:1.05; margin:0 0 10px; font-weight:800 }\r\n .headline__type{ color:var(--accent); white-space:nowrap }\r\n .headline__caret{ display:inline-block; width:.08em; background:var(--accent); margin-left:3px; translate:0 .08em; animation:blink 1s steps(1,end) infinite }\r\n @keyframes blink { 50%{opacity:0} }\r\n\r\n .subcopy{ color:var(--muted); font-size:clamp(14px,2.6vw,17px); margin:8px 0 14px }\r\n .cta-row{ display:flex; flex-wrap:wrap; gap:8px }\r\n .btn{ display:inline-flex; align-items:center; justify-content:center; padding:10px 14px; border-radius:12px; text-decoration:none; font-weight:700; border:1px solid var(--border); box-shadow:var(--shadow); transition:transform .14s ease }\r\n .btn--primary{ background:linear-gradient(135deg,var(--accent),#8ee8ff); color:#041018; border-color:transparent }\r\n .btn--ghost{ background:transparent; color:var(--text) }\r\n .btn:hover{ transform:translateY(-1px) }\r\n\r\n .trust{ display:flex; gap:10px; flex-wrap:wrap; margin:12px 0 0; padding:0; list-style:none; color:#c9d4e8; font-size:.9rem }\r\n .dot{ width:7px; height:7px; border-radius:50%; display:inline-block; background:#6ee7b7; margin-right:8px; box-shadow:0 0 10px #6ee7b766 }\r\n\r\n \/* RIGHT MINIMAL *\/\r\n .hero__right{ display:grid }\r\n .card{\r\n display:grid; grid-template-columns: 1fr; gap:0;\r\n background:linear-gradient(180deg,#0f1520,#101826); border:1px solid var(--border);\r\n border-radius:var(--r); overflow:hidden; box-shadow:var(--shadow)\r\n }\r\n .thumb{\r\n min-height:140px;\r\n background:\r\n radial-gradient(120px 120px at 20% 40%, #5dd6ff33, transparent 70%),\r\n radial-gradient(140px 140px at 80% 30%, #22d3ee29, transparent 70%),\r\n linear-gradient(180deg,#0e1522,#0c1320);\r\n }\r\n .card__body{ padding:14px }\r\n .card__title{ margin:0 0 8px; font-size:1.05rem }\r\n .bullets{ margin:0 0 12px; padding-left:18px; color:#c8d5ea; font-size:.95rem }\r\n .mini-cta{\r\n background:#0fa4d3; color:#041017; font-weight:800; border:0; border-radius:10px; padding:10px 12px; cursor:pointer;\r\n }\r\n\r\n \/* Compact tweaks for very small screens *\/\r\n @media (max-width:360px){\r\n .btn{ padding:9px 12px; font-size:.95rem }\r\n .subcopy{ font-size:.92rem }\r\n }\r\n\r\n \/* Reduced motion *\/\r\n @media (prefers-reduced-motion: reduce){\r\n .headline__caret{ animation:none }\r\n .btn{ transition:none }\r\n }\r\n<\/style>\r\n\r\n<script>\r\n \/\/ Typewriter (simple + accessible)\r\n (function(){\r\n const el = document.querySelector('.headline__type');\r\n const caret = document.querySelector('.headline__caret');\r\n if(!el) return;\r\n\r\n const phrases = [\r\n \"AI that sells while you sleep\",\r\n \"Personalized offers, in real-time\",\r\n \"From guesswork to growth\"\r\n ];\r\n const speed = { type: 42, back: 28, hold: 1200, gap: 320 };\r\n let txt=\"\", mode=\"type\", i=0, wait=380;\r\n\r\n const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n if(prefersReduced){\r\n el.textContent = phrases[0]; caret.style.display = 'none'; return;\r\n }\r\n\r\n function tick(){\r\n if(wait>0){ wait-=16; return requestAnimationFrame(tick); }\r\n const target = phrases[i];\r\n\r\n if(mode===\"type\"){\r\n txt = target.slice(0, txt.length+1); el.textContent = txt;\r\n if(txt===target){ mode=\"hold\"; wait=speed.hold; }\r\n else { wait = speed.type; }\r\n }else if(mode===\"hold\"){\r\n mode=\"back\"; wait = speed.gap;\r\n }else{ \/\/ back\r\n txt = txt.slice(0,-1); el.textContent = txt;\r\n if(!txt.length){ mode=\"type\"; i=(i+1)%phrases.length; wait=speed.type; }\r\n else { wait=speed.back; }\r\n }\r\n requestAnimationFrame(tick);\r\n }\r\n requestAnimationFrame(tick);\r\n })();\r\n\r\n \/\/ Demo button placeholder\r\n document.getElementById('open-demo')?.addEventListener('click', () => {\r\n alert(\"Quick demo would open here (replace with your modal\/route).\");\r\n });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1318e5 elementor-widget elementor-widget-html\" data-id=\"d1318e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!doctype html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"utf-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n <title>Traditional vs AI\u2011Retail Marketing \u2014 10\u2011Minute Deep Dive | Aiingo<\/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=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root{\r\n --bg:#070b14;\r\n --panel:#0b1220;\r\n --soft:#0f172a;\r\n --muted:#9fb0cc;\r\n --text:#e7eefb;\r\n --brand:#7c3aed;\r\n --brand2:#06b6d4;\r\n --ok:#22c55e; --warn:#f59e0b; --danger:#ef4444;\r\n --br:18px; --shadow:0 14px 40px rgba(0,0,0,.35);\r\n --gap:16px; --maxw:1160px;\r\n }\r\n *{box-sizing:border-box}\r\n html,body{height:100%}\r\n body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:\r\n radial-gradient(900px 600px at 10% -10%, #1a1440 0, transparent 60%),\r\n radial-gradient(900px 600px at 110% -10%, #032a3a 0, transparent 55%),\r\n var(--bg);color:var(--text);line-height:1.55}\r\n a{color:#8deaff;text-decoration:none}\r\n .wrap{max-width:var(--maxw);margin:0 auto;padding:24px 14px 90px}\r\n\r\n \/* Hero *\/\r\n .hero{position:relative;background:linear-gradient(135deg,#080e1c,#0f1730 45%,#0a2434);border:1px solid #1f2a40;border-radius:var(--br);padding:26px 18px;box-shadow:var(--shadow);overflow:hidden}\r\n .hero h1{font-size:clamp(26px,6.2vw,52px);line-height:1.1;margin:8px 0;background:linear-gradient(90deg,var(--brand),var(--brand2));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:900}\r\n .hero p{color:var(--muted);font-size:clamp(14px,2.6vw,18px)}\r\n .btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:white;border:0;border-radius:14px;padding:12px 16px;font-weight:800;letter-spacing:.2px;cursor:pointer;box-shadow:0 10px 30px #7c3aed44;transition:.25s transform,.25s filter}\r\n .btn:hover{transform:translateY(-1px);filter:saturate(1.05)}\r\n .btn.secondary{background:#0b2231;border:1px solid #21435a;box-shadow:none;color:#cfe8ff}\r\n .hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}\r\n\r\n \/* Cards & layout *\/\r\n .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap)}\r\n .card{grid-column:span 12;background:var(--panel);border:1px solid #1e2a42;border-radius:var(--br);padding:16px;box-shadow:var(--shadow)}\r\n @media(min-width:860px){.col-6{grid-column:span 6}.col-4{grid-column:span 4}.col-8{grid-column:span 8}}\r\n\r\n h2{font-size:clamp(20px,4.2vw,30px);margin:0 0 10px;color:#d7e2ff}\r\n h3{margin:0 0 10px;color:#e5e7ff}\r\n p{margin:0 0 12px;color:var(--muted)}\r\n\r\n \/* ROI Calculator *\/\r\n .calc{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}\r\n .field{grid-column:span 12;background:#081326;border:1px solid #1a2d49;border-radius:12px;padding:10px}\r\n .field label{display:block;font-size:12px;letter-spacing:.3px;color:#a5b4fc;margin:0 0 6px}\r\n .field input,.field select{width:100%;background:#071226;border:1px solid #283a5c;color:#e8f0ff;border-radius:10px;padding:11px 10px;outline:none}\r\n .field input:focus{box-shadow:0 0 0 8px #7c3aed22;border-color:#4f46e5}\r\n .result{grid-column:span 12;background:linear-gradient(135deg,#0a2a35,#0f1a3a);border:1px solid #203a58;border-radius:12px;padding:14px}\r\n .mini{font-size:12px;color:#90a3c4}\r\n\r\n \/* Compare table (mobile-optimized) *\/\r\n .compare table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:12px;border:1px solid #22304b}\r\n .compare thead th{background:#0d1a32;color:#c8d4ff;padding:12px;text-transform:uppercase;font-size:12px;letter-spacing:.4px;text-align:left}\r\n .compare tbody td{padding:12px;border-top:1px solid #1e2b48}\r\n .tag{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:800}\r\n .tag.good{background:#082c24;color:#bbf7d0;border:1px solid #14532d}\r\n .tag.bad{background:#3b1d1d;color:#fecaca;border:1px solid #7f1d1d}\r\n .lbl{display:none;font-weight:700;color:#9fb0ff;margin-right:8px}\r\n @media(max-width:640px){\r\n .compare thead{display:none}\r\n .compare tbody tr{display:grid;grid-template-columns:1fr;gap:10px;border-bottom:1px solid #1e2b48;padding:10px 8px}\r\n .compare tbody td{display:flex;justify-content:space-between;align-items:flex-start;background:#0a1428;border:1px solid #1c2a44;border-radius:10px}\r\n .compare tbody td:first-child{background:#0b1730}\r\n .lbl{display:inline}\r\n }\r\n\r\n \/* KPI summary table *\/\r\n .kpi-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #22304b;border-radius:12px;overflow:hidden}\r\n .kpi-table th,.kpi-table td{padding:10px 12px;border-top:1px solid #1e2b48}\r\n .kpi-table th{background:#0d1a32;color:#c8d4ff;text-align:left;font-size:12px;text-transform:uppercase}\r\n .kpi-table tr:first-child td{border-top:0}\r\n @media(max-width:640px){\r\n .kpi-table{display:block}\r\n .kpi-table thead{display:none}\r\n .kpi-table tbody{display:grid;gap:10px;padding:8px}\r\n .kpi-table tr{display:grid;background:#0a1428;border:1px solid #1c2a44;border-radius:10px;padding:8px}\r\n .kpi-row{display:grid;grid-template-columns:1fr auto;gap:6px}\r\n .kpi-label{color:#9fb0ff;font-weight:700}\r\n }\r\n\r\n \/* Demo cards *\/\r\n .demo-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}\r\n .demo{grid-column:span 12;background:#0a1326;border:1px solid #1e2b48;border-radius:14px;padding:14px}\r\n .demo header{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}\r\n .demo pre{background:#070f20;border:1px solid #1c2a44;border-radius:10px;padding:12px;overflow:auto;color:#cfe1ff;max-height:240px}\r\n .demo .actions{display:flex;gap:8px;flex-wrap:wrap}\r\n\r\n \/* Agent simulator *\/\r\n .agent{display:grid;grid-template-rows:auto 1fr auto;background:#081327;border:1px solid #1f2b47;border-radius:14px;height:360px}\r\n .agent header{padding:10px 12px;border-bottom:1px solid #1f2b47;display:flex;align-items:center;gap:8px}\r\n .dot{width:8px;height:8px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 6px #22c55e22}\r\n .log{padding:12px;overflow:auto}\r\n .msg{max-width:82%;padding:10px 12px;border-radius:12px;margin:6px 0}\r\n .msg.ai{background:#0b1a37;border:1px solid #1d3157}\r\n .msg.user{background:#112a25;border:1px solid #1f513f;margin-left:auto}\r\n .agent .input{display:flex;gap:8px;padding:10px;border-top:1px solid #1f2b47}\r\n .agent input{flex:1;border-radius:10px;border:1px solid #213357;background:#071226;color:#e7eefb;padding:10px}\r\n .agent button{border-radius:10px;border:1px solid #21435a;background:#0b2231;color:#cfe8ff;padding:10px 12px}\r\n\r\n \/* Sticky Call CTA *\/\r\n .sticky{position:fixed;left:0;right:0;bottom:0;background:linear-gradient(90deg,#0d1a32,#071226);border-top:1px solid #1d2a44;display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 12px;z-index:50}\r\n .sticky .tel{display:flex;align-items:center;gap:10px}\r\n .sticky a{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;padding:10px 14px;border-radius:12px;font-weight:800}\r\n\r\n footer{margin-top:32px;text-align:center;color:#9db0cf;font-size:13px}\r\n footer a{color:#87e8ff;font-weight:700}\r\n\r\n @media(min-width:860px){.hero{padding:28px 24px}.demo-grid .demo{grid-column:span 6}}\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"wrap\" id=\"app\">\r\n <section class=\"hero\">\r\n <h1>AI Retail \u2014 Traditional vs AI\u2011Retail Marketing (Advanced Breakdown)<\/h1>\r\n <p>Mobile\u2011first, dark theme guide with an <strong>advanced ROI calculator<\/strong>, live <strong>n8n automation demos<\/strong>, and a <strong>call\u2011agent simulator<\/strong> to help you visualize the shift from manual ops to intelligent retail systems.<\/p>\r\n <div class=\"hero-cta\">\r\n <button class=\"btn\" onclick=\"window.print()\">Download \/ Print<\/button>\r\n <a class=\"btn secondary\" href=\"https:\/\/aiingo.com\" target=\"_blank\">Visit Aiingo.com<\/a>\r\n \r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"card compare\" style=\"margin-top:16px\">\r\n <h2>AI Retail \u2014 Side\u2011by\u2011Side: Cost \u2022 Time \u2022 ROI<\/h2>\r\n <table>\r\n <thead><tr><th>Dimension<\/th><th>Traditional<\/th><th>AI\u2011Retail<\/th><\/tr><\/thead>\r\n <tbody>\r\n <tr>\r\n <td>Launch Speed<\/td>\r\n <td><span class=\"lbl\">Traditional<\/span> 3\u20136 weeks <span class=\"tag bad\">Slow<\/span><\/td>\r\n <td><span class=\"lbl\">AI\u2011Retail<\/span> 24\u201372h <span class=\"tag good\">Fast<\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Creative Testing<\/td>\r\n <td><span class=\"lbl\">Traditional<\/span> Manual A\/B (weekly)<\/td>\r\n <td><span class=\"lbl\">AI\u2011Retail<\/span> Auto multivariate (hourly)<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Data Latency<\/td>\r\n <td><span class=\"lbl\">Traditional<\/span> 24\u201372h<\/td>\r\n <td><span class=\"lbl\">AI\u2011Retail<\/span> Real\u2011time<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Team Hours \/ Week<\/td>\r\n <td><span class=\"lbl\">Traditional<\/span> 25\u201340h<\/td>\r\n <td><span class=\"lbl\">AI\u2011Retail<\/span> 6\u201312h<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Average ROAS<\/td>\r\n <td><span class=\"lbl\">Traditional<\/span> 1.8\u20132.5\u00d7<\/td>\r\n <td><span class=\"lbl\">AI\u2011Retail<\/span> 2.8\u20134.5\u00d7<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Personalization<\/td>\r\n <td><span class=\"lbl\">Traditional<\/span> Static rules<\/td>\r\n <td><span class=\"lbl\">AI\u2011Retail<\/span> Per\u2011user, live<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <p class=\"mini\" style=\"margin-top:8px\">Benchmarks are directional; use the calculator below with your numbers.<\/p>\r\n <\/section>\r\n\r\n \r\n <section class=\"card\" id=\"roi\">\r\n <h2>AI Retail \u2014 Advanced ROI Calculator<\/h2>\r\n <p>Estimate incremental <strong>revenue<\/strong>, <strong>ops savings<\/strong>, and <strong>payback<\/strong> by switching to AI\u2011Retail workflows. All numbers are private to your device.<\/p>\r\n\r\n <div class=\"calc\" aria-label=\"ROI Calculator\">\r\n \r\n <div class=\"field col-6\"><label>Monthly Ad Spend (AED)<\/label><input type=\"number\" id=\"spend\" value=\"30000\" min=\"0\" step=\"500\"><\/div>\r\n <div class=\"field col-3\"><label>Current ROAS (Traditional)<\/label><input type=\"number\" id=\"roasNow\" value=\"2.2\" min=\"0\" step=\"0.1\"><\/div>\r\n <div class=\"field col-3\"><label>Projected ROAS (AI)<\/label><input type=\"number\" id=\"roasAI\" value=\"3.5\" min=\"0\" step=\"0.1\"><\/div>\r\n\r\n \r\n <div class=\"field col-3\"><label>Monthly Site Sessions<\/label><input type=\"number\" id=\"sessions\" value=\"40000\"><\/div>\r\n <div class=\"field col-3\"><label>Current Conv. Rate (%)<\/label><input type=\"number\" id=\"crNow\" value=\"1.4\" step=\"0.1\"><\/div>\r\n <div class=\"field col-3\"><label>AI Conv. Rate (%)<\/label><input type=\"number\" id=\"crAI\" value=\"2.1\" step=\"0.1\"><\/div>\r\n <div class=\"field col-3\"><label>Avg Order Value (AED)<\/label><input type=\"number\" id=\"aov\" value=\"220\"><\/div>\r\n\r\n \r\n <div class=\"field col-3\"><label>Store Walk\u2011ins \/ Month<\/label><input type=\"number\" id=\"walkins\" value=\"1200\"><\/div>\r\n <div class=\"field col-3\"><label>In\u2011Store Conv. Now (%)<\/label><input type=\"number\" id=\"storeCrNow\" value=\"18\" step=\"0.1\"><\/div>\r\n <div class=\"field col-3\"><label>In\u2011Store Conv. AI (%)<\/label><input type=\"number\" id=\"storeCrAI\" value=\"22\" step=\"0.1\"><\/div>\r\n <div class=\"field col-3\"><label>Avg Ticket In\u2011Store (AED)<\/label><input type=\"number\" id=\"storeAov\" value=\"260\"><\/div>\r\n\r\n \r\n <div class=\"field col-3\"><label>Team Cost \/ Hour (AED)<\/label><input type=\"number\" id=\"costHour\" value=\"120\" step=\"10\"><\/div>\r\n <div class=\"field col-3\"><label>Team Hours \/ Week \u2014 Trad<\/label><input type=\"number\" id=\"hrsTrad\" value=\"30\"><\/div>\r\n <div class=\"field col-3\"><label>Team Hours \/ Week \u2014 AI<\/label><input type=\"number\" id=\"hrsAI\" value=\"10\"><\/div>\r\n <div class=\"field col-3\"><label>Implementation Cost (one\u2011time AED)<\/label><input type=\"number\" id=\"implCost\" value=\"15000\" step=\"500\"><\/div>\r\n\r\n <div class=\"result col-12\">\r\n <h3>AI Retail \u2014 Estimated Impact<\/h3>\r\n <div id=\"impact\" class=\"mini\">\u2014<\/div>\r\n <div id=\"viz\" style=\"margin-top:10px;display:grid;gap:8px\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div style=\"grid-column:span 12\">\r\n <h3>AI Retail \u2014 KPI Summary (Auto\u2011filled)<\/h3>\r\n <table class=\"kpi-table\" id=\"kpiTable\">\r\n <thead><tr><th>Metric<\/th><th>Value<\/th><\/tr><\/thead>\r\n <tbody>\r\n <tr class=\"kpi-row\"><td class=\"kpi-label\">Incremental Ad Revenue<\/td><td id=\"kpiAds\">\u2014<\/td><\/tr>\r\n <tr class=\"kpi-row\"><td class=\"kpi-label\">E\u2011commerce Uplift<\/td><td id=\"kpiEcom\">\u2014<\/td><\/tr>\r\n <tr class=\"kpi-row\"><td class=\"kpi-label\">In\u2011Store Uplift<\/td><td id=\"kpiStore\">\u2014<\/td><\/tr>\r\n <tr class=\"kpi-row\"><td class=\"kpi-label\">Ops Savings \/ Month<\/td><td id=\"kpiOps\">\u2014<\/td><\/tr>\r\n <tr class=\"kpi-row\"><td class=\"kpi-label\">Total Monthly Impact<\/td><td id=\"kpiTotal\">\u2014<\/td><\/tr>\r\n <tr class=\"kpi-row\"><td class=\"kpi-label\">Payback (months)<\/td><td id=\"kpiPayback\">\u2014<\/td><\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n <div style=\"grid-column:span 12;display:flex;gap:8px;flex-wrap:wrap\">\r\n <button class=\"btn\" id=\"recalc\">Recalculate<\/button>\r\n <button class=\"btn secondary\" id=\"presetSME\">Preset: SME Boutique<\/button>\r\n <button class=\"btn secondary\" id=\"presetChain\">Preset: Multi\u2011Store Chain<\/button>\r\n <button class=\"btn secondary\" id=\"presetGrocery\">Preset: Grocery \/ High Volume<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"card\">\r\n <h2>AI Retail \u2014 n8n Automation Demos<\/h2>\r\n <p>Tap **View Flow** to preview a simplified flow and understand the moving parts. Buttons are stubs \u2014 wire them to your instance.<\/p>\r\n <div class=\"demo-grid\">\r\n <div class=\"demo\">\r\n <header>\r\n <h3>AI Retail \u2014 Smart Ad Creative Loop (Meta\/Google) \u2192 ROAS Optimizer<\/h3>\r\n <div class=\"actions\">\r\n <button class=\"btn secondary\" onclick=\"toggleFlow('flow1')\">View Flow<\/button>\r\n <button class=\"btn\" onclick=\"alert('Hook to n8n webhook: \/webhook\/ad-loop-demo')\">Run Demo<\/button>\r\n <\/div>\r\n <\/header>\r\n <pre id=\"flow1\" style=\"display:none\">{\r\n \"trigger\": \"hourly\",\r\n \"nodes\": [\r\n {\"Meta Insights\": {\"metrics\": [\"spend\",\"roas\",\"cpa\",\"ctr\"]}},\r\n {\"OpenAI\": \"summarize performance & propose 3 new variants\"},\r\n {\"Creative Generator\": \"render headlines & images\"},\r\n {\"Meta\/Google\": \"create experiments with budget guardrails\"},\r\n {\"GSheet\": \"append change log & results\"}\r\n ],\r\n \"controls\": {\"min_roas\": 2.5, \"max_cpa\": 30}\r\n}<\/pre>\r\n <\/div>\r\n <div class=\"demo\">\r\n <header>\r\n <h3>AI Retail \u2014 WhatsApp Cart Recovery + Coupon (Brevo\/WA Cloud)<\/h3>\r\n <div class=\"actions\">\r\n <button class=\"btn secondary\" onclick=\"toggleFlow('flow2')\">View Flow<\/button>\r\n <button class=\"btn\" onclick=\"alert('Hook to n8n webhook: \/webhook\/wa-recovery-demo')\">Run Demo<\/button>\r\n <\/div>\r\n <\/header>\r\n <pre id=\"flow2\" style=\"display:none\">{\r\n \"trigger\": \"abandoned_cart\",\r\n \"nodes\": [\r\n {\"GSheet\": \"fetch cart details\"},\r\n {\"OpenAI\": \"draft empathetic WA message with product highlights\"},\r\n {\"WA Cloud\": \"send template + deep link to checkout\"},\r\n {\"Timer\": \"24h\"},\r\n {\"WA Cloud\": \"send limited-time coupon if no purchase\"}\r\n ],\r\n \"tracking\": {\"utm_source\": \"wa-recovery\", \"coupon\": \"AIINGO10\"}\r\n}<\/pre>\r\n <\/div>\r\n <div class=\"demo\">\r\n <header>\r\n <h3>AI Retail \u2014 Price & Inventory Sync (ERPNext \u2194 Shopify \/ Woo)<\/h3>\r\n <div class=\"actions\">\r\n <button class=\"btn secondary\" onclick=\"toggleFlow('flow3')\">View Flow<\/button>\r\n <button class=\"btn\" onclick=\"alert('Hook to n8n webhook: \/webhook\/price-sync-demo')\">Run Demo<\/button>\r\n <\/div>\r\n <\/header>\r\n <pre id=\"flow3\" style=\"display:none\">{\r\n \"trigger\": \"webhook: erp.item_update\",\r\n \"nodes\": [\r\n {\"ERPNext\": \"get updated SKU, price, stock\"},\r\n {\"Rule\": \"if stock < threshold \u2192 pause ads\"},\r\n {\"Shopify\/Woo\": \"update price & inventory\"},\r\n {\"Slack\/Email\": \"notify merch team\"}\r\n ],\r\n \"failover\": {\"retry\": 3, \"alert\": \"on-call\"}\r\n}<\/pre>\r\n <\/div>\r\n <div class=\"demo\">\r\n <header>\r\n <h3>AI Retail \u2014 Review Intelligence \u2192 GSheet \u2192 Insights Deck<\/h3>\r\n <div class=\"actions\">\r\n <button class=\"btn secondary\" onclick=\"toggleFlow('flow4')\">View Flow<\/button>\r\n <button class=\"btn\" onclick=\"alert('Hook to n8n webhook: \/webhook\/review-intel-demo')\">Run Demo<\/button>\r\n <\/div>\r\n <\/header>\r\n <pre id=\"flow4\" style=\"display:none\">{\r\n \"trigger\": \"nightly\",\r\n \"nodes\": [\r\n {\"Play\/Google\": \"fetch new reviews\"},\r\n {\"Sentiment\": \"score & cluster themes\"},\r\n {\"OpenAI\": \"summarize issues & propose fixes\"},\r\n {\"Slides\/Canva\": \"render a weekly insights deck\"}\r\n ]\r\n}<\/pre>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"card\">\r\n <h2>AI Retail \u2014 Call\u2011Agent Demo (Simulated)<\/h2>\r\n <p>This lightweight simulator shows how an AI agent could triage a retail owner\u2019s request before routing to a human. Replace stubs with your own LLM + telephony.<\/p>\r\n <div class=\"agent\" role=\"region\" aria-label=\"Call agent demo chat\">\r\n <header><span class=\"dot\"><\/span><strong>Aiingo Retail Agent<\/strong><span class=\"mini\" style=\"margin-left:auto\">Status: Online<\/span><\/header>\r\n <div class=\"log\" id=\"chatLog\">\r\n <div class=\"msg ai\">\ud83d\udc4b Hi! I can estimate your AI impact in 30 seconds. What\u2019s your monthly ad spend?<\/div>\r\n <div class=\"msg user\">We spend ~AED 30,000. Low repeat purchases.<\/div>\r\n <div class=\"msg ai\">Got it. With AI creative testing and WhatsApp flows, you could add ~AED 60\u2013120k\/month in incremental revenue. Want a quick audit?<\/div>\r\n <\/div>\r\n <div class=\"input\">\r\n <input id=\"chatInput\" placeholder=\"Type a message (simulated)\">\r\n <button onclick=\"agentReply()\">Send<\/button>\r\n <\/div>\r\n <\/div>\r\n <p class=\"mini\" style=\"margin-top:8px\">Live version: connect to WA Cloud \/ Twilio Voice + n8n + your LLM endpoint.<\/p>\r\n <\/section>\r\n <\/div>\r\n\r\n \r\n <div class=\"sticky\">\r\n <div class=\"tel\"><strong>Talk to an expert:<\/strong> <span>971 55 179 4900<\/span><\/div>\r\n <div style=\"display:flex;gap:8px;flex-wrap:wrap\">\r\n <a href=\"tel:+971551794900\" aria-label=\"Call Aiingo\">Call Now<\/a>\r\n <a href=\"https:\/\/wa.me\/971551794900\" target=\"_blank\" aria-label=\"WhatsApp Aiingo\" rel=\"noopener\">WhatsApp<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <footer>\r\n \u00a9 <span id=\"year\"><\/span> <a href=\"https:\/\/aiingo.com\" target=\"_blank\">Aiingo<\/a> \u2022 <a href=\"https:\/\/onshope.com\" target=\"_blank\" rel=\"noopener\">Onshope<\/a>\r\n <\/footer>\r\n\r\n <script>\r\n const $ = (id)=>document.getElementById(id);\r\n const money = (v)=> new Intl.NumberFormat('en-AE',{style:'currency',currency:'AED',maximumFractionDigits:0}).format(v);\r\n\r\n function calc(){\r\n const spend = +$('spend').value||0;\r\n const roasNow = +$('roasNow').value||0;\r\n const roasAI = +$('roasAI').value||0;\r\n const sessions = +$('sessions').value||0;\r\n const crNow = (+$('crNow').value||0)\/100;\r\n const crAI = (+$('crAI').value||0)\/100;\r\n const aov = +$('aov').value||0;\r\n const walkins = +$('walkins').value||0;\r\n const storeCrNow = (+$('storeCrNow').value||0)\/100;\r\n const storeCrAI = (+$('storeCrAI').value||0)\/100;\r\n const storeAov = +$('storeAov').value||0;\r\n const costHour = +$('costHour').value||0;\r\n const hrsTrad = +$('hrsTrad').value||0;\r\n const hrsAI = +$('hrsAI').value||0;\r\n const implCost = +$('implCost').value||0;\r\n\r\n const revTradAds = spend * roasNow;\r\n const revAIAds = spend * roasAI;\r\n const incrAds = Math.max(0, revAIAds - revTradAds);\r\n\r\n const ordersNow = sessions * crNow;\r\n const ordersAI = sessions * crAI;\r\n const incrEcom = Math.max(0, (ordersAI - ordersNow) * aov);\r\n\r\n const storeNow = walkins * storeCrNow * storeAov;\r\n const storeAI = walkins * storeCrAI * storeAov;\r\n const incrStore = Math.max(0, storeAI - storeNow);\r\n\r\n const weeklySave = Math.max(0, hrsTrad - hrsAI);\r\n const opsSave = weeklySave * 4.3 * costHour;\r\n\r\n const totalMonthlyImpact = incrAds + incrEcom + incrStore + opsSave;\r\n const paybackMonths = totalMonthlyImpact>0 ? (implCost \/ totalMonthlyImpact) : Infinity;\r\n\r\n $('impact').innerHTML = `\r\n <ul style=\"margin:0; padding-left:18px; display:grid; gap:6px\">\r\n <li><strong>Incremental Ad Revenue:<\/strong> ${money(incrAds)}<\/li>\r\n <li><strong>E\u2011commerce Uplift (CR):<\/strong> ${money(incrEcom)}<\/li>\r\n <li><strong>In\u2011Store Uplift:<\/strong> ${money(incrStore)}<\/li>\r\n <li><strong>Ops Savings \/ month:<\/strong> ${money(opsSave)} <span class=\"mini\">(${weeklySave.toFixed(0)}h\/week)<\/span><\/li>\r\n <li><strong>Total Monthly Impact:<\/strong> <span style=\"color:#86efac\">${money(totalMonthlyImpact)}<\/span><\/li>\r\n <li><strong>Payback Period:<\/strong> ${isFinite(paybackMonths)?paybackMonths.toFixed(1):'\u2014'} months<\/li>\r\n <\/ul>`;\r\n\r\n \/\/ Vis bars\r\n const bars = [\r\n {label:'Ads', val:incrAds},\r\n {label:'E\u2011com', val:incrEcom},\r\n {label:'Store', val:incrStore},\r\n {label:'Ops', val:opsSave}\r\n ];\r\n const max = Math.max(1, ...bars.map(b=>b.val));\r\n $('viz').innerHTML = bars.map(b=>{\r\n const w = Math.max(2, (b.val\/max)*100);\r\n return `<div style=\\\"display:flex;align-items:center;gap:10px\\\">\r\n <div style=\\\"width:70px\\\" class=\\\"mini\\\">${b.label}<\/div>\r\n <div style=\\\"flex:1;background:#0a152c;border:1px solid #213154;border-radius:10px;overflow:hidden\\\">\r\n <div style=\\\"width:${w}%;background:linear-gradient(90deg,var(--brand),var(--brand2));height:14px\\\"><\/div>\r\n <\/div>\r\n <div style=\\\"width:110px;text-align:right\\\" class=\\\"mini\\\">${money(b.val)}<\/div>\r\n <\/div>`\r\n }).join('');\r\n\r\n \/\/ Update KPI table\r\n $('kpiAds').textContent = money(incrAds);\r\n $('kpiEcom').textContent = money(incrEcom);\r\n $('kpiStore').textContent = money(incrStore);\r\n $('kpiOps').textContent = money(opsSave);\r\n $('kpiTotal').textContent = money(totalMonthlyImpact);\r\n $('kpiPayback').textContent = isFinite(paybackMonths)?paybackMonths.toFixed(1):'\u2014';\r\n }\r\n\r\n \/\/ Presets\r\n $('recalc').addEventListener('click', calc);\r\n $('presetSME').addEventListener('click', ()=>{\r\n $('spend').value=15000; $('roasNow').value=2.0; $('roasAI').value=3.2;\r\n $('sessions').value=15000; $('crNow').value=1.2; $('crAI').value=1.9; $('aov').value=180;\r\n $('walkins').value=600; $('storeCrNow').value=15; $('storeCrAI').value=19; $('storeAov').value=220;\r\n $('costHour').value=90; $('hrsTrad').value=22; $('hrsAI').value=8; $('implCost').value=9000; calc();\r\n });\r\n $('presetChain').addEventListener('click', ()=>{\r\n $('spend').value=100000; $('roasNow').value=2.3; $('roasAI').value=4.0;\r\n $('sessions').value=120000; $('crNow').value=1.6; $('crAI').value=2.4; $('aov').value=230;\r\n $('walkins').value=5000; $('storeCrNow').value=17; $('storeCrAI').value=22; $('storeAov').value=250;\r\n $('costHour').value=140; $('hrsTrad').value=40; $('hrsAI').value=12; $('implCost').value=35000; calc();\r\n });\r\n $('presetGrocery').addEventListener('click', ()=>{\r\n $('spend').value=60000; $('roasNow').value=2.0; $('roasAI').value=3.0;\r\n $('sessions').value=250000; $('crNow').value=1.1; $('crAI').value=1.6; $('aov').value=75;\r\n $('walkins').value=12000; $('storeCrNow').value=22; $('storeCrAI').value=25; $('storeAov').value=95;\r\n $('costHour').value=100; $('hrsTrad').value=34; $('hrsAI').value=14; $('implCost').value=18000; calc();\r\n });\r\n\r\n function toggleFlow(id){ const el = $(id); if(!el) return; el.style.display = (el.style.display==='none'||!el.style.display)?'block':'none'; }\r\n\r\n function agentReply(){\r\n const input = $('chatInput'); const log = $('chatLog');\r\n const text = (input.value||'').trim(); if(!text) return;\r\n addMsg('user', text); input.value='';\r\n setTimeout(()=>{ addMsg('ai', pickAgentReply(text)); }, 500);\r\n }\r\n function addMsg(role, text){\r\n const div = document.createElement('div'); div.className = 'msg ' + (role==='ai'?'ai':'user'); div.textContent = text; $('chatLog').appendChild(div); $('chatLog').scrollTop = $('chatLog').scrollHeight;\r\n }\r\n function pickAgentReply(t){\r\n t=t.toLowerCase();\r\n if(t.includes('budget')||t.includes('spend')) return 'Set your monthly spend in the calculator above \u2014 I will estimate your payback instantly.';\r\n if(t.includes('demo')||t.includes('flow')) return 'Open any n8n demo and click \u201cRun Demo\u201d. We can wire it to your stack in a day.';\r\n if(t.includes('call')||t.includes('number')) return 'You can call us at 971 55 179 4900 or hit the Call button below.';\r\n return 'We typically start with an AI Readiness Audit and a 2\u2011week pilot. Want me to queue that?';\r\n }\r\n\r\n document.addEventListener('DOMContentLoaded',()=>{ calc(); document.getElementById('year').textContent=new Date().getFullYear(); });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-77904b6 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"77904b6\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3964b43\" data-id=\"3964b43\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f5b07e0 elementor-widget elementor-widget-html\" data-id=\"f5b07e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Aiingo Footer<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n footer {\r\n background: #fff;\r\n color: #000;\r\n padding: 2.5rem 5% 1.5rem;\r\n text-align: center;\r\n font-family: Inter, sans-serif;\r\n }\r\n\r\n \/* Links Section *\/\r\n .footer-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 1.2rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n .footer-links a {\r\n color: #000;\r\n text-decoration: none;\r\n font-weight: 500;\r\n font-size: 0.95rem;\r\n position: relative;\r\n transition: color 0.3s ease;\r\n }\r\n .footer-links a::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: -4px;\r\n left: 0;\r\n width: 0%;\r\n height: 2px;\r\n background: #000;\r\n transition: width 0.3s ease;\r\n }\r\n .footer-links a:hover { color: #111; }\r\n .footer-links a:hover::after { width: 100%; }\r\n\r\n \/* Social Row: now supports logo + icons *\/\r\n .footer-social {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 1rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n \/* Logo link (not circular) *\/\r\n .brand-link {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 6px 10px;\r\n border-radius: 10px;\r\n transition: transform .25s ease, filter .25s ease;\r\n }\r\n .brand-link:hover { transform: translateY(-2px); }\r\n .brand-link img {\r\n height: 38px; \/* matches icon height for clean alignment *\/\r\n width: auto;\r\n display: block;\r\n }\r\n\r\n \/* Social Icons *\/\r\n .footer-social a.icon {\r\n width: 38px;\r\n height: 38px;\r\n border: 1px solid #000;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #000;\r\n font-size: 1rem;\r\n transition: all 0.3s ease;\r\n }\r\n .footer-social a.icon:hover {\r\n background: #000;\r\n color: #fff;\r\n transform: translateY(-3px);\r\n }\r\n\r\n \/* Bottom *\/\r\n .copyright {\r\n font-size: 0.85rem;\r\n color: #555;\r\n margin-top: 0.5rem;\r\n }\r\n\r\n @media(max-width:768px){\r\n .footer-links { gap: 0.8rem; }\r\n .brand-link img { height: 34px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <footer>\r\n <div class=\"footer-links\">\r\n <a href=\"https:\/\/aiingo.com\/index.php\/ai-chatbot-development-company\/\">AI Chatbot Development<\/a>\r\n <a href=\"https:\/\/aiingo.com\/index.php\/social-media-automation-for-uae-india\/\">Social Media Automation<\/a>\r\n <a href=\"https:\/\/aiingo.com\/index.php\/google-review-ai-reply\/\">Google Review AI Reply<\/a>\r\n <a href=\"https:\/\/nextaierp.com\/erpnext-dubai\/\" target=\"_blank\" rel=\"noopener\">ERPNext Dubai<\/a>\r\n <a href=\"https:\/\/nextaierp.com\/erp-for-schools-in-dubai\/\" target=\"_blank\" rel=\"noopener\">ERP for Schools<\/a>\r\n <a href=\"https:\/\/nextaierp.com\/erp-software-for-clinics-in-dubai\/\" target=\"_blank\" rel=\"noopener\">ERP for Clinics<\/a>\r\n <a href=\"https:\/\/aiingo.com\/index.php\/ai-automation-agency-for-ecommerce\">eCommerce AI Automation<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"footer-social\" aria-label=\"Aiingo brand and social links\">\r\n \r\n <a class=\"brand-link\" href=\"https:\/\/aiingo.com\" aria-label=\"Aiingo \u2014 ai agency\">\r\n <img loading=\"lazy\"\r\n src=\"http:\/\/aiautomationsuae.com\/wp-content\/uploads\/2025\/03\/Aiingo-1.png\"\r\n alt=\"ai agency\"\r\n width=\"160\" height=\"48\"\r\n loading=\"lazy\" decoding=\"async\">\r\n <\/a>\r\n\r\n \r\n <a class=\"icon\" href=\"https:\/\/www.linkedin.com\/company\/aiautomationsuae\" target=\"_blank\" rel=\"noopener\">\r\n <i class=\"fab fa-linkedin-in\" aria-hidden=\"true\"><\/i><span class=\"sr-only\">LinkedIn<\/span>\r\n <\/a>\r\n <a class=\"icon\" href=\"https:\/\/www.facebook.com\/Aiingocom\/\" target=\"_blank\" rel=\"noopener\">\r\n <i class=\"fab fa-facebook-f\" aria-hidden=\"true\"><\/i><span class=\"sr-only\">Facebook<\/span>\r\n <\/a>\r\n <a class=\"icon\" href=\"https:\/\/www.instagram.com\/aiautomationuae\/\" target=\"_blank\" rel=\"noopener\">\r\n <i class=\"fab fa-instagram\" aria-hidden=\"true\"><\/i><span class=\"sr-only\">Instagram<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"copyright\">\r\n \u00a9 2025 Aiingo & NextAIERP. All rights reserved.\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <style>.sr-only{position:absolute!important;left:-9999px!important}<\/style>\r\n<\/body>\r\n<\/html>\r\n\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>AI Automation Menu Bar Automations Capabilities AI Chatbot Development Social Media Automation Google Review AI Reply Industry Solutions ERPNext Dubai ERP for Schools ERP for Clinics eCommerce Tools Products ERP with AI Aiingo \/\/ AI in Retail Smarter Stores. Personalize offers, automate journeys, and turn traffic into predictable revenue. WhatsApp: 00971 55 179 4900 Real-time […]<\/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":"disabled","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-5276","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/pages\/5276","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=5276"}],"version-history":[{"count":8,"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/pages\/5276\/revisions"}],"predecessor-version":[{"id":5449,"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/pages\/5276\/revisions\/5449"}],"wp:attachment":[{"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/media?parent=5276"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}