{"id":6325,"date":"2025-11-28T07:21:44","date_gmt":"2025-11-28T07:21:44","guid":{"rendered":"https:\/\/aiingo.com\/?page_id=6325"},"modified":"2025-12-02T13:14:06","modified_gmt":"2025-12-02T13:14:06","slug":"gmb-dashboard-sahara","status":"publish","type":"page","link":"https:\/\/aiingo.com\/index.php\/gmb-dashboard-sahara\/","title":{"rendered":"GMB Dashboard-Ai"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\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 AIA GMB Bot Demo<\/title>\r\n <!-- Google Fonts -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <!-- Font Awesome for Icons -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* --- CSS Variables & Reset --- *\/\r\n :root {\r\n --primary: #6366f1; \/* Indigo for AI\/Modern Feel *\/\r\n --primary-dark: #4f46e5;\r\n --success: #10b981; \r\n --warning: #f59e0b; \r\n --danger: #ef4444;\r\n --purple: #8b5cf6; \/* Voice\/AI *\/\r\n --bg-body: #f3f4f6;\r\n --bg-card: #ffffff;\r\n --text-main: #111827;\r\n --text-sub: #6b7280;\r\n --border: #e5e7eb;\r\n --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\r\n --radius: 12px;\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n \r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background-color: var(--bg-body);\r\n color: var(--text-main);\r\n min-height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n padding-bottom: 80px; \/* Space for floating CTA on mobile *\/\r\n }\r\n\r\n \/* --- Header --- *\/\r\n header {\r\n background: var(--bg-card);\r\n padding: 1rem 2rem;\r\n border-bottom: 1px solid var(--border);\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n position: sticky;\r\n top: 0;\r\n z-index: 100;\r\n }\r\n\r\n .brand {\r\n font-weight: 800;\r\n font-size: 1.4rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n letter-spacing: -0.5px;\r\n }\r\n .brand i { color: var(--primary); }\r\n\r\n \/* --- Hero Section & Hook --- *\/\r\n .hero-section {\r\n text-align: center;\r\n padding: 2rem 1rem 1rem;\r\n }\r\n .hero-title {\r\n font-size: 2.5rem;\r\n font-weight: 800;\r\n color: var(--text-main);\r\n margin-bottom: 0.5rem;\r\n }\r\n .hero-highlight {\r\n color: var(--primary);\r\n position: relative;\r\n display: inline-block;\r\n }\r\n .hero-sub { color: var(--text-sub); font-size: 1.1rem; max-width: 600px; margin: 0 auto; }\r\n\r\n \/* --- Control Panel (Industry Select) --- *\/\r\n .control-panel {\r\n background: white;\r\n padding: 1.5rem;\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow);\r\n margin-bottom: 2rem;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 1.5rem;\r\n border: 1px solid var(--border);\r\n }\r\n\r\n .industry-label {\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n color: var(--text-sub);\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .industry-options {\r\n display: flex;\r\n gap: 1rem;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n }\r\n\r\n .ind-btn {\r\n background: #f3f4f6;\r\n border: 2px solid transparent;\r\n padding: 0.8rem 1.5rem;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n font-weight: 600;\r\n color: var(--text-sub);\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n transition: all 0.2s;\r\n }\r\n .ind-btn:hover { background: #e5e7eb; }\r\n .ind-btn.active {\r\n background: #eef2ff;\r\n border-color: var(--primary);\r\n color: var(--primary);\r\n }\r\n .ind-btn i { font-size: 1.1rem; }\r\n\r\n .cta-btn {\r\n background-color: var(--primary);\r\n color: white;\r\n padding: 1rem 2.5rem;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: 1.1rem;\r\n transition: transform 0.2s, background-color 0.2s;\r\n border: none;\r\n cursor: pointer;\r\n box-shadow: 0 4px 15px rgba(99, 102, 241, 0.4);\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n .cta-btn:hover { background-color: var(--primary-dark); transform: translateY(-2px); }\r\n .cta-btn:disabled { background-color: #9ca3af; cursor: not-allowed; transform: none; box-shadow: none; }\r\n\r\n \/* --- Main Layout --- *\/\r\n main {\r\n flex: 1;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n width: 100%;\r\n padding: 1rem 2rem 2rem;\r\n display: grid;\r\n gap: 2rem;\r\n }\r\n\r\n \/* --- Analytics Section --- *\/\r\n .stats-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 1.5rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .stat-card {\r\n background: var(--bg-card);\r\n padding: 1.5rem;\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow);\r\n border-left: 4px solid var(--primary);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n transition: transform 0.2s;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .stat-card:hover { transform: translateY(-2px); }\r\n .stat-title { font-size: 0.75rem; color: var(--text-sub); text-transform: uppercase; letter-spacing: 0.5px; font-weight: 600; }\r\n .stat-value { font-size: 1.8rem; font-weight: 700; color: var(--text-main); margin: 0.5rem 0; }\r\n .stat-trend { font-size: 0.85rem; display: flex; align-items: center; gap: 5px; }\r\n .trend-up { color: var(--success); }\r\n .trend-down { color: var(--danger); }\r\n \r\n \/* Background Icon for Stats *\/\r\n .stat-bg-icon {\r\n position: absolute;\r\n right: -10px;\r\n bottom: -10px;\r\n font-size: 4rem;\r\n opacity: 0.05;\r\n color: var(--text-main);\r\n }\r\n\r\n \/* --- SEO & Growth Dashboard --- *\/\r\n .seo-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1fr;\r\n gap: 1.5rem;\r\n margin-bottom: 1rem;\r\n }\r\n @media (max-width: 1024px) { .seo-grid { grid-template-columns: 1fr; } }\r\n\r\n .seo-panel {\r\n background: var(--bg-card);\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow);\r\n border: 1px solid var(--border);\r\n padding: 1.5rem;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n \r\n .section-title { font-weight: 600; margin-bottom: 1rem; display: flex; justify-content: space-between; align-items: center; }\r\n \r\n \/* Rank Tracker Table *\/\r\n .rank-table { width: 100%; border-collapse: collapse; font-size: 0.9rem; }\r\n .rank-table th { text-align: left; color: var(--text-sub); font-weight: 500; padding-bottom: 0.5rem; font-size: 0.8rem; }\r\n .rank-table td { padding: 0.8rem 0; border-bottom: 1px solid #f3f4f6; }\r\n .rank-pos { font-weight: 700; color: var(--text-main); }\r\n .rank-change { font-size: 0.8rem; margin-left: 5px; }\r\n .rank-up { color: var(--success); }\r\n .rank-down { color: var(--danger); }\r\n .keyword-tag { background: #f0fdf4; color: #166534; padding: 2px 6px; border-radius: 4px; font-size: 0.8rem; }\r\n\r\n \/* Voice Optimization Panel *\/\r\n .voice-stats {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1rem;\r\n }\r\n .voice-item {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n background: #f8fafc;\r\n padding: 0.8rem;\r\n border-radius: 8px;\r\n }\r\n .voice-label { display: flex; align-items: center; gap: 10px; font-size: 0.9rem; font-weight: 500; }\r\n .voice-score { font-weight: 700; color: var(--purple); }\r\n .voice-bar { height: 6px; width: 100px; background: #e2e8f0; border-radius: 3px; overflow: hidden; }\r\n .voice-fill { height: 100%; background: var(--purple); width: 0%; transition: width 1s ease; }\r\n\r\n \/* Map Visibility Gauge *\/\r\n .map-status { text-align: center; padding: 1rem 0; }\r\n .circle-gauge {\r\n width: 100px; height: 100px; border-radius: 50%; border: 8px solid #f3f4f6;\r\n border-top-color: var(--primary); border-right-color: var(--primary);\r\n margin: 0 auto 10px; display: flex; align-items: center; justify-content: center;\r\n font-size: 1.5rem; font-weight: 700; color: var(--primary);\r\n transition: transform 1s ease;\r\n }\r\n .gauge-label { font-size: 0.9rem; color: var(--text-sub); }\r\n\r\n\r\n \/* --- Dashboard Container --- *\/\r\n .dashboard-layout {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr;\r\n gap: 2rem;\r\n }\r\n \r\n .dashboard-panel {\r\n background: var(--bg-card);\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow);\r\n border: 1px solid var(--border);\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n height: 500px;\r\n }\r\n\r\n .panel-header {\r\n padding: 1rem 1.5rem;\r\n border-bottom: 1px solid var(--border);\r\n background: #f8fafc;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n .panel-title { font-weight: 600; font-size: 1rem; }\r\n\r\n \/* --- Live Feed Styles --- *\/\r\n .reviews-list {\r\n padding: 0;\r\n list-style: none;\r\n overflow-y: auto;\r\n flex: 1;\r\n }\r\n\r\n .review-item {\r\n padding: 1.5rem;\r\n border-bottom: 1px solid var(--border);\r\n display: grid;\r\n grid-template-columns: 50px 1fr;\r\n gap: 1rem;\r\n animation: slideIn 0.5s ease-out;\r\n position: relative;\r\n background: white;\r\n transition: all 0.3s;\r\n }\r\n \r\n .review-item:hover {\r\n background-color: #f9fafb;\r\n }\r\n\r\n .review-item.new-item {\r\n border-left: 4px solid var(--primary);\r\n background-color: #eef2ff;\r\n }\r\n\r\n .avatar {\r\n width: 45px;\r\n height: 45px;\r\n background: #e0e7ff;\r\n color: var(--primary);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 700;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .review-content { width: 100%; }\r\n \r\n .review-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n margin-bottom: 5px;\r\n }\r\n \r\n .stars { color: var(--warning); font-size: 0.9rem; margin: 4px 0; }\r\n .review-text { font-size: 0.95rem; color: var(--text-main); margin-bottom: 1rem; line-height: 1.5; }\r\n \r\n \/* --- Bot Reply & Hover Logic --- *\/\r\n .reply-container {\r\n margin-top: 15px;\r\n position: relative;\r\n }\r\n\r\n .reply-box {\r\n background: #f8fafc;\r\n padding: 1rem;\r\n border-radius: 8px;\r\n border-left: 3px solid var(--purple);\r\n font-size: 0.9rem;\r\n position: relative;\r\n display: none;\r\n }\r\n .reply-box.visible { display: block; animation: fadeIn 0.5s ease; }\r\n \r\n \/* Hover to Reveal AI Logic *\/\r\n .ai-logic-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(17, 24, 39, 0.96);\r\n color: white;\r\n border-radius: 8px;\r\n padding: 1rem;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n pointer-events: none; \r\n z-index: 10;\r\n backdrop-filter: blur(4px);\r\n }\r\n\r\n .reply-container:hover .ai-logic-overlay {\r\n opacity: 1;\r\n pointer-events: auto;\r\n }\r\n\r\n .logic-tag {\r\n display: inline-block;\r\n padding: 3px 8px;\r\n border-radius: 4px;\r\n font-size: 0.75rem;\r\n margin-bottom: 5px;\r\n font-weight: 600;\r\n }\r\n .tag-llm { background: rgba(139, 92, 246, 0.2); color: #a78bfa; border: 1px solid #a78bfa; margin-right: 5px; }\r\n .tag-voice { background: rgba(59, 130, 246, 0.2); color: #60a5fa; border: 1px solid #60a5fa; margin-right: 5px; }\r\n\r\n .bot-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 8px;\r\n }\r\n .bot-badge {\r\n font-size: 0.7rem;\r\n text-transform: uppercase;\r\n font-weight: 700;\r\n color: var(--purple);\r\n background: #f3e8ff;\r\n padding: 2px 6px;\r\n border-radius: 4px;\r\n }\r\n \r\n \/* --- Right Panel (Activity Log) --- *\/\r\n .activity-log {\r\n padding: 1rem;\r\n overflow-y: auto;\r\n font-size: 0.85rem;\r\n }\r\n .log-item {\r\n display: flex;\r\n gap: 10px;\r\n margin-bottom: 1rem;\r\n opacity: 0.8;\r\n border-left: 2px solid #ddd;\r\n padding-left: 10px;\r\n animation: fadeIn 0.3s ease;\r\n }\r\n .log-time { color: var(--text-sub); font-size: 0.75rem; min-width: 50px; }\r\n .log-msg { color: var(--text-main); }\r\n .log-success { border-left-color: var(--success); }\r\n .log-error { border-left-color: var(--danger); }\r\n .log-ai { border-left-color: var(--purple); background: #f5f3ff; }\r\n \r\n \/* --- Loading Indicators --- *\/\r\n .typing-indicator { display: inline-flex; gap: 3px; }\r\n .typing-dot {\r\n width: 4px; height: 4px; background: #6b7280; border-radius: 50%;\r\n animation: bounce 1.4s infinite ease-in-out;\r\n }\r\n .typing-dot:nth-child(1) { animation-delay: -0.32s; }\r\n .typing-dot:nth-child(2) { animation-delay: -0.16s; }\r\n\r\n \/* --- Keyframes --- *\/\r\n @keyframes slideIn { from { opacity: 0; transform: translateX(-20px); } to { opacity: 1; transform: translateX(0); } }\r\n @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\r\n @keyframes bounce { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } }\r\n @keyframes rotateText {\r\n 0%, 20% { transform: translateY(0); opacity: 1; }\r\n 25%, 95% { transform: translateY(-20px); opacity: 0; }\r\n 100% { transform: translateY(0); opacity: 1; }\r\n }\r\n\r\n \/* Source Badges *\/\r\n .source-badge {\r\n font-size: 0.7rem;\r\n color: var(--text-sub);\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n background: #f1f5f9;\r\n padding: 2px 6px;\r\n border-radius: 4px;\r\n }\r\n\r\n \/* --- Floating CTA Styles --- *\/\r\n .floating-cta {\r\n position: fixed;\r\n bottom: 20px;\r\n right: 20px;\r\n background: #25D366; \/* WhatsApp Green *\/\r\n color: white;\r\n padding: 10px 20px;\r\n border-radius: 50px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n text-decoration: none;\r\n box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);\r\n z-index: 1000;\r\n transition: transform 0.2s;\r\n }\r\n .floating-cta:hover { transform: translateY(-3px); }\r\n .cta-icon { font-size: 1.8rem; }\r\n .cta-text { display: flex; flex-direction: column; line-height: 1.1; }\r\n .cta-title { font-weight: 700; font-size: 0.9rem; }\r\n .cta-price { font-size: 0.75rem; opacity: 0.9; }\r\n\r\n \/* --- Mobile Optimizations (App-like View) --- *\/\r\n @media (max-width: 900px) {\r\n body { padding-bottom: 90px; }\r\n main { padding: 1rem; gap: 1rem; }\r\n \r\n \/* App-like Header *\/\r\n header { padding: 0.8rem 1rem; }\r\n .brand { font-size: 1.2rem; }\r\n \/* Hide version on very small screens *\/\r\n header div:last-child { display: none; }\r\n\r\n \/* App-like Hero *\/\r\n .hero-title { font-size: 1.8rem; }\r\n .hero-sub { font-size: 0.9rem; }\r\n\r\n \/* Horizontal Scroll Stats (Native App Feel) *\/\r\n .stats-grid {\r\n display: flex;\r\n overflow-x: auto;\r\n scroll-snap-type: x mandatory;\r\n gap: 1rem;\r\n padding-bottom: 0.5rem;\r\n margin-right: -1rem; \/* Full bleed right *\/\r\n padding-right: 1rem;\r\n }\r\n .stat-card {\r\n min-width: 85vw; \/* Almost full width cards *\/\r\n scroll-snap-align: center;\r\n margin-right: 0;\r\n }\r\n\r\n \/* Stacked Layouts *\/\r\n .seo-grid, .dashboard-layout {\r\n grid-template-columns: 1fr;\r\n gap: 1rem;\r\n }\r\n\r\n \/* Mobile Controls *\/\r\n .control-panel { padding: 1rem; }\r\n .industry-options { gap: 0.5rem; }\r\n .ind-btn { padding: 0.6rem 0.8rem; font-size: 0.8rem; flex: 1 1 45%; justify-content: center;} \r\n \r\n \/* Full width CTA on mobile *\/\r\n .floating-cta {\r\n bottom: 15px;\r\n right: 15px;\r\n left: 15px;\r\n justify-content: center;\r\n border-radius: 12px;\r\n padding: 12px;\r\n }\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <header>\r\n <div class=\"brand\">\r\n <i class=\"fas fa-brain\"><\/i> AIA GMB Bot <span style=\"font-size:0.7rem; background:var(--primary); color:white; padding:2px 6px; border-radius:4px; margin-left:10px; font-weight:600;\">LLM ENABLED<\/span>\r\n <\/div>\r\n <div style=\"font-size:0.9rem; color:var(--text-sub);\">v2.5 Enterprise Edition<\/div>\r\n <\/header>\r\n\r\n <main>\r\n <!-- Hooky Hero -->\r\n <div class=\"hero-section\">\r\n <div class=\"hero-title\">\r\n Optimize Your <span id=\"rotating-text\" class=\"hero-highlight\">Search<\/span>\r\n <\/div>\r\n <p class=\"hero-sub\">The only Generative Engine Optimization (GEO) tool that adapts to your industry and voice.<\/p>\r\n <\/div>\r\n\r\n <!-- Control Panel (Industry Select + CTA) -->\r\n <div class=\"control-panel\">\r\n <div style=\"text-align:center;\">\r\n <div class=\"industry-label\">Select Your Industry to Optimize<\/div>\r\n <div class=\"industry-options\">\r\n <button class=\"ind-btn active\" onclick=\"setIndustry('cafe')\"><i class=\"fas fa-coffee\"><\/i> Cafe<\/button>\r\n <button class=\"ind-btn\" onclick=\"setIndustry('healthcare')\"><i class=\"fas fa-user-md\"><\/i> Healthcare<\/button>\r\n <button class=\"ind-btn\" onclick=\"setIndustry('realestate')\"><i class=\"fas fa-home\"><\/i> Real Estate<\/button>\r\n <button class=\"ind-btn\" onclick=\"setIndustry('legal')\"><i class=\"fas fa-gavel\"><\/i> Legal<\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <button id=\"start-btn\" class=\"cta-btn\">\r\n <i class=\"fas fa-play\"><\/i> Activate Simulation\r\n <\/button>\r\n <\/div>\r\n\r\n <!-- 1. Stats Grid (Updated with LLM\/Voice Metrics) -->\r\n <div class=\"stats-grid\">\r\n <div class=\"stat-card\" style=\"border-left-color: var(--primary);\">\r\n <div class=\"stat-bg-icon\"><i class=\"fas fa-search\"><\/i><\/div>\r\n <div class=\"stat-title\">SEO Health Score<\/div>\r\n <div class=\"stat-value\" id=\"stat-seo\">85\/100<\/div>\r\n <div class=\"stat-trend trend-up\"><i class=\"fas fa-check-circle\"><\/i> Optimized<\/div>\r\n <\/div>\r\n <div class=\"stat-card\" style=\"border-left-color: var(--purple);\">\r\n <div class=\"stat-bg-icon\"><i class=\"fas fa-robot\"><\/i><\/div>\r\n <div class=\"stat-title\">LLM Visibility<\/div>\r\n <div class=\"stat-value\" id=\"stat-llm\">42%<\/div>\r\n <div class=\"stat-trend trend-up\"><i class=\"fas fa-arrow-up\"><\/i> Featured in Gemini<\/div>\r\n <\/div>\r\n <div class=\"stat-card\" style=\"border-left-color: var(--success);\">\r\n <div class=\"stat-bg-icon\"><i class=\"fas fa-microphone\"><\/i><\/div>\r\n <div class=\"stat-title\">Voice Search Rank<\/div>\r\n <div class=\"stat-value\" id=\"stat-voice\">#3<\/div>\r\n <div class=\"stat-trend trend-up\"><i class=\"fas fa-caret-up\"><\/i> Top 3 Pack<\/div>\r\n <\/div>\r\n <div class=\"stat-card\" style=\"border-left-color: var(--warning);\">\r\n <div class=\"stat-bg-icon\"><i class=\"fas fa-star\"><\/i><\/div>\r\n <div class=\"stat-title\">Sentiment Score<\/div>\r\n <div class=\"stat-value\" id=\"stat-sentiment\">4.8<\/div>\r\n <div class=\"stat-trend trend-up\">Positive Trend<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 2. SEO & Growth Dashboard -->\r\n <div class=\"seo-grid\">\r\n \r\n <!-- A. Keyword Rank Tracker -->\r\n <div class=\"seo-panel\">\r\n <div class=\"section-title\">\r\n <span><i class=\"fas fa-list-ol\" style=\"color:var(--primary); margin-right:8px;\"><\/i> Search Rankings<\/span>\r\n <span style=\"font-size:0.8rem; color:var(--text-sub);\">Live<\/span>\r\n <\/div>\r\n <table class=\"rank-table\">\r\n <thead>\r\n <tr>\r\n <th>Keyword<\/th>\r\n <th>Rank<\/th>\r\n <th>Trend<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody id=\"rank-table-body\">\r\n <!-- JS Injected based on Industry -->\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n <!-- B. Voice Search Optimization -->\r\n <div class=\"seo-panel\">\r\n <div class=\"section-title\">\r\n <span><i class=\"fas fa-microphone-alt\" style=\"color:var(--purple); margin-right:8px;\"><\/i> Voice Optimization<\/span>\r\n <\/div>\r\n <div class=\"voice-stats\">\r\n <div class=\"voice-item\">\r\n <div class=\"voice-label\"><i class=\"fab fa-google\"><\/i> Assistant<\/div>\r\n <div class=\"voice-score\">92%<\/div>\r\n <\/div>\r\n <div class=\"voice-item\">\r\n <div class=\"voice-label\"><i class=\"fab fa-apple\"><\/i> Siri Suggestions<\/div>\r\n <div class=\"voice-score\">78%<\/div>\r\n <\/div>\r\n <div class=\"voice-item\">\r\n <div class=\"voice-label\"><i class=\"fas fa-comments\"><\/i> Conversational<\/div>\r\n <div class=\"voice-bar\"><div class=\"voice-fill\" id=\"voice-bar-fill\"><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- C. LLM Knowledge Graph -->\r\n <div class=\"seo-panel\">\r\n <div class=\"section-title\">\r\n <span><i class=\"fas fa-project-diagram\" style=\"color:var(--success); margin-right:8px;\"><\/i> Knowledge Graph<\/span>\r\n <\/div>\r\n <div class=\"map-status\">\r\n <div class=\"circle-gauge\" id=\"llm-gauge\">Low<\/div>\r\n <div class=\"gauge-label\">Entity Authority<\/div>\r\n <div style=\"font-size:0.8rem; color:var(--text-sub); margin-top:10px;\">\r\n Training Data Confidence\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- 3. Dashboard Layout -->\r\n <div class=\"dashboard-layout\">\r\n \r\n <!-- Left: Live Feed -->\r\n <div class=\"dashboard-panel\">\r\n <div class=\"panel-header\">\r\n <div class=\"panel-title\"><i class=\"fas fa-satellite-dish\" style=\"color: var(--primary); margin-right: 8px;\"><\/i> Live Review Stream<\/div>\r\n <span class=\"status-badge\" style=\"background:#e0f2fe; color:#0369a1; padding:4px 8px; border-radius:4px; font-size:0.75rem;\">\r\n <span style=\"width:6px; height:6px; background:#0369a1; border-radius:50%; display:inline-block; margin-right:5px; animation:pulse 2s infinite;\"><\/span> Monitoring\r\n <\/span>\r\n <\/div>\r\n <ul class=\"reviews-list\" id=\"reviews-list\">\r\n <!-- JS Injected -->\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Right: System Logs -->\r\n <div class=\"dashboard-panel\">\r\n <div class=\"panel-header\">\r\n <div class=\"panel-title\"><i class=\"fas fa-code\" style=\"color: var(--text-sub); margin-right: 8px;\"><\/i> AIA Bot Logic<\/div>\r\n <\/div>\r\n <div class=\"activity-log\" id=\"activity-log\">\r\n <div class=\"log-item\">\r\n <span class=\"log-time\">System<\/span>\r\n <span class=\"log-msg\">AIA Bot Model v2.5 initialized.<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/main>\r\n \r\n <!-- Floating WhatsApp CTA -->\r\n <a href=\"https:\/\/wa.me\/971551794900\" target=\"_blank\" class=\"floating-cta\" rel=\"noopener\">\r\n <div class=\"cta-icon\"><i class=\"fab fa-whatsapp\"><\/i><\/div>\r\n <div class=\"cta-text\">\r\n <span class=\"cta-title\">Chat with Us<\/span>\r\n <span class=\"cta-price\">AED 399 \/ INR 6999 mo<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <script>\r\n \/\/ --- Data Models (Industry Specific) ---\r\n const industries = {\r\n cafe: {\r\n keywords: [\r\n { name: \"Best AI Coffee\", rank: \"#4\", trend: 1, up: true },\r\n { name: \"Cafe Near Me\", rank: \"#2\", trend: 0, up: true }\r\n ],\r\n reviews: [\r\n {\r\n id: 1, name: \"Sarah Jenkins\", initials: \"SJ\", color: \"#db2777\", bg: \"#fce7f3\", stars: 5, source: \"Voice\", sourceIcon: \"fas fa-microphone\",\r\n text: \"Hey Google, give this place 5 stars. The AI automation saved me hours.\",\r\n keywords: [\"AI Automation\", \"Time Saver\"], aiTag: \"Voice Intent Detected\",\r\n reply: \"Hi Sarah! Thanks for using Voice Search to rate us. We're thrilled our AI automation is saving you time. Added to our 'Time Saving Tools' entity cluster.\"\r\n },\r\n {\r\n id: 2, name: \"Michael Chen\", initials: \"MC\", color: \"#ca8a04\", bg: \"#fef9c3\", stars: 4, source: \"Mobile\", sourceIcon: \"fas fa-mobile-alt\",\r\n text: \"Great for local SEO, but I wish the dashboard had a dark mode.\",\r\n keywords: [\"Local SEO\", \"Feature Request\"], aiTag: \"Constructive Feedback\",\r\n reply: \"Thanks Michael! We've logged your 'Dark Mode' request in our development roadmap. Great to hear it's boosting your Local SEO!\"\r\n }\r\n ]\r\n },\r\n healthcare: {\r\n keywords: [\r\n { name: \"Top Dentist\", rank: \"#3\", trend: 2, up: true },\r\n { name: \"Emergency Clinic\", rank: \"#1\", trend: 0, up: true }\r\n ],\r\n reviews: [\r\n {\r\n id: 1, name: \"Amanda Lee\", initials: \"AL\", color: \"#059669\", bg: \"#d1fae5\", stars: 5, source: \"Web\", sourceIcon: \"fas fa-globe\",\r\n text: \"Dr. Smith was so gentle and professional. The AI appointment bot made booking a breeze.\",\r\n keywords: [\"Gentle\", \"Booking Bot\"], aiTag: \"Patient Care + Tech\",\r\n reply: \"Thank you Amanda. We prioritize patient comfort and ease. We are glad our booking system helped. We look forward to seeing you again.\"\r\n },\r\n {\r\n id: 2, name: \"John Doe\", initials: \"JD\", color: \"#2563eb\", bg: \"#dbeafe\", stars: 5, source: \"Voice\", sourceIcon: \"fas fa-microphone\",\r\n text: \"Siri found this clinic as the highest rated. Very clean facility.\",\r\n keywords: [\"Cleanliness\", \"Siri\"], aiTag: \"Sanitation Authority\",\r\n reply: \"Hello John, we appreciate you choosing us based on Siri's recommendation. Maintaining a sterile and welcoming environment is our top priority.\"\r\n }\r\n ]\r\n },\r\n realestate: {\r\n keywords: [\r\n { name: \"Best Realtor\", rank: \"#5\", trend: 3, up: true },\r\n { name: \"Luxury Homes\", rank: \"#2\", trend: 1, up: true }\r\n ],\r\n reviews: [\r\n {\r\n id: 1, name: \"Robert Fox\", initials: \"RF\", color: \"#7c3aed\", bg: \"#ede9fe\", stars: 5, source: \"Mobile\", sourceIcon: \"fas fa-mobile-alt\",\r\n text: \"Sold my house in 3 days! The marketing reach was insane.\",\r\n keywords: [\"Fast Sale\", \"Marketing\"], aiTag: \"Sales Velocity\",\r\n reply: \"Congratulations Robert! We leverage AI-driven marketing to ensure fast closings. It was a pleasure helping you move to your next chapter.\"\r\n }\r\n ]\r\n },\r\n legal: {\r\n keywords: [\r\n { name: \"Corporate Law\", rank: \"#2\", trend: 0, up: true },\r\n { name: \"Legal Advice\", rank: \"#6\", trend: 2, up: true }\r\n ],\r\n reviews: [\r\n {\r\n id: 1, name: \"Enterprise Corp\", initials: \"EC\", color: \"#475569\", bg: \"#f1f5f9\", stars: 5, source: \"Web\", sourceIcon: \"fas fa-briefcase\",\r\n text: \"Highly professional and detail-oriented. Handled our merger perfectly.\",\r\n keywords: [\"Professionalism\", \"Merger\"], aiTag: \"B2B Trust\",\r\n reply: \"Thank you. We pride ourselves on precision in corporate law. It was an honor to assist with your merger.\"\r\n }\r\n ]\r\n }\r\n };\r\n\r\n let currentIndustry = 'cafe';\r\n let currentSeoScore = 85;\r\n let currentLlmScore = 42;\r\n let isRunning = false;\r\n \r\n \/\/ --- DOM Elements ---\r\n const startBtn = document.getElementById('start-btn');\r\n const reviewsList = document.getElementById('reviews-list');\r\n const activityLog = document.getElementById('activity-log');\r\n const rankTableBody = document.getElementById('rank-table-body');\r\n const rotatingText = document.getElementById('rotating-text');\r\n \r\n \/\/ Stats\r\n const statSeo = document.getElementById('stat-seo');\r\n const statLlm = document.getElementById('stat-llm');\r\n const statVoice = document.getElementById('stat-voice');\r\n const voiceBarFill = document.getElementById('voice-bar-fill');\r\n const llmGauge = document.getElementById('llm-gauge');\r\n\r\n \/\/ --- Initialization ---\r\n function init() {\r\n setIndustry('cafe');\r\n startTextRotation();\r\n }\r\n\r\n \/\/ --- Hooky Text Rotation ---\r\n function startTextRotation() {\r\n const words = [\"Search\", \"Voice\", \"AI\", \"Revenue\", \"Growth\"];\r\n let i = 0;\r\n setInterval(() => {\r\n i = (i + 1) % words.length;\r\n rotatingText.style.opacity = 0;\r\n rotatingText.style.transform = \"translateY(-10px)\";\r\n \r\n setTimeout(() => {\r\n rotatingText.innerText = words[i];\r\n rotatingText.style.opacity = 1;\r\n rotatingText.style.transform = \"translateY(0)\";\r\n }, 300); \/\/ Wait for fade out\r\n }, 2500);\r\n }\r\n\r\n \/\/ --- Industry Switching Logic ---\r\n window.setIndustry = function(ind) {\r\n currentIndustry = ind;\r\n \r\n \/\/ Update Buttons\r\n document.querySelectorAll('.ind-btn').forEach(btn => btn.classList.remove('active'));\r\n \/\/ Simple way to find the clicked button logic (in real app pass 'this')\r\n \/\/ For now, we rely on the user clicking, but let's highlight based on attribute\r\n const buttons = document.querySelectorAll('.ind-btn');\r\n if(ind === 'cafe') buttons[0].classList.add('active');\r\n if(ind === 'healthcare') buttons[1].classList.add('active');\r\n if(ind === 'realestate') buttons[2].classList.add('active');\r\n if(ind === 'legal') buttons[3].classList.add('active');\r\n\r\n \/\/ Update Keywords Table\r\n const data = industries[ind];\r\n rankTableBody.innerHTML = '';\r\n data.keywords.forEach(kw => {\r\n const tr = document.createElement('tr');\r\n tr.innerHTML = `\r\n <td><span class=\"keyword-tag\">${kw.name}<\/span><\/td>\r\n <td><span class=\"rank-pos\">${kw.rank}<\/span><\/td>\r\n <td><span class=\"rank-change ${kw.up ? 'rank-up' : 'rank-down'}\"><i class=\"fas fa-caret-${kw.up ? 'up' : 'down'}\"><\/i> ${kw.trend}<\/span><\/td>\r\n `;\r\n rankTableBody.appendChild(tr);\r\n });\r\n\r\n logActivity(`Switched to ${ind.toUpperCase()} Industry Model. Keywords updated.`, \"normal\");\r\n }\r\n\r\n \/\/ --- Helpers ---\r\n const wait = (ms) => new Promise(resolve => setTimeout(resolve, ms));\r\n const formatTime = () => new Date().toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', second: '2-digit' });\r\n\r\n function logActivity(msg, type=\"normal\") {\r\n const div = document.createElement('div');\r\n div.className = `log-item ${type === 'success' ? 'log-success' : type === 'error' ? 'log-error' : type === 'ai' ? 'log-ai' : ''}`;\r\n div.innerHTML = `<span class=\"log-time\">${formatTime()}<\/span><span class=\"log-msg\">${msg}<\/span>`;\r\n activityLog.prepend(div);\r\n }\r\n\r\n \/\/ --- Simulation Logic ---\r\n function updateMetrics(review) {\r\n \/\/ SEO Boost\r\n currentSeoScore++;\r\n statSeo.innerText = `${Math.min(currentSeoScore, 100)}\/100`;\r\n\r\n \/\/ LLM Boost (if tech\/AI related or specific keywords)\r\n if (review.keywords.some(k => [\"AI\", \"Bot\", \"Siri\", \"Tech\"].some(t => k.includes(t)))) {\r\n currentLlmScore += 15;\r\n statLlm.innerText = `${Math.min(currentLlmScore, 98)}%`;\r\n llmGauge.innerText = \"High\";\r\n llmGauge.style.borderColor = \"#10b981\";\r\n llmGauge.style.color = \"#10b981\";\r\n logActivity(\"Entity strength increased in Knowledge Graph.\", \"ai\");\r\n }\r\n\r\n \/\/ Voice Boost\r\n if (review.source === \"Voice\") {\r\n statVoice.innerText = \"#1\";\r\n statVoice.style.color = \"#8b5cf6\";\r\n voiceBarFill.style.width = \"95%\";\r\n logActivity(\"Voice Query mapped to conversational intent.\", \"ai\");\r\n }\r\n }\r\n\r\n async function processReview(review) {\r\n logActivity(`Review detected via ${review.source} Interface`, \"normal\");\r\n\r\n \/\/ Create HTML\r\n const li = document.createElement('li');\r\n li.className = 'review-item new-item';\r\n \r\n const starsHtml = '\u2605'.repeat(review.stars) + '<span style=\"color:#ddd\">' + '\u2605'.repeat(5-review.stars) + '<\/span>';\r\n\r\n const aiHoverContent = `\r\n <div class=\"ai-logic-overlay\">\r\n <div style=\"margin-bottom:10px; border-bottom:1px solid rgba(255,255,255,0.1); padding-bottom:5px;\">\r\n <i class=\"fas fa-brain\" style=\"color:#a78bfa; margin-right:5px;\"><\/i> \r\n <strong>AIA Neural Analysis<\/strong>\r\n <\/div>\r\n <div style=\"display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:10px;\">\r\n <div>\r\n <div style=\"font-size:0.75rem; color:#9ca3af;\">Intent<\/div>\r\n <div style=\"color:white; font-size:0.9rem;\">${review.aiTag}<\/div>\r\n <\/div>\r\n <div>\r\n <div style=\"font-size:0.75rem; color:#9ca3af;\">Sentiment<\/div>\r\n <div style=\"color:#34d399; font-size:0.9rem;\">${review.stars >= 4 ? 'Positive' : 'Negative'}<\/div>\r\n <\/div>\r\n <\/div>\r\n <div style=\"margin-bottom:10px;\">\r\n <div style=\"font-size:0.75rem; color:#9ca3af; margin-bottom:5px;\">Optimized For<\/div>\r\n ${review.keywords.map(k => `<span class=\"logic-tag tag-llm\">${k}<\/span>`).join('')}\r\n <\/div>\r\n <div style=\"font-size:0.7rem; color:#6b7280;\">\r\n <i class=\"fas fa-database\"><\/i> Structured Data Updated\r\n <\/div>\r\n <\/div>\r\n `;\r\n\r\n li.innerHTML = `\r\n <div class=\"avatar\" style=\"background: ${review.bg}; color: ${review.color};\">${review.initials}<\/div>\r\n <div class=\"review-content\">\r\n <div class=\"review-header\">\r\n <h4>${review.name} <span class=\"source-badge\"><i class=\"${review.sourceIcon}\"><\/i> ${review.source}<\/span><\/h4>\r\n <span class=\"stars\">${starsHtml}<\/span>\r\n <\/div>\r\n <p class=\"review-text\">\"${review.text}\"<\/p>\r\n \r\n <div class=\"reply-container\" id=\"reply-container-${review.id}\">\r\n ${aiHoverContent}\r\n <div class=\"reply-box\" id=\"reply-box-${review.id}\">\r\n <div class=\"bot-header\">\r\n <div class=\"bot-badge\"><i class=\"fas fa-sparkles\"><\/i> AIA Generated<\/div>\r\n <\/div>\r\n <div class=\"typing-indicator\" id=\"typing-${review.id}\">\r\n <div class=\"typing-dot\"><\/div>\r\n <div class=\"typing-dot\"><\/div>\r\n <div class=\"typing-dot\"><\/div>\r\n <\/div>\r\n <p id=\"text-${review.id}\" style=\"display:none;\"><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n \r\n reviewsList.prepend(li);\r\n \r\n await wait(1500);\r\n\r\n \/\/ Bot Typing\r\n document.getElementById(`reply-box-${review.id}`).classList.add('visible');\r\n await wait(1500);\r\n\r\n \/\/ Post Reply\r\n document.getElementById(`typing-${review.id}`).style.display = 'none';\r\n const textEl = document.getElementById(`text-${review.id}`);\r\n textEl.style.display = 'block';\r\n \r\n \/\/ Typewriter\r\n const text = review.reply;\r\n for (let i = 0; i < text.length; i++) {\r\n textEl.innerHTML += text.charAt(i);\r\n await wait(10);\r\n }\r\n \r\n logActivity(`Replied to ${review.name}`, \"success\");\r\n updateMetrics(review);\r\n \r\n await wait(1000);\r\n li.classList.remove('new-item');\r\n }\r\n\r\n async function runSimulation() {\r\n if (isRunning) return;\r\n isRunning = true;\r\n startBtn.disabled = true;\r\n startBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Optimizing...';\r\n reviewsList.innerHTML = '';\r\n \r\n const reviewQueue = industries[currentIndustry].reviews;\r\n\r\n for (const review of reviewQueue) {\r\n await processReview(review);\r\n await wait(2500);\r\n }\r\n\r\n isRunning = false;\r\n startBtn.disabled = false;\r\n startBtn.innerHTML = '<i class=\"fas fa-redo\"><\/i> Replay Simulation';\r\n logActivity(\"Optimization Cycle Complete.\", \"normal\");\r\n }\r\n\r\n startBtn.addEventListener('click', runSimulation);\r\n \r\n \/\/ Start\r\n init();\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>AIA GMB Bot Demo AIA GMB Bot LLM ENABLED v2.5 Enterprise Edition Optimize Your Search The only Generative Engine Optimization (GEO) tool that adapts to your industry and voice. Select Your Industry to Optimize Cafe Healthcare Real Estate Legal Activate Simulation SEO Health Score 85\/100 Optimized LLM Visibility 42% Featured in Gemini Voice Search Rank […]<\/p>\n","protected":false},"author":3,"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-6325","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/pages\/6325","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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/comments?post=6325"}],"version-history":[{"count":25,"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/pages\/6325\/revisions"}],"predecessor-version":[{"id":6399,"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/pages\/6325\/revisions\/6399"}],"wp:attachment":[{"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/media?parent=6325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}