{"id":9977,"date":"2025-07-30T23:53:26","date_gmt":"2025-07-30T21:53:26","guid":{"rendered":"https:\/\/cybernecs.com\/?page_id=9977"},"modified":"2026-08-15T23:36:35","modified_gmt":"2026-08-15T21:36:35","slug":"demo-ai-agent-sme","status":"publish","type":"page","link":"https:\/\/cybernecs.com\/en\/demo-ai-agent-sme\/","title":{"rendered":"Cybernecs AI agent demo for SMEs"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9977\" class=\"elementor elementor-9977\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e1138104 e-flex e-con-boxed e-con e-parent\" data-id=\"e1138104\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-edbca093 elementor-widget elementor-widget-creote-title-v1\" data-id=\"edbca093\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"creote-title-v1.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"title_all_box style_three dark_color\">\r\n            <!-- Title style three -->\r\n        <div class=\"title_sections three center\">\r\n                            <div class=\"before_title\">\r\n                    AI agent demo                <\/div>\r\n                                        <h1 class=\"title\">\r\n                    A live demo of our AI agents                <\/h1>\r\n                                        <p>One agent per job, per task \u2014 not a generic chat. Watch a prospecting, quoting or HR agent run, then we scope the same thing on your process.<\/p>\r\n                    <\/div>\r\n        <!-- End of title style three -->\r\n\r\n    <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e8f16aee e-flex e-con-boxed e-con e-parent\" data-id=\"e8f16aee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd8ae0a7 elementor-widget elementor-widget-html\" data-id=\"dd8ae0a7\" 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>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Business AI agent platform<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <style>\n        :root {\n            --primary-color: #0a66c2;\n            --secondary-color: #eef3f8;\n            --text-color: #292929;\n            --light-gray: #f3f2ef;\n            --border-color: #e0e0e0;\n            --success-color: #057642;\n            --widget-width: 380px;\n            --widget-height: 650px;\n            --agent-prospect: #4361ee;\n            --agent-devis: #3a0ca3;\n            --agent-rh: #f72585;\n            --agent-entreprise: #4cc9f0;\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n        }\n\n        body {\n            background-color: #f3f2ef;\n            color: var(--text-color);\n            padding: 20px;\n            line-height: 1.6;\n        }\n\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            background: white;\n            border-radius: 8px;\n            box-shadow: 0 0 15px rgba(0,0,0,0.1);\n            padding: 30px;\n        }\n\n        h1 {\n            color: var(--primary-color);\n            margin-bottom: 20px;\n            font-weight: 600;\n            text-align: center;\n        }\n\n        .subtitle {\n            text-align: center;\n            color: #666;\n            margin-bottom: 40px;\n            font-size: 1.1rem;\n        }\n\n        .agents-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 25px;\n            margin-bottom: 40px;\n        }\n\n        .agent-card {\n            background: white;\n            border-radius: 12px;\n            padding: 25px;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.08);\n            border: 1px solid var(--border-color);\n            transition: transform 0.3s, box-shadow 0.3s;\n            cursor: pointer;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .agent-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n        }\n\n        .agent-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 5px;\n        }\n\n        .agent-card.prospect::before {\n            background: var(--agent-prospect);\n        }\n\n        .agent-card.devis::before {\n            background: var(--agent-devis);\n        }\n\n        .agent-card.rh::before {\n            background: var(--agent-rh);\n        }\n\n        .agent-card.entreprise::before {\n            background: var(--agent-entreprise);\n        }\n\n        .agent-icon {\n            width: 70px;\n            height: 70px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.8rem;\n            color: white;\n            margin-bottom: 20px;\n        }\n\n        .agent-card.prospect .agent-icon {\n            background: var(--agent-prospect);\n        }\n\n        .agent-card.devis .agent-icon {\n            background: var(--agent-devis);\n        }\n\n        .agent-card.rh .agent-icon {\n            background: var(--agent-rh);\n        }\n\n        .agent-card.entreprise .agent-icon {\n            background: var(--agent-entreprise);\n        }\n\n        .agent-title {\n            font-size: 1.4rem;\n            font-weight: 700;\n            margin-bottom: 10px;\n        }\n\n        .agent-description {\n            color: #666;\n            margin-bottom: 20px;\n            line-height: 1.5;\n        }\n\n        .agent-features {\n            list-style: none;\n        }\n\n        .agent-features li {\n            padding: 8px 0;\n            display: flex;\n            align-items: center;\n        }\n\n        .agent-features li i {\n            margin-right: 10px;\n            color: var(--success-color);\n        }\n\n        .demo-button {\n            background: var(--primary-color);\n            color: white;\n            border: none;\n            border-radius: 6px;\n            padding: 12px 20px;\n            font-weight: 600;\n            cursor: pointer;\n            width: 100%;\n            margin-top: 15px;\n            transition: background 0.2s;\n        }\n\n        .demo-button:hover {\n            background: #004c99;\n        }\n\n        \/* Widget Styles *\/\n        .chat-widget {\n            position: fixed;\n            bottom: 20px;\n            right: 20px;\n            width: var(--widget-width);\n            height: var(--widget-height);\n            border-radius: 12px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.25);\n            display: flex;\n            flex-direction: column;\n            background: white;\n            z-index: 1000;\n            border: 1px solid var(--border-color);\n            overflow: hidden;\n            transition: all 0.3s ease;\n        }\n\n        .chat-widget.minimized {\n            height: 70px;\n        }\n\n        .chat-header {\n            padding: 15px;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            border-top-left-radius: 12px;\n            border-top-right-radius: 12px;\n            color: white;\n        }\n\n        .chat-header.prospect {\n            background: var(--agent-prospect);\n        }\n\n        .chat-header.devis {\n            background: var(--agent-devis);\n        }\n\n        .chat-header.rh {\n            background: var(--agent-rh);\n        }\n\n        .chat-header.entreprise {\n            background: var(--agent-entreprise);\n        }\n\n        .chat-header h3 {\n            font-size: 1rem;\n            font-weight: 600;\n            display: flex;\n            align-items: center;\n        }\n\n        .chat-header h3 i {\n            margin-right: 8px;\n        }\n\n        .chat-controls {\n            display: flex;\n            gap: 10px;\n        }\n\n        .chat-controls button {\n            background: none;\n            border: none;\n            color: white;\n            cursor: pointer;\n            font-size: 1.1rem;\n            padding: 5px;\n            border-radius: 4px;\n            transition: background 0.2s;\n        }\n\n        .chat-controls button:hover {\n            background: rgba(255,255,255,0.2);\n        }\n\n        .agent-selector {\n            padding: 12px 15px;\n            background: #f9f9f9;\n            border-bottom: 1px solid var(--border-color);\n            display: flex;\n            gap: 10px;\n            overflow-x: auto;\n        }\n\n        .agent-tab {\n            padding: 8px 15px;\n            border-radius: 20px;\n            background: white;\n            border: 1px solid var(--border-color);\n            cursor: pointer;\n            white-space: nowrap;\n            font-size: 0.9rem;\n            font-weight: 500;\n            transition: all 0.2s;\n            display: flex;\n            align-items: center;\n        }\n\n        .agent-tab i {\n            margin-right: 6px;\n        }\n\n        .agent-tab.active {\n            background: var(--primary-color);\n            color: white;\n            border-color: var(--primary-color);\n        }\n\n        .agent-tab.prospect.active {\n            background: var(--agent-prospect);\n            border-color: var(--agent-prospect);\n        }\n\n        .agent-tab.devis.active {\n            background: var(--agent-devis);\n            border-color: var(--agent-devis);\n        }\n\n        .agent-tab.rh.active {\n            background: var(--agent-rh);\n            border-color: var(--agent-rh);\n        }\n\n        .agent-tab.entreprise.active {\n            background: var(--agent-entreprise);\n            border-color: var(--agent-entreprise);\n        }\n\n        .chat-body {\n            flex: 1;\n            overflow-y: auto;\n            padding: 15px;\n            background: #f9f9f9;\n        }\n\n        .message {\n            margin-bottom: 15px;\n            display: flex;\n        }\n\n        .message.sent {\n            justify-content: flex-end;\n        }\n\n        .message-bubble {\n            max-width: 80%;\n            padding: 12px 15px;\n            border-radius: 18px;\n            position: relative;\n            word-wrap: break-word;\n        }\n\n        .message.received .message-bubble {\n            background: white;\n            border: 1px solid var(--border-color);\n            border-bottom-left-radius: 4px;\n        }\n\n        .message.sent .message-bubble {\n            background: var(--primary-color);\n            color: white;\n            border-bottom-right-radius: 4px;\n        }\n\n        .message-time {\n            font-size: 0.75rem;\n            color: #666;\n            margin-top: 5px;\n            text-align: right;\n        }\n\n        .message.sent .message-time {\n            color: rgba(255,255,255,0.8);\n        }\n\n        .chat-input {\n            padding: 15px;\n            border-top: 1px solid var(--border-color);\n            background: white;\n            display: flex;\n            align-items: center;\n        }\n\n        .chat-input input {\n            flex: 1;\n            border: 1px solid var(--border-color);\n            border-radius: 20px;\n            padding: 10px 15px;\n            font-size: 0.95rem;\n            outline: none;\n            transition: border 0.2s;\n        }\n\n        .chat-input input:focus {\n            border-color: var(--primary-color);\n        }\n\n        .chat-input button {\n            background: var(--primary-color);\n            color: white;\n            border: none;\n            border-radius: 50%;\n            width: 36px;\n            height: 36px;\n            margin-left: 10px;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: background 0.2s;\n        }\n\n        .chat-input button:hover {\n            background: #004c99;\n        }\n\n        .chat-trigger {\n            position: fixed;\n            bottom: 20px;\n            right: 20px;\n            width: 60px;\n            height: 60px;\n            border-radius: 50%;\n            background: var(--primary-color);\n            color: white;\n            border: none;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.5rem;\n            box-shadow: 0 3px 10px rgba(0,0,0,0.3);\n            z-index: 999;\n            transition: all 0.3s ease;\n        }\n\n        .chat-trigger:hover {\n            background: #004c99;\n            transform: scale(1.05);\n        }\n\n        .chat-trigger.hidden {\n            display: none;\n        }\n\n        .enterprise-selector {\n            padding: 15px;\n            background: #f9f9f9;\n            border-bottom: 1px solid var(--border-color);\n        }\n\n        .enterprise-selector select {\n            width: 100%;\n            padding: 10px 15px;\n            border-radius: 6px;\n            border: 1px solid var(--border-color);\n            background: white;\n            font-size: 0.95rem;\n            outline: none;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            .chat-widget {\n                width: calc(100% - 40px);\n                right: 20px;\n                left: 20px;\n            }\n            \n            .agents-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n        <h2>Business AI agent platform<\/h2>\n        <p class=\"subtitle\">Specialised AI assistants for each function in your company<\/p>\n        \n        <div class=\"agents-grid\">\n            <div class=\"agent-card prospect\" onclick=\"openAgent('prospect')\">\n                <div class=\"agent-icon\">\n                    <i class=\"fas fa-bullhorn\"><\/i>\n                <\/div>\n                <h3 class=\"agent-title\">Prospecting AI agent<\/h3>\n                <p class=\"agent-description\">Find qualified prospects and generate leads with a specialised agent.<\/p>\n                <ul class=\"agent-features\">\n                    <li><i class=\"fas fa-check\"><\/i> Targeted market analysis<\/li>\n                    <li><i class=\"fas fa-check\"><\/i> Qualified lead generation<\/li>\n                    <li><i class=\"fas fa-check\"><\/i> Detailed customer personas<\/li>\n                <\/ul>\n                <button class=\"demo-button\">Try the agent<\/button>\n            <\/div>\n            \n            <div class=\"agent-card devis\" onclick=\"openAgent('devis')\">\n                <div class=\"agent-icon\">\n                    <i class=\"fas fa-file-invoice-dollar\"><\/i>\n                <\/div>\n                <h3 class=\"agent-title\">Quote AI agent<\/h3>\n                <p class=\"agent-description\">Build personalised quotes in seconds with the assistant.<\/p>\n                <ul class=\"agent-features\">\n                    <li><i class=\"fas fa-check\"><\/i> Quotes in about 30 seconds<\/li>\n                    <li><i class=\"fas fa-check\"><\/i> Smart pricing<\/li>\n                    <li><i class=\"fas fa-check\"><\/i> Proposal follow-up<\/li>\n                <\/ul>\n                <button class=\"demo-button\">Try the agent<\/button>\n            <\/div>\n            \n            <div class=\"agent-card rh\" onclick=\"openAgent('rh')\">\n                <div class=\"agent-icon\">\n                    <i class=\"fas fa-users-cog\"><\/i>\n                <\/div>\n                <h3 class=\"agent-title\">HR AI agent<\/h3>\n                <p class=\"agent-description\">Tighten HR processes with an assistant that knows hiring and onboarding.<\/p>\n                <ul class=\"agent-features\">\n                    <li><i class=\"fas fa-check\"><\/i> Automated CV screening<\/li>\n                    <li><i class=\"fas fa-check\"><\/i> Application handling<\/li>\n                    <li><i class=\"fas fa-check\"><\/i> Employee onboarding<\/li>\n                <\/ul>\n                <button class=\"demo-button\">Try the agent<\/button>\n            <\/div>\n            \n            <div class=\"agent-card entreprise\" onclick=\"openAgent('entreprise')\">\n                <div class=\"agent-icon\">\n                    <i class=\"fas fa-building\"><\/i>\n                <\/div>\n                <h3 class=\"agent-title\">Enterprise ChatGPT<\/h3>\n                <p class=\"agent-description\">A company assistant that knows your processes.<\/p>\n                <ul class=\"agent-features\">\n                    <li><i class=\"fas fa-check\"><\/i> Knows your company<\/li>\n                    <li><i class=\"fas fa-check\"><\/i> Fits your tools<\/li>\n                    <li><i class=\"fas fa-check\"><\/i> Data stays yours<\/li>\n                <\/ul>\n                <button class=\"demo-button\">Try the agent<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Chat Widget -->\n    <div class=\"chat-widget\" id=\"chatWidget\">\n        <div class=\"chat-header prospect\" id=\"chatHeader\">\n            <h3><i class=\"fas fa-robot\"><\/i> <span id=\"agentName\">Prospecting AI agent<\/span><\/h3>\n            <div class=\"chat-controls\">\n                <button id=\"minimizeBtn\"><i class=\"fas fa-minus\"><\/i><\/button>\n                <button id=\"closeBtn\"><i class=\"fas fa-times\"><\/i><\/button>\n            <\/div>\n        <\/div>\n        \n        <div class=\"enterprise-selector\" id=\"enterpriseSelector\" style=\"display: none;\">\n            <select id=\"enterpriseSelect\">\n                <option value=\"\">Select a company<\/option>\n                <option value=\"techcorp\">TechCorp Solutions<\/option>\n                <option value=\"innovate\">Innovate Industries<\/option>\n                <option value=\"global\">Global Services<\/option>\n                <option value=\"nextgen\">NextGen Systems<\/option>\n            <\/select>\n        <\/div>\n        \n        <div class=\"agent-selector\">\n            <div class=\"agent-tab prospect active\" data-agent=\"prospect\">\n                <i class=\"fas fa-bullhorn\"><\/i> Prospecting\n            <\/div>\n            <div class=\"agent-tab devis\" data-agent=\"devis\">\n                <i class=\"fas fa-file-invoice-dollar\"><\/i> Quotes\n            <\/div>\n            <div class=\"agent-tab rh\" data-agent=\"rh\">\n                <i class=\"fas fa-users-cog\"><\/i> RH\n            <\/div>\n            <div class=\"agent-tab entreprise\" data-agent=\"entreprise\">\n                <i class=\"fas fa-building\"><\/i> Company\n            <\/div>\n        <\/div>\n        \n        <div class=\"chat-body\" id=\"chatBody\">\n            <div class=\"message received\">\n                <div class=\"message-bubble\">\n                    Bonjour ! Je suis votre assistant IA sp\u00e9cialis\u00e9 en prospection. Comment puis-je vous aider \u00e0 trouver de nouveaux clients aujourd'hui ?\n                    <div class=\"message-time\">10:30<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"chat-input\">\n            <input type=\"text\" id=\"messageInput\" placeholder=\"\u00c9crivez votre message...\">\n            <button id=\"sendBtn\"><i class=\"fas fa-paper-plane\"><\/i><\/button>\n        <\/div>\n    <\/div>\n    \n    <!-- Chat Trigger Button -->\n    <button class=\"chat-trigger\" id=\"chatTrigger\">\n        <i class=\"fas fa-robot\"><\/i>\n    <\/button>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            const chatWidget = document.getElementById('chatWidget');\n            const chatTrigger = document.getElementById('chatTrigger');\n            const minimizeBtn = document.getElementById('minimizeBtn');\n            const closeBtn = document.getElementById('closeBtn');\n            const agentTabs = document.querySelectorAll('.agent-tab');\n            const chatHeader = document.getElementById('chatHeader');\n            const agentName = document.getElementById('agentName');\n            const chatBody = document.getElementById('chatBody');\n            const messageInput = document.getElementById('messageInput');\n            const sendBtn = document.getElementById('sendBtn');\n            const enterpriseSelector = document.getElementById('enterpriseSelector');\n            const enterpriseSelect = document.getElementById('enterpriseSelect');\n            \n            let currentAgent = 'prospect';\n            \n            \/\/ Agent responses\n            const agentResponses = {\n                prospect: [\n                    \"Pour identifier des prospects qualifi\u00e9s, j'ai besoin de conna\u00eetre votre secteur d'activit\u00e9. Dans quel domaine op\u00e9rez-vous ?\",\n                    \"Voici une liste de prospects potentiels bas\u00e9e sur vos crit\u00e8res : [Company A, Company B, Company C]. Souhaitez-vous que je pr\u00e9pare une approche personnalis\u00e9e pour chacun ?\",\n                    \"Je peux analyser les tendances du march\u00e9 pour identifier les opportunit\u00e9s de croissance. Quel est votre march\u00e9 cible principal ?\",\n                    \"Pour une campagne de prospection efficace, nous devons d\u00e9finir votre persona client. Pouvez-vous d\u00e9crire votre client id\u00e9al ?\",\n                    \"J'ai identifi\u00e9 50 entreprises correspondant \u00e0 vos crit\u00e8res. Voici les 5 plus prometteuses avec leurs coordonn\u00e9es.\"\n                ],\n                devis: [\n                    \"Pour g\u00e9n\u00e9rer un devis personnalis\u00e9, j'ai besoin de conna\u00eetre le type de service ou produit que vous proposez.\",\n                    \"Veuillez d\u00e9crire les besoins du client pour que je puisse cr\u00e9er un devis adapt\u00e9.\",\n                    \"Voici un devis g\u00e9n\u00e9r\u00e9 bas\u00e9 sur vos informations : [D\u00e9tails du devis]. Souhaitez-vous l'envoyer directement au client ?\",\n                    \"Je peux analyser les devis pr\u00e9c\u00e9dents pour sugg\u00e9rer la meilleure tarification. Quel est le budget approximatif du client ?\",\n                    \"Le devis est pr\u00eat ! Il inclut une r\u00e9duction de 10% pour une signature sous 7 jours. Souhaitez-vous l'envoyer maintenant ?\"\n                ],\n                rh: [\n                    \"Je peux vous aider avec le recrutement, la gestion des cong\u00e9s ou les questions des employ\u00e9s. De quoi avez-vous besoin ?\",\n                    \"Pour recruter un nouveau profil, veuillez me fournir le poste et les comp\u00e9tences requises.\",\n                    \"Voici une analyse des CV re\u00e7us pour le poste de [Poste] : 3 candidats correspondent parfaitement \u00e0 vos crit\u00e8res.\",\n                    \"Je peux pr\u00e9parer un plan d'onboarding personnalis\u00e9 pour les nouveaux employ\u00e9s. Quel est le poste concern\u00e9 ?\",\n                    \"J'ai identifi\u00e9 5 candidats potentiels pour le poste de [Poste]. Leurs profils correspondent \u00e0 90% avec vos exigences.\"\n                ],\n                entreprise: [\n                    \"Bonjour ! Je suis l'assistant IA de votre entreprise. Comment puis-je vous aider aujourd'hui ?\",\n                    \"Je peux r\u00e9pondre \u00e0 vos questions sur nos produits, services ou politiques internes. Que souhaitez-vous savoir ?\",\n                    \"D'apr\u00e8s notre base de connaissances, voici ce que je sais sur votre question : [R\u00e9ponse personnalis\u00e9e]\",\n                    \"Je peux acc\u00e9der \u00e0 nos documents internes pour vous fournir les informations les plus r\u00e9centes. Quel document cherchez-vous ?\",\n                    \"Je peux vous aider \u00e0 pr\u00e9parer une pr\u00e9sentation pour la r\u00e9union de demain. Quel est le sujet principal ?\"\n                ]\n            };\n            \n            \/\/ Open widget\n            chatTrigger.addEventListener('click', function() {\n                chatWidget.classList.remove('minimized');\n                chatTrigger.classList.add('hidden');\n            });\n            \n            \/\/ Minimize widget\n            minimizeBtn.addEventListener('click', function() {\n                chatWidget.classList.add('minimized');\n                chatTrigger.classList.remove('hidden');\n            });\n            \n            \/\/ Close widget\n            closeBtn.addEventListener('click', function() {\n                chatWidget.classList.add('minimized');\n                chatTrigger.classList.remove('hidden');\n            });\n            \n            \/\/ Agent tabs\n            agentTabs.forEach(tab => {\n                tab.addEventListener('click', function() {\n                    const agent = this.getAttribute('data-agent');\n                    switchAgent(agent);\n                });\n            });\n            \n            \/\/ Enterprise selector change\n            enterpriseSelect.addEventListener('change', function() {\n                if (this.value) {\n                    addMessage(`Vous avez s\u00e9lectionn\u00e9 : ${this.options[this.selectedIndex].text}`, 'sent');\n                    addMessage(`Je suis maintenant configur\u00e9 pour l'entreprise ${this.options[this.selectedIndex].text}. Comment puis-je vous aider ?`, 'received');\n                }\n            });\n            \n            \/\/ Send message\n            sendBtn.addEventListener('click', sendMessage);\n            messageInput.addEventListener('keypress', function(e) {\n                if (e.key === 'Enter') {\n                    sendMessage();\n                }\n            });\n            \n            function switchAgent(agent) {\n                currentAgent = agent;\n                \n                \/\/ Update active tab\n                agentTabs.forEach(tab => {\n                    tab.classList.remove('active');\n                });\n                document.querySelector(`.agent-tab.${agent}`).classList.add('active');\n                \n                \/\/ Update header\n                chatHeader.className = `chat-header ${agent}`;\n                \n                \/\/ Update agent name\n                const agentNames = {\n                    prospect: 'Prospecting AI agent',\n                    devis: 'Quote AI agent',\n                    rh: 'HR AI agent',\n                    entreprise: 'Enterprise ChatGPT'\n                };\n                agentName.textContent = agentNames[agent];\n                \n                \/\/ Show\/hide enterprise selector\n                enterpriseSelector.style.display = agent === 'entreprise' ? 'block' : 'none';\n                \n                \/\/ Clear chat and add welcome message\n                chatBody.innerHTML = '';\n                \n                const welcomeMessages = {\n                    prospect: \"Bonjour ! Je suis votre assistant IA sp\u00e9cialis\u00e9 en prospection. Comment puis-je vous aider \u00e0 trouver de nouveaux clients aujourd'hui ?\",\n                    devis: \"Bonjour ! Je suis votre assistant IA pour la cr\u00e9ation de devis. Quel projet ou service souhaitez-vous facturer ?\",\n                    rh: \"Bonjour ! Je suis votre assistant IA pour les ressources humaines. Comment puis-je vous optimiser vos processus RH ?\",\n                    entreprise: \"Bonjour ! Je suis l'assistant IA personnalis\u00e9 de votre entreprise. Comment puis-je vous aider aujourd'hui ?\"\n                };\n                \n                addMessage(welcomeMessages[agent], 'received');\n            }\n            \n            function sendMessage() {\n                const message = messageInput.value.trim();\n                if (message) {\n                    addMessage(message, 'sent');\n                    messageInput.value = '';\n                    \n                    \/\/ Simulate AI response\n                    setTimeout(() => {\n                        const responses = agentResponses[currentAgent];\n                        const randomResponse = responses[Math.floor(Math.random() * responses.length)];\n                        addMessage(randomResponse, 'received');\n                    }, 1000);\n                }\n            }\n            \n            function addMessage(text, type) {\n                const messageDiv = document.createElement('div');\n                messageDiv.className = `message ${type}`;\n                \n                const now = new Date();\n                const time = now.getHours().toString().padStart(2, '0') + ':' + now.getMinutes().toString().padStart(2, '0');\n                \n                messageDiv.innerHTML = `\n                    <div class=\"message-bubble\">\n                        ${text}\n                        <div class=\"message-time\">${time}<\/div>\n                    <\/div>\n                `;\n                \n                chatBody.appendChild(messageDiv);\n                chatBody.scrollTop = chatBody.scrollHeight;\n            }\n            \n            \/\/ Open specific agent from card\n            window.openAgent = function(agent) {\n                chatWidget.classList.remove('minimized');\n                chatTrigger.classList.add('hidden');\n                switchAgent(agent);\n            };\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b11cae14 e-flex e-con-boxed e-con e-parent\" data-id=\"b11cae14\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ec887e56 e-con-full e-flex e-con e-child\" data-id=\"ec887e56\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f34dded2 elementor-widget elementor-widget-creote-simple-image-box-v1\" data-id=\"f34dded2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"creote-simple-image-box-v1.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"simple_image_boxes  parallax_cover\"   data-aos=\"fade-up\" data-aos-delay=\"0\"  data-aos-offset=\"0\" >\r\n   <img decoding=\"async\" src=\"https:\/\/cybernecs.com\/wp-content\/uploads\/2025\/07\/Asian_man_dressed_in_business_attire_image_1.jpeg\" class=\"simp_img cover-parallax\" alt=\"AI agent for SMEs\" \/>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dd1d56df e-con-full e-flex e-con e-child\" data-id=\"dd1d56df\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d6ae8484 e-con-full e-flex e-con e-child\" data-id=\"d6ae8484\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fdcdf47d elementor-widget elementor-widget-creote-text-editor-v1\" data-id=\"fdcdf47d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"creote-text-editor-v1.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t   <div class=\"position-relative\">\r\n        <h2>Why run ChatGPT locally?<\/h2><p>For an SME, every second and every file counts. A local assistant is a <strong>performance and security lever<\/strong>, not a toy chat.<\/p><ul><li><strong>Confidentiality:<\/strong> data stays on your servers. No transit to a public LLM.<\/li><li><strong>Always on:<\/strong> no wait, no internet dependency. 24\/7, even if the WAN drops.<\/li><li><strong>Cost:<\/strong> one machine, not a per-seat monthly bill that surprises you.<\/li><li><strong>Your trade:<\/strong> catalogue, internal process, customers \u2014 answers from your files.<\/li><li><strong>Monday-useful:<\/strong> emails and quotes, documents and minutes, support replies, quick reports.<\/li><\/ul><p>AI power, with your resources still in your hands. Do not let the next company in your street get there first.<\/p>    <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d6db5b78 e-con-full e-flex e-con e-child\" data-id=\"d6db5b78\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7cca31e elementor-widget elementor-widget-creote-themebtns-v1\" data-id=\"d7cca31e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"creote-themebtns-v1.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"theme_btn_all color_one\">  <a href=\"https:\/\/demo.cybernecs.com\/\"   class=\"theme-btn one\"> See the online demo <\/a> <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ed914ff7 e-flex e-con-boxed e-con e-parent\" data-id=\"ed914ff7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8e058e5 elementor-widget elementor-widget-creote-description-v1\" data-id=\"f8e058e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"creote-description-v1.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"description_box\" >  <p>Thirty minutes on a real case. You see the process, not a slide.<\/p> <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a329c9dc elementor-widget elementor-widget-creote-themebtns-v1\" data-id=\"a329c9dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"creote-themebtns-v1.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"theme_btn_all color_one\">  <a href=\"https:\/\/demo.cybernecs.com\/\"  target=&quot;_blank&quot;  class=\"theme-btn one\"> See the online demo <\/a> <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb79bd28 elementor-widget elementor-widget-creote-themebtns-v1\" data-id=\"eb79bd28\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"creote-themebtns-v1.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"theme_btn_all color_one\">  <a href=\"https:\/\/cybernecs.com\/en\/request-cybernecs-services\/\"   class=\"theme-btn one\"> Request a free audit <\/a> <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AI agent demo A live demo of our AI agents One agent per job, per task \u2014 not a generic chat. Watch a prospecting, quoting or HR agent run, then we scope the same thing on your process. Business AI agent platform Business AI agent platform Specialised AI assistants for each function in your company [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":9465,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9977","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/cybernecs.com\/en\/wp-json\/wp\/v2\/pages\/9977","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cybernecs.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cybernecs.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cybernecs.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/cybernecs.com\/en\/wp-json\/wp\/v2\/comments?post=9977"}],"version-history":[{"count":3,"href":"https:\/\/cybernecs.com\/en\/wp-json\/wp\/v2\/pages\/9977\/revisions"}],"predecessor-version":[{"id":9981,"href":"https:\/\/cybernecs.com\/en\/wp-json\/wp\/v2\/pages\/9977\/revisions\/9981"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cybernecs.com\/en\/wp-json\/wp\/v2\/media\/9465"}],"wp:attachment":[{"href":"https:\/\/cybernecs.com\/en\/wp-json\/wp\/v2\/media?parent=9977"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}