Aiingo Enterprise | The Neural Demo<\/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&family=JetBrains+Mono:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n\r\n <style>\r\n \/* --- 1. DESIGN TOKENS --- *\/\r\n :root {\r\n --bg-deep: #050505;\r\n --bg-panel: #0F0F11;\r\n --bg-card: #18181B;\r\n \r\n --border: 1px solid rgba(255,255,255,0.08);\r\n --border-active: 1px solid rgba(59,130,246,0.3);\r\n \r\n --primary: #10B981; \/* Success Green *\/\r\n --accent: #3B82F6; \/* Tech Blue *\/\r\n --warning: #F59E0B;\r\n --danger: #EF4444;\r\n \r\n --text-main: #FFFFFF;\r\n --text-muted: #A1A1AA;\r\n \r\n --font-ui: 'Inter', sans-serif;\r\n --font-code: 'JetBrains Mono', monospace;\r\n \r\n --glow: 0 0 20px rgba(59,130,246,0.1);\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n \r\n body {\r\n background-color: var(--bg-deep);\r\n color: var(--text-main);\r\n font-family: var(--font-ui);\r\n overflow-x: hidden;\r\n line-height: 1.6;\r\n }\r\n\r\n h1, h2, h3 { line-height: 1.2; letter-spacing: -0.02em; }\r\n .code { font-family: var(--font-code); }\r\n\r\n \/* --- 2. LAYOUT UTILS --- *\/\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n }\r\n \r\n .section {\r\n padding: 80px 0;\r\n border-bottom: var(--border);\r\n position: relative;\r\n }\r\n\r\n .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }\r\n .grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }\r\n\r\n \/* --- 3. COMPONENTS --- *\/\r\n .badge {\r\n display: inline-flex; align-items: center; gap: 6px;\r\n background: rgba(16, 185, 129, 0.1); color: var(--primary);\r\n padding: 6px 12px; border-radius: 100px; font-size: 0.75rem; font-weight: 600;\r\n border: 1px solid rgba(16, 185, 129, 0.2); margin-bottom: 20px;\r\n }\r\n .pulse { width: 8px; height: 8px; background: currentColor; border-radius: 50%; animation: pulse 2s infinite; }\r\n\r\n .card {\r\n background: var(--bg-card); border: var(--border); border-radius: 16px; padding: 24px;\r\n transition: 0.3s; position: relative; overflow: hidden;\r\n }\r\n .card:hover { border-color: var(--accent); box-shadow: var(--glow); }\r\n .card h3 { font-size: 1.1rem; color: var(--text-muted); margin-bottom: 16px; text-transform: uppercase; font-size: 0.8rem; letter-spacing: 1px; }\r\n\r\n \/* --- 4. PHONE SIMULATOR (Global) --- *\/\r\n .phone-wrapper {\r\n position: relative;\r\n width: 320px; height: 640px;\r\n background: #fff; border-radius: 45px;\r\n border: 8px solid #27272a;\r\n box-shadow: 0 50px 100px -20px rgba(0,0,0,0.5);\r\n display: flex; flex-direction: column;\r\n margin: 0 auto;\r\n overflow: hidden;\r\n }\r\n .wa-header { background: #075E54; padding: 40px 16px 12px; color: white; display: flex; gap: 10px; align-items: center; }\r\n .wa-chat { \r\n flex: 1; background: #e5ddd5; padding: 15px; overflow-y: auto; display: flex; flex-direction: column; gap: 10px; \r\n background-image: url('https:\/\/user-images.githubusercontent.com\/15075759\/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png'); opacity: 0.95;\r\n }\r\n .bubble { padding: 8px 12px; border-radius: 8px; font-size: 0.9rem; max-width: 80%; position: relative; color: #111; animation: pop 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }\r\n .bubble.in { background: #fff; align-self: flex-start; border-top-left-radius: 0; }\r\n .bubble.out { background: #dcf8c6; align-self: flex-end; border-top-right-radius: 0; }\r\n .wa-input-box { background: #f0f0f0; padding: 10px; display: flex; gap: 8px; align-items: center; }\r\n .wa-input { flex: 1; padding: 10px 16px; border-radius: 20px; border: none; outline: none; }\r\n .send-btn { color: #075E54; cursor: pointer; font-size: 1.2rem; }\r\n\r\n \/* --- 5. SECTIONS SPECIFIC --- *\/\r\n \r\n \/* Hero *\/\r\n .hero { text-align: center; padding-top: 100px; padding-bottom: 60px; background: radial-gradient(circle at center, #18181B 0%, #050505 70%); }\r\n .hero h1 { font-size: 4rem; font-weight: 800; margin-bottom: 20px; background: linear-gradient(to right, #fff, #94a3b8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\r\n \r\n \/* Terminal *\/\r\n .terminal-window {\r\n background: #000; border-radius: 12px; border: var(--border); padding: 0; font-family: var(--font-code); height: 400px; display: flex; flex-direction: column;\r\n }\r\n .term-header { background: #18181b; padding: 10px 16px; display: flex; gap: 6px; border-bottom: var(--border); }\r\n .dot { width: 10px; height: 10px; border-radius: 50%; background: #3f3f46; }\r\n .dot.r { background: #ef4444; } .dot.y { background: #f59e0b; } .dot.g { background: #10b981; }\r\n .term-body { padding: 16px; color: #a1a1aa; font-size: 0.85rem; overflow-y: auto; flex: 1; }\r\n .log-line { margin-bottom: 6px; display: flex; gap: 12px; }\r\n .ts { color: #52525b; }\r\n .val { color: #e4e4e7; }\r\n .highlight { color: var(--accent); }\r\n \r\n \/* Analytics Grid *\/\r\n .metric-big { font-size: 2.5rem; font-weight: 700; color: white; margin-bottom: 5px; }\r\n .metric-label { font-size: 0.9rem; color: var(--text-muted); }\r\n .chart-container { height: 250px; width: 100%; }\r\n\r\n \/* Data Table *\/\r\n .data-table { width: 100%; border-collapse: collapse; font-size: 0.9rem; }\r\n .data-table th { text-align: left; padding: 12px; color: var(--text-muted); border-bottom: var(--border); font-weight: 500; }\r\n .data-table td { padding: 12px; border-bottom: 1px solid rgba(255,255,255,0.05); }\r\n .status-tag { padding: 4px 8px; border-radius: 4px; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; }\r\n \r\n \/* Ghost Box *\/\r\n .ghost-section { text-align: center; background: radial-gradient(circle at center, #1e1e24 0%, #050505 70%); }\r\n .ghost-btn {\r\n background: white; color: black; border: none; padding: 16px 32px; border-radius: 8px;\r\n font-size: 1rem; font-weight: 700; cursor: pointer; margin-top: 20px; transition: 0.3s;\r\n display: inline-flex; align-items: center; gap: 10px;\r\n }\r\n .ghost-btn:hover { transform: scale(1.05); background: var(--accent); color: white; }\r\n\r\n \/* --- ANIMATIONS --- *\/\r\n @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } }\r\n @keyframes pop { 0% { transform: scale(0.9); opacity: 0; } 100% { transform: scale(1); opacity: 1; } }\r\n @keyframes slideIn { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }\r\n \r\n .fade-up { opacity: 0; transform: translateY(20px); transition: 0.6s ease-out; }\r\n .fade-up.visible { opacity: 1; transform: translateY(0); }\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"hero\">\r\n <div class=\"container fade-up\">\r\n <div class=\"badge\"><div class=\"pulse\"><\/div> Live Demo System Active<\/div>\r\n <h1>Aiingo Neural Engine<\/h1>\r\n <p style=\"color: var(--text-muted); font-size: 1.2rem; max-width: 600px; margin: 0 auto;\">\r\n Experience the 2026 AI Stack. Interact with the simulator below to see real-time NLP, Sentiment Analysis, and ERP Synchronization.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"section\">\r\n <div class=\"container grid-2\">\r\n \r\n <div class=\"fade-up\">\r\n <div class=\"phone-wrapper\">\r\n <div class=\"wa-header\">\r\n <div style=\"width:35px; height:35px; background:white; border-radius:50%; display:grid; place-items:center; color:#075E54\"><i class=\"fas fa-robot\"><\/i><\/div>\r\n <div>\r\n <div style=\"font-weight:600; font-size:0.9rem;\">Aiingo Bot<\/div>\r\n <div style=\"font-size:0.7rem; opacity:0.8;\">Online<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"wa-chat\" id=\"chatArea\">\r\n <div class=\"bubble out\">Hi, I need pricing info.<\/div>\r\n <div class=\"bubble in\">Hello! \ud83d\udc4b Our Enterprise plans start at $500\/mo. Would you like a breakdown?<\/div>\r\n <\/div>\r\n <div class=\"wa-input-box\">\r\n <input type=\"text\" class=\"wa-input\" id=\"userInput\" placeholder=\"Type here...\" autocomplete=\"off\">\r\n <i class=\"fas fa-paper-plane send-btn\" onclick=\"sendMessage()\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"fade-up\" style=\"transition-delay: 0.1s;\">\r\n <h2 style=\"margin-bottom: 10px;\">The Neural Stream<\/h2>\r\n <p style=\"color:var(--text-muted); margin-bottom: 20px;\">\r\n Watch the AI break down your message into tokens, intents, and actionable data in real-time.\r\n <\/p>\r\n <div class=\"terminal-window\">\r\n <div class=\"term-header\">\r\n <div class=\"dot r\"><\/div><div class=\"dot y\"><\/div><div class=\"dot g\"><\/div>\r\n <span style=\"font-size:0.7rem; color:#52525b; margin-left:10px;\">live_stream.log<\/span>\r\n <\/div>\r\n <div class=\"term-body\" id=\"terminal\">\r\n <div class=\"log-line\"><span class=\"ts\">10:00:01<\/span> <span class=\"val\">System initialized.<\/span><\/div>\r\n <div class=\"log-line\"><span class=\"ts\">10:00:01<\/span> <span class=\"val\" style=\"color:var(--primary)\">Listening on Port 443 (Secure WSS)...<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"section\" style=\"background: #0B0B0E;\">\r\n <div class=\"container fade-up\">\r\n <h2 style=\"margin-bottom: 40px; text-align: center;\">Real-Time Intelligence<\/h2>\r\n \r\n <div class=\"grid-3\">\r\n <div class=\"card\">\r\n <h3>Intent Detection<\/h3>\r\n <div class=\"chart-container\">\r\n <canvas id=\"intentChart\"><\/canvas>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card\" style=\"text-align: center; display: flex; flex-direction: column; justify-content: center;\">\r\n <h3>Live Lead Score<\/h3>\r\n <div style=\"width: 150px; height: 150px; border-radius: 50%; border: 10px solid var(--accent); margin: 20px auto; display: flex; align-items: center; justify-content: center; font-size: 3rem; font-weight: 700; color: white; box-shadow: 0 0 30px rgba(59,130,246,0.3);\" id=\"scoreDisplay\">\r\n 45\r\n <\/div>\r\n <p style=\"font-size: 0.9rem; color: var(--text-muted);\">Based on keyword value<\/p>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <h3>Session Metrics<\/h3>\r\n <div style=\"margin-bottom: 20px;\">\r\n <div class=\"metric-big\" id=\"msgCount\">2<\/div>\r\n <div class=\"metric-label\">Messages Exchanged<\/div>\r\n <\/div>\r\n <div style=\"margin-bottom: 20px;\">\r\n <div class=\"metric-big\" style=\"color:var(--primary)\">0.3s<\/div>\r\n <div class=\"metric-label\">Avg Response Latency<\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"metric-big\" style=\"color:var(--warning)\" id=\"sentimentMetric\">Neutral<\/div>\r\n <div class=\"metric-label\">Current Sentiment<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"section\">\r\n <div class=\"container fade-up\">\r\n <div style=\"display:flex; justify-content: space-between; align-items: center; margin-bottom: 30px;\">\r\n <h2><i class=\"fas fa-database\" style=\"color:var(--accent)\"><\/i> Live CRM \/ Sheet Sync<\/h2>\r\n <span class=\"badge\"><i class=\"fas fa-check\"><\/i> Connected to ERPNext<\/span>\r\n <\/div>\r\n \r\n <div class=\"card\" style=\"padding: 0;\">\r\n <table class=\"data-table\">\r\n <thead>\r\n <tr>\r\n <th style=\"padding-left: 24px;\">Time<\/th>\r\n <th>User ID<\/th>\r\n <th>Message Snippet<\/th>\r\n <th>Classified Intent<\/th>\r\n <th>Status<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody id=\"dataTable\">\r\n <tr>\r\n <td style=\"padding-left: 24px; color:#52525b\">10:00:05<\/td>\r\n <td>Guest_8821<\/td>\r\n <td>Hi, I need pricing...<\/td>\r\n <td style=\"color:var(--accent)\">Pricing Inquiry<\/td>\r\n <td><span class=\"status-tag\" style=\"background:rgba(245, 158, 11, 0.2); color:#fcd34d\">Warm<\/span><\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"section ghost-section\">\r\n <div class=\"container fade-up\">\r\n <i class=\"fas fa-ghost\" style=\"font-size: 4rem; color: #52525b; margin-bottom: 20px;\"><\/i>\r\n <h2>The \"Ghosting\" Simulation<\/h2>\r\n <p style=\"color:var(--text-muted); max-width: 600px; margin: 10px auto 30px;\">\r\n What happens when a lead stops replying? Click below to simulate a \"48-hour No Reply\" event and trigger the AI Re-engagement workflow.\r\n <\/p>\r\n <button class=\"ghost-btn\" onclick=\"triggerGhost()\">\r\n <i class=\"fas fa-bolt\"><\/i> Trigger Re-engagement\r\n <\/button>\r\n <div id=\"ghostLog\" style=\"margin-top: 20px; font-family: var(--font-code); color: var(--accent); min-height: 24px;\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div style=\"padding: 40px; text-align: center; color: #333; font-size: 0.8rem; background: black;\">\r\n Aiingo Enterprise Demo System v2.4\r\n <\/div>\r\n\r\n <script>\r\n \/\/ --- 1. MOCK AI ENGINE ---\r\n const Brain = {\r\n intents: {\r\n 'price': { score: 20, type: 'Pricing', resp: 'Our Enterprise plans start at $500\/mo. I can send a PDF proposal?' },\r\n 'cost': { score: 20, type: 'Pricing', resp: 'Cost depends on volume. Ballpark is $5k setup. Interested?' },\r\n 'demo': { score: 30, type: 'Demo Req', resp: 'I can book a demo for you tomorrow at 10 AM. Shall I confirm?' },\r\n 'human': { score: 10, type: 'Handover', resp: 'Connecting you to a specialist... (Agents are online).' },\r\n 'hello': { score: 5, type: 'Greeting', resp: 'Hello! Welcome to Aiingo. How can I automate your growth?' },\r\n 'yes': { score: 40, type: 'Conversion', resp: 'Great! I have updated our CRM. A manager will call you shortly.' }\r\n },\r\n process: function(text) {\r\n const lower = text.toLowerCase();\r\n let bestMatch = null;\r\n \r\n \/\/ Simple keyword matching\r\n for (const key in this.intents) {\r\n if (lower.includes(key)) {\r\n bestMatch = this.intents[key];\r\n break;\r\n }\r\n }\r\n \r\n if (!bestMatch) return { \r\n type: 'General', \r\n score: 5, \r\n resp: `I see you're asking about \"${text.substring(0,10)}...\". Could you clarify so I can check our database?` \r\n };\r\n \r\n return bestMatch;\r\n }\r\n };\r\n\r\n \/\/ --- 2. CHART CONFIG ---\r\n let intentChart;\r\n const initCharts = () => {\r\n const ctx = document.getElementById('intentChart').getContext('2d');\r\n intentChart = new Chart(ctx, {\r\n type: 'radar',\r\n data: {\r\n labels: ['Pricing', 'Technical', 'Support', 'Urgency', 'Buying Intent'],\r\n datasets: [{\r\n label: 'Live Conversation Vector',\r\n data: [20, 10, 10, 10, 10],\r\n backgroundColor: 'rgba(59, 130, 246, 0.2)',\r\n borderColor: '#3B82F6',\r\n pointBackgroundColor: '#fff'\r\n }]\r\n },\r\n options: {\r\n scales: { r: { angleLines: { color: '#333' }, grid: { color: '#333' }, pointLabels: { color: '#888' }, ticks: { display: false } } },\r\n plugins: { legend: { display: false } }\r\n }\r\n });\r\n };\r\n\r\n \/\/ --- 3. UI CONTROLLER ---\r\n const UI = {\r\n addMsg: (text, type) => {\r\n const chat = document.getElementById('chatArea');\r\n const div = document.createElement('div');\r\n div.className = `bubble ${type}`;\r\n div.innerText = text;\r\n chat.appendChild(div);\r\n chat.scrollTop = chat.scrollHeight;\r\n },\r\n \r\n log: (msg) => {\r\n const term = document.getElementById('terminal');\r\n const div = document.createElement('div');\r\n div.className = 'log-line';\r\n const time = new Date().toLocaleTimeString().split(' ')[0];\r\n div.innerHTML = `<span class=\"ts\">${time}<\/span> <span class=\"val\">${msg}<\/span>`;\r\n term.insertBefore(div, term.firstChild);\r\n },\r\n\r\n updateMetrics: (result) => {\r\n \/\/ Score\r\n const scoreEl = document.getElementById('scoreDisplay');\r\n let currScore = parseInt(scoreEl.innerText);\r\n let newScore = Math.min(100, currScore + result.score);\r\n scoreEl.innerText = newScore;\r\n if(newScore > 70) scoreEl.style.borderColor = '#10B981';\r\n \r\n \/\/ Count\r\n const countEl = document.getElementById('msgCount');\r\n countEl.innerText = parseInt(countEl.innerText) + 1;\r\n\r\n \/\/ Sentiment\r\n const sentEl = document.getElementById('sentimentMetric');\r\n if(result.score >= 20) { sentEl.innerText = \"Positive\"; sentEl.style.color = \"#10B981\"; }\r\n else { sentEl.innerText = \"Neutral\"; sentEl.style.color = \"#F59E0B\"; }\r\n\r\n \/\/ Chart\r\n if(intentChart) {\r\n const data = intentChart.data.datasets[0].data;\r\n if(result.type === 'Pricing') data[0] += 20;\r\n if(result.type === 'Demo Req') { data[3] += 30; data[4] += 20; }\r\n intentChart.update();\r\n }\r\n },\r\n\r\n addRow: (text, intent, score) => {\r\n const tbody = document.getElementById('dataTable');\r\n const row = document.createElement('tr');\r\n let tag = score > 30 ? 'Hot' : (score > 10 ? 'Warm' : 'Cold');\r\n let color = score > 30 ? '#fca5a5' : (score > 10 ? '#fcd34d' : '#cbd5e1');\r\n let bg = score > 30 ? 'rgba(239,68,68,0.2)' : (score > 10 ? 'rgba(245,158,11,0.2)' : 'rgba(255,255,255,0.1)');\r\n \r\n row.innerHTML = `\r\n <td style=\"padding-left: 24px; color:#52525b\">${new Date().toLocaleTimeString()}<\/td>\r\n <td>Guest_User<\/td>\r\n <td>${text}<\/td>\r\n <td style=\"color:var(--accent)\">${intent}<\/td>\r\n <td><span class=\"status-tag\" style=\"background:${bg}; color:${color}\">${tag}<\/span><\/td>\r\n `;\r\n tbody.insertBefore(row, tbody.firstChild);\r\n }\r\n };\r\n\r\n \/\/ --- 4. MAIN FUNCTIONS ---\r\n function sendMessage() {\r\n const input = document.getElementById('userInput');\r\n const text = input.value;\r\n if(!text) return;\r\n\r\n \/\/ 1. User Msg\r\n UI.addMsg(text, 'out');\r\n input.value = '';\r\n UI.log(`Received: \"${text}\"`);\r\n\r\n \/\/ 2. Process\r\n setTimeout(() => {\r\n const result = Brain.process(text);\r\n UI.log(`Intent Recognized: <span class=\"highlight\">${result.type.toUpperCase()}<\/span>`);\r\n UI.log(`Confidence Score: ${(0.8 + Math.random()*0.19).toFixed(2)}`);\r\n \r\n \/\/ 3. Update Dashboard\r\n UI.updateMetrics(result);\r\n UI.addRow(text, result.type, result.score);\r\n\r\n \/\/ 4. Bot Reply\r\n setTimeout(() => {\r\n UI.addMsg(result.resp, 'in');\r\n UI.log(`Generated Response via GPT-4o Model.`);\r\n UI.log(`Syncing with ERPNext... Success.`);\r\n }, 600);\r\n\r\n }, 400);\r\n }\r\n\r\n function triggerGhost() {\r\n const log = document.getElementById('ghostLog');\r\n log.innerHTML = \"> Detecting inactive session...<br>> Triggering Workflow ID: #RE_ENGAGE_01...\";\r\n \r\n setTimeout(() => {\r\n log.innerHTML = \"> Message Sent Successfully.\";\r\n UI.addMsg(\"\ud83d\udc4b Hi! I noticed you viewed our pricing but didn't sign up. Here is a 10% discount code valid for 24 hours. Interested?\", 'in');\r\n UI.log(\"OUTBOUND EVENT: Re-engagement message dispatched.\");\r\n \r\n \/\/ Scroll to phone\r\n document.querySelector('.hero').scrollIntoView({behavior: 'smooth'});\r\n }, 1500);\r\n }\r\n\r\n \/\/ --- 5. SCROLL ANIMATION ---\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if(entry.isIntersecting) entry.target.classList.add('visible');\r\n });\r\n }, { threshold: 0.1 });\r\n \r\n document.querySelectorAll('.fade-up').forEach(el => observer.observe(el));\r\n\r\n \/\/ Init\r\n window.addEventListener('load', initCharts);\r\n document.getElementById('userInput').addEventListener('keypress', (e) => {\r\n if(e.key === 'Enter') sendMessage();\r\n });\r\n\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Aiingo Enterprise | The Neural Demo Live Demo System Active Aiingo Neural Engine Experience the 2026 AI Stack. Interact with the simulator below to see real-time NLP, Sentiment Analysis, and ERP Synchronization. Aiingo Bot Online Hi, I need pricing info. Hello! \ud83d\udc4b Our Enterprise plans start at $500\/mo. Would you like a breakdown? The Neural […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-7000","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/pages\/7000","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=7000"}],"version-history":[{"count":10,"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/pages\/7000\/revisions"}],"predecessor-version":[{"id":7011,"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/pages\/7000\/revisions\/7011"}],"wp:attachment":[{"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/media?parent=7000"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

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

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

\n\t\t\t

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

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Aiingo Enterprise | The Neural Demo<\/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&family=JetBrains+Mono:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n\r\n <style>\r\n \/* --- 1. DESIGN TOKENS --- *\/\r\n :root {\r\n --bg-deep: #050505;\r\n --bg-panel: #0F0F11;\r\n --bg-card: #18181B;\r\n \r\n --border: 1px solid rgba(255,255,255,0.08);\r\n --border-active: 1px solid rgba(59,130,246,0.3);\r\n \r\n --primary: #10B981; \/* Success Green *\/\r\n --accent: #3B82F6; \/* Tech Blue *\/\r\n --warning: #F59E0B;\r\n --danger: #EF4444;\r\n \r\n --text-main: #FFFFFF;\r\n --text-muted: #A1A1AA;\r\n \r\n --font-ui: 'Inter', sans-serif;\r\n --font-code: 'JetBrains Mono', monospace;\r\n \r\n --glow: 0 0 20px rgba(59,130,246,0.1);\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n \r\n body {\r\n background-color: var(--bg-deep);\r\n color: var(--text-main);\r\n font-family: var(--font-ui);\r\n overflow-x: hidden;\r\n line-height: 1.6;\r\n }\r\n\r\n h1, h2, h3 { line-height: 1.2; letter-spacing: -0.02em; }\r\n .code { font-family: var(--font-code); }\r\n\r\n \/* --- 2. LAYOUT UTILS --- *\/\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n }\r\n \r\n .section {\r\n padding: 80px 0;\r\n border-bottom: var(--border);\r\n position: relative;\r\n }\r\n\r\n .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }\r\n .grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }\r\n\r\n \/* --- 3. COMPONENTS --- *\/\r\n .badge {\r\n display: inline-flex; align-items: center; gap: 6px;\r\n background: rgba(16, 185, 129, 0.1); color: var(--primary);\r\n padding: 6px 12px; border-radius: 100px; font-size: 0.75rem; font-weight: 600;\r\n border: 1px solid rgba(16, 185, 129, 0.2); margin-bottom: 20px;\r\n }\r\n .pulse { width: 8px; height: 8px; background: currentColor; border-radius: 50%; animation: pulse 2s infinite; }\r\n\r\n .card {\r\n background: var(--bg-card); border: var(--border); border-radius: 16px; padding: 24px;\r\n transition: 0.3s; position: relative; overflow: hidden;\r\n }\r\n .card:hover { border-color: var(--accent); box-shadow: var(--glow); }\r\n .card h3 { font-size: 1.1rem; color: var(--text-muted); margin-bottom: 16px; text-transform: uppercase; font-size: 0.8rem; letter-spacing: 1px; }\r\n\r\n \/* --- 4. PHONE SIMULATOR (Global) --- *\/\r\n .phone-wrapper {\r\n position: relative;\r\n width: 320px; height: 640px;\r\n background: #fff; border-radius: 45px;\r\n border: 8px solid #27272a;\r\n box-shadow: 0 50px 100px -20px rgba(0,0,0,0.5);\r\n display: flex; flex-direction: column;\r\n margin: 0 auto;\r\n overflow: hidden;\r\n }\r\n .wa-header { background: #075E54; padding: 40px 16px 12px; color: white; display: flex; gap: 10px; align-items: center; }\r\n .wa-chat { \r\n flex: 1; background: #e5ddd5; padding: 15px; overflow-y: auto; display: flex; flex-direction: column; gap: 10px; \r\n background-image: url('https:\/\/user-images.githubusercontent.com\/15075759\/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png'); opacity: 0.95;\r\n }\r\n .bubble { padding: 8px 12px; border-radius: 8px; font-size: 0.9rem; max-width: 80%; position: relative; color: #111; animation: pop 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }\r\n .bubble.in { background: #fff; align-self: flex-start; border-top-left-radius: 0; }\r\n .bubble.out { background: #dcf8c6; align-self: flex-end; border-top-right-radius: 0; }\r\n .wa-input-box { background: #f0f0f0; padding: 10px; display: flex; gap: 8px; align-items: center; }\r\n .wa-input { flex: 1; padding: 10px 16px; border-radius: 20px; border: none; outline: none; }\r\n .send-btn { color: #075E54; cursor: pointer; font-size: 1.2rem; }\r\n\r\n \/* --- 5. SECTIONS SPECIFIC --- *\/\r\n \r\n \/* Hero *\/\r\n .hero { text-align: center; padding-top: 100px; padding-bottom: 60px; background: radial-gradient(circle at center, #18181B 0%, #050505 70%); }\r\n .hero h1 { font-size: 4rem; font-weight: 800; margin-bottom: 20px; background: linear-gradient(to right, #fff, #94a3b8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\r\n \r\n \/* Terminal *\/\r\n .terminal-window {\r\n background: #000; border-radius: 12px; border: var(--border); padding: 0; font-family: var(--font-code); height: 400px; display: flex; flex-direction: column;\r\n }\r\n .term-header { background: #18181b; padding: 10px 16px; display: flex; gap: 6px; border-bottom: var(--border); }\r\n .dot { width: 10px; height: 10px; border-radius: 50%; background: #3f3f46; }\r\n .dot.r { background: #ef4444; } .dot.y { background: #f59e0b; } .dot.g { background: #10b981; }\r\n .term-body { padding: 16px; color: #a1a1aa; font-size: 0.85rem; overflow-y: auto; flex: 1; }\r\n .log-line { margin-bottom: 6px; display: flex; gap: 12px; }\r\n .ts { color: #52525b; }\r\n .val { color: #e4e4e7; }\r\n .highlight { color: var(--accent); }\r\n \r\n \/* Analytics Grid *\/\r\n .metric-big { font-size: 2.5rem; font-weight: 700; color: white; margin-bottom: 5px; }\r\n .metric-label { font-size: 0.9rem; color: var(--text-muted); }\r\n .chart-container { height: 250px; width: 100%; }\r\n\r\n \/* Data Table *\/\r\n .data-table { width: 100%; border-collapse: collapse; font-size: 0.9rem; }\r\n .data-table th { text-align: left; padding: 12px; color: var(--text-muted); border-bottom: var(--border); font-weight: 500; }\r\n .data-table td { padding: 12px; border-bottom: 1px solid rgba(255,255,255,0.05); }\r\n .status-tag { padding: 4px 8px; border-radius: 4px; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; }\r\n \r\n \/* Ghost Box *\/\r\n .ghost-section { text-align: center; background: radial-gradient(circle at center, #1e1e24 0%, #050505 70%); }\r\n .ghost-btn {\r\n background: white; color: black; border: none; padding: 16px 32px; border-radius: 8px;\r\n font-size: 1rem; font-weight: 700; cursor: pointer; margin-top: 20px; transition: 0.3s;\r\n display: inline-flex; align-items: center; gap: 10px;\r\n }\r\n .ghost-btn:hover { transform: scale(1.05); background: var(--accent); color: white; }\r\n\r\n \/* --- ANIMATIONS --- *\/\r\n @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } }\r\n @keyframes pop { 0% { transform: scale(0.9); opacity: 0; } 100% { transform: scale(1); opacity: 1; } }\r\n @keyframes slideIn { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }\r\n \r\n .fade-up { opacity: 0; transform: translateY(20px); transition: 0.6s ease-out; }\r\n .fade-up.visible { opacity: 1; transform: translateY(0); }\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"hero\">\r\n <div class=\"container fade-up\">\r\n <div class=\"badge\"><div class=\"pulse\"><\/div> Live Demo System Active<\/div>\r\n <h1>Aiingo Neural Engine<\/h1>\r\n <p style=\"color: var(--text-muted); font-size: 1.2rem; max-width: 600px; margin: 0 auto;\">\r\n Experience the 2026 AI Stack. Interact with the simulator below to see real-time NLP, Sentiment Analysis, and ERP Synchronization.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"section\">\r\n <div class=\"container grid-2\">\r\n \r\n <div class=\"fade-up\">\r\n <div class=\"phone-wrapper\">\r\n <div class=\"wa-header\">\r\n <div style=\"width:35px; height:35px; background:white; border-radius:50%; display:grid; place-items:center; color:#075E54\"><i class=\"fas fa-robot\"><\/i><\/div>\r\n <div>\r\n <div style=\"font-weight:600; font-size:0.9rem;\">Aiingo Bot<\/div>\r\n <div style=\"font-size:0.7rem; opacity:0.8;\">Online<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"wa-chat\" id=\"chatArea\">\r\n <div class=\"bubble out\">Hi, I need pricing info.<\/div>\r\n <div class=\"bubble in\">Hello! \ud83d\udc4b Our Enterprise plans start at $500\/mo. Would you like a breakdown?<\/div>\r\n <\/div>\r\n <div class=\"wa-input-box\">\r\n <input type=\"text\" class=\"wa-input\" id=\"userInput\" placeholder=\"Type here...\" autocomplete=\"off\">\r\n <i class=\"fas fa-paper-plane send-btn\" onclick=\"sendMessage()\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"fade-up\" style=\"transition-delay: 0.1s;\">\r\n <h2 style=\"margin-bottom: 10px;\">The Neural Stream<\/h2>\r\n <p style=\"color:var(--text-muted); margin-bottom: 20px;\">\r\n Watch the AI break down your message into tokens, intents, and actionable data in real-time.\r\n <\/p>\r\n <div class=\"terminal-window\">\r\n <div class=\"term-header\">\r\n <div class=\"dot r\"><\/div><div class=\"dot y\"><\/div><div class=\"dot g\"><\/div>\r\n <span style=\"font-size:0.7rem; color:#52525b; margin-left:10px;\">live_stream.log<\/span>\r\n <\/div>\r\n <div class=\"term-body\" id=\"terminal\">\r\n <div class=\"log-line\"><span class=\"ts\">10:00:01<\/span> <span class=\"val\">System initialized.<\/span><\/div>\r\n <div class=\"log-line\"><span class=\"ts\">10:00:01<\/span> <span class=\"val\" style=\"color:var(--primary)\">Listening on Port 443 (Secure WSS)...<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"section\" style=\"background: #0B0B0E;\">\r\n <div class=\"container fade-up\">\r\n <h2 style=\"margin-bottom: 40px; text-align: center;\">Real-Time Intelligence<\/h2>\r\n \r\n <div class=\"grid-3\">\r\n <div class=\"card\">\r\n <h3>Intent Detection<\/h3>\r\n <div class=\"chart-container\">\r\n <canvas id=\"intentChart\"><\/canvas>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card\" style=\"text-align: center; display: flex; flex-direction: column; justify-content: center;\">\r\n <h3>Live Lead Score<\/h3>\r\n <div style=\"width: 150px; height: 150px; border-radius: 50%; border: 10px solid var(--accent); margin: 20px auto; display: flex; align-items: center; justify-content: center; font-size: 3rem; font-weight: 700; color: white; box-shadow: 0 0 30px rgba(59,130,246,0.3);\" id=\"scoreDisplay\">\r\n 45\r\n <\/div>\r\n <p style=\"font-size: 0.9rem; color: var(--text-muted);\">Based on keyword value<\/p>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <h3>Session Metrics<\/h3>\r\n <div style=\"margin-bottom: 20px;\">\r\n <div class=\"metric-big\" id=\"msgCount\">2<\/div>\r\n <div class=\"metric-label\">Messages Exchanged<\/div>\r\n <\/div>\r\n <div style=\"margin-bottom: 20px;\">\r\n <div class=\"metric-big\" style=\"color:var(--primary)\">0.3s<\/div>\r\n <div class=\"metric-label\">Avg Response Latency<\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"metric-big\" style=\"color:var(--warning)\" id=\"sentimentMetric\">Neutral<\/div>\r\n <div class=\"metric-label\">Current Sentiment<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"section\">\r\n <div class=\"container fade-up\">\r\n <div style=\"display:flex; justify-content: space-between; align-items: center; margin-bottom: 30px;\">\r\n <h2><i class=\"fas fa-database\" style=\"color:var(--accent)\"><\/i> Live CRM \/ Sheet Sync<\/h2>\r\n <span class=\"badge\"><i class=\"fas fa-check\"><\/i> Connected to ERPNext<\/span>\r\n <\/div>\r\n \r\n <div class=\"card\" style=\"padding: 0;\">\r\n <table class=\"data-table\">\r\n <thead>\r\n <tr>\r\n <th style=\"padding-left: 24px;\">Time<\/th>\r\n <th>User ID<\/th>\r\n <th>Message Snippet<\/th>\r\n <th>Classified Intent<\/th>\r\n <th>Status<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody id=\"dataTable\">\r\n <tr>\r\n <td style=\"padding-left: 24px; color:#52525b\">10:00:05<\/td>\r\n <td>Guest_8821<\/td>\r\n <td>Hi, I need pricing...<\/td>\r\n <td style=\"color:var(--accent)\">Pricing Inquiry<\/td>\r\n <td><span class=\"status-tag\" style=\"background:rgba(245, 158, 11, 0.2); color:#fcd34d\">Warm<\/span><\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"section ghost-section\">\r\n <div class=\"container fade-up\">\r\n <i class=\"fas fa-ghost\" style=\"font-size: 4rem; color: #52525b; margin-bottom: 20px;\"><\/i>\r\n <h2>The \"Ghosting\" Simulation<\/h2>\r\n <p style=\"color:var(--text-muted); max-width: 600px; margin: 10px auto 30px;\">\r\n What happens when a lead stops replying? Click below to simulate a \"48-hour No Reply\" event and trigger the AI Re-engagement workflow.\r\n <\/p>\r\n <button class=\"ghost-btn\" onclick=\"triggerGhost()\">\r\n <i class=\"fas fa-bolt\"><\/i> Trigger Re-engagement\r\n <\/button>\r\n <div id=\"ghostLog\" style=\"margin-top: 20px; font-family: var(--font-code); color: var(--accent); min-height: 24px;\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div style=\"padding: 40px; text-align: center; color: #333; font-size: 0.8rem; background: black;\">\r\n Aiingo Enterprise Demo System v2.4\r\n <\/div>\r\n\r\n <script>\r\n \/\/ --- 1. MOCK AI ENGINE ---\r\n const Brain = {\r\n intents: {\r\n 'price': { score: 20, type: 'Pricing', resp: 'Our Enterprise plans start at $500\/mo. I can send a PDF proposal?' },\r\n 'cost': { score: 20, type: 'Pricing', resp: 'Cost depends on volume. Ballpark is $5k setup. Interested?' },\r\n 'demo': { score: 30, type: 'Demo Req', resp: 'I can book a demo for you tomorrow at 10 AM. Shall I confirm?' },\r\n 'human': { score: 10, type: 'Handover', resp: 'Connecting you to a specialist... (Agents are online).' },\r\n 'hello': { score: 5, type: 'Greeting', resp: 'Hello! Welcome to Aiingo. How can I automate your growth?' },\r\n 'yes': { score: 40, type: 'Conversion', resp: 'Great! I have updated our CRM. A manager will call you shortly.' }\r\n },\r\n process: function(text) {\r\n const lower = text.toLowerCase();\r\n let bestMatch = null;\r\n \r\n \/\/ Simple keyword matching\r\n for (const key in this.intents) {\r\n if (lower.includes(key)) {\r\n bestMatch = this.intents[key];\r\n break;\r\n }\r\n }\r\n \r\n if (!bestMatch) return { \r\n type: 'General', \r\n score: 5, \r\n resp: `I see you're asking about \"${text.substring(0,10)}...\". Could you clarify so I can check our database?` \r\n };\r\n \r\n return bestMatch;\r\n }\r\n };\r\n\r\n \/\/ --- 2. CHART CONFIG ---\r\n let intentChart;\r\n const initCharts = () => {\r\n const ctx = document.getElementById('intentChart').getContext('2d');\r\n intentChart = new Chart(ctx, {\r\n type: 'radar',\r\n data: {\r\n labels: ['Pricing', 'Technical', 'Support', 'Urgency', 'Buying Intent'],\r\n datasets: [{\r\n label: 'Live Conversation Vector',\r\n data: [20, 10, 10, 10, 10],\r\n backgroundColor: 'rgba(59, 130, 246, 0.2)',\r\n borderColor: '#3B82F6',\r\n pointBackgroundColor: '#fff'\r\n }]\r\n },\r\n options: {\r\n scales: { r: { angleLines: { color: '#333' }, grid: { color: '#333' }, pointLabels: { color: '#888' }, ticks: { display: false } } },\r\n plugins: { legend: { display: false } }\r\n }\r\n });\r\n };\r\n\r\n \/\/ --- 3. UI CONTROLLER ---\r\n const UI = {\r\n addMsg: (text, type) => {\r\n const chat = document.getElementById('chatArea');\r\n const div = document.createElement('div');\r\n div.className = `bubble ${type}`;\r\n div.innerText = text;\r\n chat.appendChild(div);\r\n chat.scrollTop = chat.scrollHeight;\r\n },\r\n \r\n log: (msg) => {\r\n const term = document.getElementById('terminal');\r\n const div = document.createElement('div');\r\n div.className = 'log-line';\r\n const time = new Date().toLocaleTimeString().split(' ')[0];\r\n div.innerHTML = `<span class=\"ts\">${time}<\/span> <span class=\"val\">${msg}<\/span>`;\r\n term.insertBefore(div, term.firstChild);\r\n },\r\n\r\n updateMetrics: (result) => {\r\n \/\/ Score\r\n const scoreEl = document.getElementById('scoreDisplay');\r\n let currScore = parseInt(scoreEl.innerText);\r\n let newScore = Math.min(100, currScore + result.score);\r\n scoreEl.innerText = newScore;\r\n if(newScore > 70) scoreEl.style.borderColor = '#10B981';\r\n \r\n \/\/ Count\r\n const countEl = document.getElementById('msgCount');\r\n countEl.innerText = parseInt(countEl.innerText) + 1;\r\n\r\n \/\/ Sentiment\r\n const sentEl = document.getElementById('sentimentMetric');\r\n if(result.score >= 20) { sentEl.innerText = \"Positive\"; sentEl.style.color = \"#10B981\"; }\r\n else { sentEl.innerText = \"Neutral\"; sentEl.style.color = \"#F59E0B\"; }\r\n\r\n \/\/ Chart\r\n if(intentChart) {\r\n const data = intentChart.data.datasets[0].data;\r\n if(result.type === 'Pricing') data[0] += 20;\r\n if(result.type === 'Demo Req') { data[3] += 30; data[4] += 20; }\r\n intentChart.update();\r\n }\r\n },\r\n\r\n addRow: (text, intent, score) => {\r\n const tbody = document.getElementById('dataTable');\r\n const row = document.createElement('tr');\r\n let tag = score > 30 ? 'Hot' : (score > 10 ? 'Warm' : 'Cold');\r\n let color = score > 30 ? '#fca5a5' : (score > 10 ? '#fcd34d' : '#cbd5e1');\r\n let bg = score > 30 ? 'rgba(239,68,68,0.2)' : (score > 10 ? 'rgba(245,158,11,0.2)' : 'rgba(255,255,255,0.1)');\r\n \r\n row.innerHTML = `\r\n <td style=\"padding-left: 24px; color:#52525b\">${new Date().toLocaleTimeString()}<\/td>\r\n <td>Guest_User<\/td>\r\n <td>${text}<\/td>\r\n <td style=\"color:var(--accent)\">${intent}<\/td>\r\n <td><span class=\"status-tag\" style=\"background:${bg}; color:${color}\">${tag}<\/span><\/td>\r\n `;\r\n tbody.insertBefore(row, tbody.firstChild);\r\n }\r\n };\r\n\r\n \/\/ --- 4. MAIN FUNCTIONS ---\r\n function sendMessage() {\r\n const input = document.getElementById('userInput');\r\n const text = input.value;\r\n if(!text) return;\r\n\r\n \/\/ 1. User Msg\r\n UI.addMsg(text, 'out');\r\n input.value = '';\r\n UI.log(`Received: \"${text}\"`);\r\n\r\n \/\/ 2. Process\r\n setTimeout(() => {\r\n const result = Brain.process(text);\r\n UI.log(`Intent Recognized: <span class=\"highlight\">${result.type.toUpperCase()}<\/span>`);\r\n UI.log(`Confidence Score: ${(0.8 + Math.random()*0.19).toFixed(2)}`);\r\n \r\n \/\/ 3. Update Dashboard\r\n UI.updateMetrics(result);\r\n UI.addRow(text, result.type, result.score);\r\n\r\n \/\/ 4. Bot Reply\r\n setTimeout(() => {\r\n UI.addMsg(result.resp, 'in');\r\n UI.log(`Generated Response via GPT-4o Model.`);\r\n UI.log(`Syncing with ERPNext... Success.`);\r\n }, 600);\r\n\r\n }, 400);\r\n }\r\n\r\n function triggerGhost() {\r\n const log = document.getElementById('ghostLog');\r\n log.innerHTML = \"> Detecting inactive session...<br>> Triggering Workflow ID: #RE_ENGAGE_01...\";\r\n \r\n setTimeout(() => {\r\n log.innerHTML = \"> Message Sent Successfully.\";\r\n UI.addMsg(\"\ud83d\udc4b Hi! I noticed you viewed our pricing but didn't sign up. Here is a 10% discount code valid for 24 hours. Interested?\", 'in');\r\n UI.log(\"OUTBOUND EVENT: Re-engagement message dispatched.\");\r\n \r\n \/\/ Scroll to phone\r\n document.querySelector('.hero').scrollIntoView({behavior: 'smooth'});\r\n }, 1500);\r\n }\r\n\r\n \/\/ --- 5. SCROLL ANIMATION ---\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if(entry.isIntersecting) entry.target.classList.add('visible');\r\n });\r\n }, { threshold: 0.1 });\r\n \r\n document.querySelectorAll('.fade-up').forEach(el => observer.observe(el));\r\n\r\n \/\/ Init\r\n window.addEventListener('load', initCharts);\r\n document.getElementById('userInput').addEventListener('keypress', (e) => {\r\n if(e.key === 'Enter') sendMessage();\r\n });\r\n\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Aiingo Enterprise | The Neural Demo Live Demo System Active Aiingo Neural Engine Experience the 2026 AI Stack. Interact with the simulator below to see real-time NLP, Sentiment Analysis, and ERP Synchronization. Aiingo Bot Online Hi, I need pricing info. Hello! \ud83d\udc4b Our Enterprise plans start at $500\/mo. Would you like a breakdown? The Neural […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-7000","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/pages\/7000","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=7000"}],"version-history":[{"count":10,"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/pages\/7000\/revisions"}],"predecessor-version":[{"id":7011,"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/pages\/7000\/revisions\/7011"}],"wp:attachment":[{"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/media?parent=7000"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}