        <!DOCTYPE html>
        <html lang="en">
        <head>
            <!-- Preconnect to external domains for faster loading -->
            <link rel="preconnect" href="https://fonts.googleapis.com">
            <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
            <link rel="preconnect" href="https://cdnjs.cloudflare.com">
            <link rel="preconnect" href="https://www.googletagmanager.com">
            <link rel="dns-prefetch" href="https://bot.labibabot.com">
            <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
            <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
            <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">

            <link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#5bbad5">
            <meta name="msapplication-TileColor" content="#da532c">
            <meta name="theme-color" content="#ffffff">
            <meta charset="utf-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0" />
            

            <script type="text/javascript" src="/Content/ClientTheme/en/js/html5.js"></script>
            <!-- CRITICAL CSS (needed for initial render) -->
            <link rel="stylesheet" type="text/css" href="/Content/ClientTheme/en/css/bootstrap.min.css?v=20251214">
            <link rel="stylesheet" type="text/css" href="/Content/ClientTheme/en/css/style.css?v=20251214">
            <link rel="stylesheet" type="text/css" href="/Content/ClientTheme/en/css/media.css?v=20251214">
            <!-- NON-CRITICAL CSS (deferred for better performance) -->
            <link rel="preload" href="/Content/ClientTheme/en/css/aos.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
            <link rel="preload" href="/Content/ClientTheme/en/css/animate.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
            <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
            <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
            <noscript>
                <link rel="stylesheet" type="text/css" href="/Content/ClientTheme/en/css/aos.css">
                <link rel="stylesheet" type="text/css" href="/Content/ClientTheme/en/css/animate.min.css">
                <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css">
                <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css">
            </noscript>
            <!-- CRITICAL SCRIPTS ONLY (jQuery & Bootstrap needed immediately) -->
            <script type="text/javascript" src="/Content/ClientTheme/en/js/jquery-3.6.0.min.js"></script>
            <script type="text/javascript" src="/Content/ClientTheme/en/js/bootstrap.bundle.min.js"></script>
            <script src="https://web-concierge-setup.replit.app/api/widget.js" data-widget-id="1aaefd80-f398-4035-b1dd-7362e78fe180" async></script>
            
        <title>Chatbot Company in Jordan | Labiba.ai</title>
        <meta name="keywords" content="">
        <meta name="description" content="Labiba.ai - Premier AI chatbot and customer experience platform in Jordan. Enhance customer service with smart automation and omnichannel solutions.">
        <link rel="canonical" href="https://labiba.ai/sa/en" />

            

        </head>
        <body>
            <!-- Google Tag Manager (noscript) -->
            <noscript>
                <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NMD85MF"
                        height="0" width="0" style="display:none;visibility:hidden"></iframe>
            </noscript>
            <!-- End Google Tag Manager (noscript) -->
            <div id="main">
                        <!-- START HEADER PART -->
        <header class="site-header" style="position:fixed;top:0;left:0;right:0;z-index:99999;width:100%;padding:23px 0px;background-color:#fff;">
            <div class="container">
                <div class="d-xl-flex justify-content-xl-between align-items-xl-center">
                    <div class="logo">
                        <a href="/jo/en" aria-label="homepage"><img src="/Content/ClientTheme/en/images/logo.svg" alt="Labiba AI Logo" /></a>
                    </div>
                    <div id="mobilemenu"></div>
                    <nav class="custnav d-xl-flex align-items-xl-center">
                        <ul class="menus">
                            <li><a href="/jo/en">Home</a></li>
                            <li class="clsdropmenu">
                                <a href="#">Platform</a>
                                <div class="msubbtn1"></div>
                                <div class="megamenu megamenu1" style="padding: 25px 0px 40px;">
                                    <div class="blurred-bg"></div>
                                    <div class="container">
                                        <div class="menuleft1">
                                            <div class="ctextinfo menutexts1">
                                                <h4>Platform</h4>
                                                <p>One suite for all your customer communication/experience/digital touchpoints</p>
                                                
                                            </div>
                                        </div>
                                        <div class="menuright1">
                                            <div class="clsmenurow d-flex">
                                                <a href="/jo/en/page/5/Chatbots-Virtual-Assistants">
                                                    <div class="micon micon1"></div>
                                                </a>
                                                <div class="menuname">
                                                    <a href="/jo/en/page/5/Chatbots-Virtual-Assistants">Chatbots & Virtual Assistants</a>
                                                    <a href="/jo/en/page/5/Chatbots-Virtual-Assistants"><p>AI programs that simulate human conversation to handle customer inquiries and tasks.</p></a>
                                                </div>
                                            </div>
                                            <div class="clsmenurow d-flex">
                                                <a href="/jo/en/page/18/Livechat">
                                                    <div class="micon micon2"></div>
                                                </a>
                                                <div class="menuname">
                                                    <a href="/jo/en/page/18/Livechat">Livechat</a>
                                                    <a href="/jo/en/page/18/Livechat"><p>Real-time tool for direct customer support via website or app chat.</p></a>
                                                </div>
                                            </div>
                                            <div class="clsmenurow d-flex">
                                                <a href="/jo/en/page/6/Omnichannel"><div class="micon micon3"></div></a>
                                                <div class="menuname">
                                                    <a href="/jo/en/page/6/Omnichannel">Omnichannel</a>
                                                    <a href="/jo/en/page/6/Omnichannel"><p>Unified customer experience across all communication channels.</p></a>
                                                </div>
                                            </div>
                                            <div class="clsmenurow d-flex">
                                                <a href="/jo/en/page/7/Customer-360"><div class="micon micon4"></div></a>
                                                <div class="menuname">
                                                    <a href="/jo/en/page/7/Customer-360">Customer 360</a>
                                                    <a href="/jo/en/page/7/Customer-360"><p>Comprehensive view of customer data and interactions from all touchpoints.</p></a>
                                                </div>
                                            </div>
                                            <div class="clsmenurow d-flex">
                                                <a href="/jo/en/page/8/Knowledge-Bank"><div class="micon micon5"></div></a>
                                                <div class="menuname">
                                                    <a href="/jo/en/page/8/Knowledge-Bank">Knowledge Bank</a>
                                                    <a href="/jo/en/page/8/Knowledge-Bank"><p>Central repository of information and guides for quick access to solutions.</p></a>
                                                </div>
                                            </div>
                                            <div class="clsmenurow d-flex">
                                                <a href="/jo/en/page/10/Outbound"><div class="micon micon6"></div></a>
                                                <div class="menuname">
                                                    <a href="/jo/en/page/10/Outbound">Outbound</a>
                                                    <a href="/jo/en/page/10/Outbound"><p>Proactive engagement strategies like marketing campaigns and follow-up messages.</p></a>
                                                </div>
                                            </div>
                                            
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="clsdropmenu">
                                <a href="#">AI Powers</a>
                                <div class="msubbtn2"></div>
                                <div class="megamenu megamenu2">
                                    <div class="blurred-bg"></div>
                                    <div class="container">
                                        <div class="menuleft2">
                                            <div class="ctextinfo menutexts1">
                                                <h4>AI Powers</h4>
                                                <h4 class="quote">"Artificial Intelligence Technologies for increased efficiency, reduced costs and happier customers."</h4>
                                                
                                            </div>
                                        </div>
                                        <div class="menuright2">
                                            <div class="clsmenurow d-flex">
                                                <a href="/jo/en/page/9/Language-Processing-and--Generative-AI"><div class="micon micon8"></div></a>
                                                <div class="menuname">
                                                    <a href="/jo/en/page/9/Language-Processing-and--Generative-AI">Language Processing & Generative AI</a>
                                                    <a href="/jo/en/page/9/Language-Processing-and--Generative-AI"><p>The Revolution of Language Understanding by Computers</p></a>
                                                </div>
                                            </div>
                                            <div class="clsmenurow d-flex">
                                                <a href="/jo/en/page/4/Voice"><div class="micon micon9"></div></a>
                                                <div class="menuname">
                                                    <a href="/jo/en/page/4/Voice">Voice</a>
                                                    <a href="/jo/en/page/4/Voice"><p>Real-time tool for direct customer support via website or app chat.</p></a>
                                                </div>
                                            </div>
                                            <div class="clsmenurow d-flex">
                                                <a href="/jo/en/page/14/Vision"><div class="micon micon10"></div></a>
                                                <div class="menuname">
                                                    <a href="/jo/en/page/14/Vision">Vision</a>
                                                    <a href="/jo/en/page/14/Vision"><p>Unified customer experience across all communication channels.</p></a>
                                                </div>
                                            </div>
                                            <div class="clsmenurow d-flex">
                                                <a href="/jo/en/page/13/Sentiment-Analysis"><div class="micon micon11"></div></a>
                                                <div class="menuname">
                                                    <a href="/jo/en/page/13/Sentiment-Analysis">Sentiment Analysis</a>
                                                    <a href="/jo/en/page/13/Sentiment-Analysis"><p>Comprehensive view of customer data and interactions from all touchpoints.</p></a>
                                                </div>
                                            </div>
                                            <div class="clsmenurow d-flex">
                                                <a href="/jo/en/page/11/Predictive-Analytics"><div class="micon micon12"></div></a>
                                                <div class="menuname">
                                                    <a href="/jo/en/page/11/Predictive-Analytics">Predictive Analytics</a>
                                                    <a href="/jo/en/page/11/Predictive-Analytics"><p>Central repository of information and guides for quick access to solutions.</p></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="clsdropmenu">
                                <a href="#">Industries</a>
                                <div class="msubbtn3"></div>
                                <div class="megamenu megamenu3">
                                    <div class="blurred-bg"></div>
                                    <div class="container">
                                        <div class="menuleft2">
                                            <div class="ctextinfo menutexts1">
                                                <h4>Industries</h4>
                                                
                                            </div>
                                            <div class="image-container">
                                                <img src="/Content/ClientTheme/en/images/indust-img.webp" onerror="this.onerror=null; this.src='~/Content/ClientTheme/en/images/indust-img.png';" alt="Industry Image" loading="lazy" />
                                                <div class="text-overlay">
                                                    <h4>REINVENT</h4>
                                                    <p>Specialized Solutions for your Sector.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="menuright2 Industries">
                                            <div class="clsmenurow d-flex">
                                                <a href="/jo/en/page/16/Banking-and-Financial-Services"><div class="micon micon13"></div></a>
                                                <div class="menuname">
                                                    <a href="/jo/en/page/16/Banking-and-Financial-Services">Banking & Financial Services</a>
                                                    <a href="/jo/en/page/16/Banking-and-Financial-Services"><p>The Revolution of Language Understanding by Computers</p></a>
                                                </div>
                                            </div>
                                            <div class="clsmenurow d-flex">
                                                <a href="/jo/en/page/20/Telecom"><div class="micon micon14"></div></a>
                                                <div class="menuname">
                                                    <a href="/jo/en/page/20/Telecom">Telecom</a>
                                                    <a href="/jo/en/page/20/Telecom"><p>Real-time tool for direct customer support via website or app chat.</p></a>
                                                </div>
                                            </div>
                                            <div class="clsmenurow d-flex">
                                                <a href="/jo/en/page/21/Government-Entities"><div class="micon micon15"></div></a>
                                                <div class="menuname">
                                                    <a href="/jo/en/page/21/Government-Entities">Government Entities</a>
                                                    <a href="/jo/en/page/21/Government-Entities"><p>Unified customer experience across all communication channels.</p></a>
                                                </div>
                                            </div>
                                            <div class="clsmenurow d-flex">
                                                <a href="/jo/en/page/19/Hospitality"><div class="micon micon16"></div></a>
                                                <div class="menuname">
                                                    <a href="/jo/en/page/19/Hospitality">
                                                        Tourism & Hospitality
                                                    </a>
                                                    <a href="/jo/en/page/19/Hospitality"><p>Comprehensive view of customer data and interactions from all touchpoints.</p></a>
                                                </div>
                                            </div>
                                            <div class="clsmenurow d-flex">
                            <a href="#"><div class="micon micon17"></div></a>
                            <div class="menuname">
                                <a href="#">E-Commerce</a>
                                <a href="#"><p>Central repository of information and guides for quick access to solutions.</p></a>
                            </div>
                        </div>
                                            <div class="clsmenurow d-flex">
                            <a href="#"><div class="micon micon18"></div></a>
                            <div class="menuname">
                                <a href="#">
                                    Healthcare & Insurance
                                </a>
                                <a href="#"><p>Central repository of information and guides for quick access to solutions.</p></a>
                            </div>
                        </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li><a href="/jo/en/page/17/Labiba-WhatsApp-for-Business-Solutions">WhatsApp</a></li>
                            <li class="clsdropmenu">
                                <a href="#">Resources</a>
                                <div class="msubbtn"></div>
                                <div class="megamenu megamenu4" style="padding: 25px 0px 40px; float:none">
                                    <div class="blurred-bg"></div>
                                    <div class="container">
                                        <div class="menuleft1 resources">
                                            <div class="ctextinfo menutexts1">
                                                <h4>
                                                    Resources
                                                </h4>
                                                <p>
                                                    Discover a hub of knowledge, inspiration, and tools for growth and innovation.
                                                </p>
                                                
                                            </div>
                                        </div>
                                        <div class="menuright1 resources">
                                            <div class="clsmenurow d-flex">
                                                <a href="/jo/en/KnowledgeHub">
                                                    <div class="micon micon19"></div>
                                                </a>
                                                <div class="menuname">
                                                    <a href="/jo/en/KnowledgeHub">Knowledge hub</a>
                                                    <a href="/jo/en/KnowledgeHub"><p>Knowledge hub.</p></a>
                                                </div>
                                            </div>
                                            <div class="clsmenurow d-flex">
                                                <a href="/jo/en/News">
                                                    <div class="micon micon20"></div>
                                                </a>
                                                <div class="menuname">
                                                    <a href="/jo/en/News">News</a>
                                                    <a href="/jo/en/News"><p>News.</p></a>
                                                </div>
                                            </div>
                                            <div class="clsmenurow d-flex">
                                                <a href="#"><div class="micon micon21"></div></a>
                                                <div class="menuname">
                                                    <a href="#">Academy</a>
                                                    <a href="#"><p>Academy.</p></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li><a href="/jo/en/Career">Careers</a></li>
                            <li><a href="/jo/en/Contact">Contact</a></li>
                        </ul>
                    </nav>
                    <div class="rheader d-xl-flex align-items-xl-center">
                        <div class="headerrightside">
                            
                            <a class="cbtn book-demo-btn" style="margin-left:4px;" data-bs-toggle="modal" data-bs-target="#bookDemoModal">Book a Demo</a>
                            <a class="cbtn" id="dropopt2" style="font-family: 'Vazirmatn';" href='/jo/ar'>عربي</a>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!-- END HEADER PART -->


<script type="text/javascript">

    var defaultURL = '/';
    var myUrl = '/en/SearchResults?keyword=_start_';
    var selectS = "";


    function doNavigate() {
        selectS = $("#txtKeyword").val();
        if (selectS == "" || selectS == null) {
            alert("Enter a value");
            document.getElementById(txtKeyword).focus();
        }
        else {
            var url = myUrl.replace('_start_', selectS);
            window.location.href = url;
        }

    }


    function validateEmail($email) {
        var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
        return emailReg.test( $email );
    }


    // Get the input field
var input = document.getElementById("txtKeyword");

    /*Execute a function when the user releases a key on the keyboard*/
    if (input) {
        input.addEventListener("keyup", function (event) {
            // Number 13 is the "Enter" key on the keyboard
            if (event.keyCode === 13) {
                // Cancel the default action, if needed
                event.preventDefault();
                // Trigger the button element with a click
                document.getElementById("btnSearch").click();
            }
        });
    }

    //Dynamic items
    function runNav(id) {
        var isShown = $("#navBtn-" + id).parent().find(".nav-submenu-" + id).hasClass("show-navmenu");
        if (isShown == false) {
            $("#navBtn-" + id).parent().find(".nav-submenu-" + id).addClass("show-navmenu");
            $("#navBtn-" + id).removeClass("flipDownToUp");
            $("#navBtn-" + id).addClass("flipUpToDown");
        }
        else {
            $("#navBtn-" + id).parent().find(".nav-submenu-" + id).removeClass("show-navmenu");
            $("#navBtn-" + id).removeClass("flipUpToDown");
            $("#navBtn-" + id).addClass("flipDownToUp");
        }
    }
    //Static items
    function runNav1() {
        var isShown = $("#navBtn1").parent().find(".nav-submenu1").hasClass("show-navmenu");
        if (isShown == false) {
            $("#navBtn1").parent().find(".nav-submenu1").addClass("show-navmenu");
            $("#navBtn1").removeClass("flipDownToUp");
            $("#navBtn1").addClass("flipUpToDown");
        }
        else {
            $("#navBtn1").parent().find(".nav-submenu1").removeClass("show-navmenu");
            $("#navBtn1").removeClass("flipUpToDown");
            $("#navBtn1").addClass("flipDownToUp");
        }
    }
    function runNav2() {
        var isShown = $("#navBtn2").parent().find(".nav-submenu2").hasClass("show-navmenu");
        if (isShown == false) {
            $("#navBtn2").parent().find(".nav-submenu2").addClass("show-navmenu");
            $("#navBtn2").removeClass("flipDownToUp");
            $("#navBtn2").addClass("flipUpToDown");
        }
        else {
            $("#navBtn2").parent().find(".nav-submenu2").removeClass("show-navmenu");
            $("#navBtn2").removeClass("flipUpToDown");
            $("#navBtn2").addClass("flipDownToUp");
        }
    }
    function runNav3() {
        var isShown = $("#navBtn3").parent().find(".nav-submenu3").hasClass("show-navmenu");
        if (isShown == false) {
            $("#navBtn3").parent().find(".nav-submenu3").addClass("show-navmenu");
            $("#navBtn3").removeClass("flipDownToUp");
            $("#navBtn3").addClass("flipUpToDown");
        }
        else {
            $("#navBtn3").parent().find(".nav-submenu3").removeClass("show-navmenu");
            $("#navBtn3").removeClass("flipUpToDown");
            $("#navBtn3").addClass("flipDownToUp");
        }
    }


</script>

    <script>


        document.querySelectorAll('.dropdown-item').forEach(function (langLink) {
            
            langLink.addEventListener('click', function (e) {
                
                e.preventDefault();

                // Get the selected language from the data-lang attribute
                var selectedLang = this.getAttribute('data-lang');
                var currentUrl = window.location.pathname.split('/');

                // Declare variables for country code and current language
                var countryCode = currentUrl[1]; // 'jo' in this case
                var currentLang = currentUrl[2]; // 'ar' or 'en'
                var pageID = currentUrl[4]; // Page ID
                var pageName = currentUrl[5]; // Page Name

                // Update the language in the URL
                currentUrl[2] = selectedLang;

                if (currentUrl.length > 5) {
                    // Construct the fetch URL for the controller action
                    var fetchUrl = `/Content/Get/${currentUrl[2]}/${pageName}`;

                    // Make an AJAX call to the controller
                    $.ajax({
                        url: fetchUrl,
                        type: 'POST',
                        dataType: 'json',
                        success: function (data) {
                            if (data.Id) {
                                currentUrl[4] = data.Id; // Update with the retrieved page ID
                                var newUrl = window.location.origin + currentUrl.join('/');
                                window.location.href = newUrl; // Redirect to the new URL
                            } else {
                                console.error('Error: No ID returned from server.');
                            }
                        },
                        error: function (xhr, status, error) {
                            console.error('There has been a problem with your AJAX operation:', error);

                        }
                    });
                } else {
                    // If URL is shorter, directly redirect to new language
                    var newUrl = window.location.origin + currentUrl.join('/');
                    window.location.href = newUrl;
                }
            });
    });


</script>


                

        <section class="section-h1 innerbanner">
            <div class="textinfo">
                <div class="container" data-aos="fade-right">
                    <h1 class="colorb pagetitle">What can Artificial <br /> Intelligence do to <br /> your Customer <br />  Experience?</h1>
                    <a class="cbtn1" href="#">Learn more</a>
                </div>
            </div>
            <div class="mainrightimg">
                <div class="logoicon1">
                    <img src="/Content/ClientTheme/en/images/logoicon.webp" alt="Labiba AI Icon" />
                </div>
                <div class="container">
                    <div class="cimgbox float-end">
                        <img class="custwomen float-end" data-aos="fade-up" src="/Content/ClientTheme/en/images/women5.png" alt="Customer Service Agent" />
                        <div class="chatmsgs">
                            <img src="/Content/ClientTheme/en/images/chat-1.png"
                                 alt="Chat Bubble 1"
                                 class="clschat chat1 float-start"
                                 data-aos="zoom-in" />

                            <img src="/Content/ClientTheme/en/images/chat-2.png"
                                 alt="Chat Bubble 2"
                                 class="clschat chat2 float-end"
                                 data-aos="zoom-in"
                                 data-aos-delay="400" />

                            <img src="/Content/ClientTheme/en/images/chat-3.png"
                                 alt="Chat Bubble 3"
                                 class="clschat chat3 float-start"
                                 data-aos="zoom-in"
                                 data-aos-delay="800" />

                            <img src="/Content/ClientTheme/en/images/chat-4.png"
                                 alt="Chat Bubble 4"
                                 class="clschat chat4 float-end"
                                 data-aos="zoom-in"
                                 data-aos-delay="1000" />
                        </div>

                    </div>
                </div>
            </div>
        </section>
        <section class="section-h2">
            <div class="container">
                <div class="row">
                    <div class="col-12 ctextinfo text-center" data-aos="fade-up">
                        <h2 class="ctitle2">Virtual Employees</h2>
                        <p class="pt-2">Seamlessly integrate virtual agents to augment your human team and maximize performance.</p>
                    </div>
                    <div class="col-12 col-md-6 col-lg-3 textinfo1 voichbox1" data-aos="fade-up">
                        <div class="videoinner">
                            <div class="imgbox">
                                <video id="video1" width="100%" poster="/Content/ClientTheme/en/images/playvideo1.jpg" playsinline>
                                    <source src="/video/1.mp4" type="video/mp4">
                                    Your browser does not support the video tag.
                                </video>
                                <a class="playbtn" id="playButton1" onclick="playVideo('video1','playButton1')">Play</a>
                            </div>
                            <div class="info">
                                <h3>Customer Service Agent</h3>
                                <p>Enhance support with a virtual assistant for seamless customer interactions.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 col-lg-3 textinfo1 voichbox2" data-aos="fade-up" data-aos-delay="300">
                        <div class="videoinner">
                            <div class="imgbox">
                                <video id="video2" width="100%" poster="/Content/ClientTheme/en/images/playvideo2.jpg" playsinline>
                                    <source src="/video/3.mp4" type="video/mp4">
                                    Your browser does not support the video tag.
                                </video>
                                <a class="playbtn" id="playButton2" onclick="playVideo('video2','playButton2')">Play</a>
                            </div>
                            <div class="info">
                                <h3>HR Assistant</h3>
                                <p>Streamline HR tasks with an efficient bot for recruiting and policy inquiries.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 col-lg-3 textinfo1 voichbox4" data-aos="fade-up" data-aos-delay="500">
                        <div class="videoinner">
                            <div class="imgbox">
                                <video id="video4" width="100%" poster="/Content/ClientTheme/en/images/4.png" playsinline>
                                    <source src="/video/4.mp4" type="video/mp4">
                                    Your browser does not support the video tag.
                                </video>
                                <a class="playbtn" id="playButton4" onclick="playVideo('video4','playButton4')">Play</a>
                            </div>
                            <div class="info">

                                <h3>Knowledge Concierge</h3>
                                <p>Instant access to critical business info with an expert bot for your team.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 col-lg-3 textinfo1 voichbox3" data-aos="fade-up" data-aos-delay="400">
                        <div class="videoinner">
                            <div class="imgbox">
                                <video id="video3" width="100%" poster="/Content/ClientTheme/en/images/2.png" playsinline>
                                    <source src="/video/2.mp4" type="video/mp4">
                                    Your browser does not support the video tag.
                                </video>
                                <a class="playbtn" id="playButton3" onclick="playVideo('video3','playButton3')">Play</a>
                            </div>
                            <div class="info">
                                <h3>Sales Bot</h3>
                                <p>Boost sales with a knowledgeable virtual assistant for lead generation and scheduling.</p>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </section>
        <script>
            var allVideos = document.querySelectorAll('video');
            var allButtons = document.querySelectorAll('.playbtn');

            function playVideo(videoId, buttonId) {
                var video = document.getElementById(videoId);
                var playButton = document.getElementById(buttonId);

                // Stop all other videos when one starts playing
                allVideos.forEach(function (vid) {
                    if (vid !== video) {
                        vid.pause();
                    }
                });
                allButtons.forEach(function (btn) {
                    if (btn !== playButton) {
                        btn.innerHTML = 'Play';
                        btn.classList.remove('pause-icon');
                    }
                });

                // Play/pause the current video and toggle the button text
                if (video.paused) {
                    video.play();
                    playButton.innerHTML = 'Pause';
                    playButton.classList.add('pause-icon');
                } else {
                    video.pause();
                    playButton.innerHTML = 'Play';
                    playButton.classList.remove('pause-icon');
                }
            }
        </script>
        <section class="section-h3">
            <div class="container">
                <div class="row d-flex align-items-center">
                    <div class="col-12 col-lg-5 col-xl-6 textinfo1" data-aos="fade-up">
                        <div class="ctextinfo">
                            <h2 class="ctitle2">Intelligent <br /> Contact Center</h2>
                            <p>
                                Harness the power of Artificial Intelligence to enhance customer satisfaction, empower agents, and boost efficiency—all through a remarkable experience tailored for your organization.
                                <br />
                                Our all-in-one AI platform delivers an end-to-end solution, covering every aspect of customer communication in a single, intelligently designed platform.
                            </p>
                            <a class="cbtn1" href="#">Learn more</a>
                        </div>
                    </div>
                    <div class="col-12 col-lg-7 col-xl-6 text-center imgpart" data-aos="zoom-in-up">
                        <div class="intelllist">
                            <div class="cintellbox intellbox1">
                                <div class="intellinner text-center">
                                    <div class="icons d-flex align-items-center justify-content-center"><img src="/Content/ClientTheme/en/images/intellicon1.webp" onerror="this.onerror=null; this.src='~/Content/ClientTheme/en/images/intellicon1.png';" alt="Omnichannel Icon" loading="lazy" /></div>
                                    <p>Omnichannel</p>
                                </div>
                            </div>
                            <div class="cintellbox intellbox2">
                                <div class="intellinner text-center">
                                    <div class="icons d-flex align-items-center justify-content-center"><img src="/Content/ClientTheme/en/images/intellicon2.webp" onerror="this.onerror=null; this.src='~/Content/ClientTheme/en/images/intellicon2.png';" alt="Chatbots Icon" loading="lazy" /></div>
                                    <p>Chatbots</p>
                                </div>
                            </div>
                            <div class="cintellbox intellbox3">
                                <div class="intellinner text-center">
                                    <div class="icons d-flex align-items-center justify-content-center"><img src="/Content/ClientTheme/en/images/intellicon3.webp" onerror="this.onerror=null; this.src='~/Content/ClientTheme/en/images/intellicon3.png';" alt="Livechat Icon" loading="lazy" /></div>
                                    <p>Livechat</p>
                                </div>
                            </div>
                            <div class="cintellbox intellbox4">
                                <div class="intellinner text-center">
                                    <div class="icons d-flex align-items-center justify-content-center"><img src="/Content/ClientTheme/en/images/intellicon4.webp" onerror="this.onerror=null; this.src='~/Content/ClientTheme/en/images/intellicon4.png';" alt="Knowledge Icon" loading="lazy" /></div>
                                    <p>Knowledge</p>
                                </div>
                            </div>
                            <div class="cintellbox intellbox5">
                                <div class="intellinner text-center">
                                    <div class="icons d-flex align-items-center justify-content-center"><img src="/Content/ClientTheme/en/images/intellicon5.webp" onerror="this.onerror=null; this.src='~/Content/ClientTheme/en/images/intellicon5.png';" alt="Notifications Icon" loading="lazy" /></div>
                                    <p>Notifications</p>
                                </div>
                            </div>
                            <div class="cintellbox intellbox6">
                                <div class="intellinner text-center">
                                    <div class="icons d-flex align-items-center justify-content-center"><img src="/Content/ClientTheme/en/images/intellicon6.webp" onerror="this.onerror=null; this.src='~/Content/ClientTheme/en/images/intellicon6.png';" alt="IVR Icon" loading="lazy" /></div>
                                    <p>IVR </p>
                                </div>
                            </div>
                        </div>
                        <div class="imgbox">
                            <video width="100%" autoplay loop muted playsinline>
                                <source src="/Content/ClientTheme/en/images/sphere.mp4" type="video/mp4">
                                Your browser does not support the video tag.
                            </video>
                        </div>
                        <div class="stagebg">
                            <img src="/Content/ClientTheme/en/images/stage-img.webp" onerror="this.onerror=null; this.src='~/Content/ClientTheme/en/images/stage-img.png';" alt="Stage Illustration" loading="lazy" />
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="section-h4 clsarticlslists">
            <div class="container">
                <div class="row">
                    <div class="col-12 ctextinfo text-center">
                        <h2 class="ctitle2">AI Experiences</h2>
                        <p class="pt-2">Optimize journeys: streamline onboarding, robotic assistance, intuitive Voice, and refine feedback.</p>
                    </div>
                        <div class="col-12 col-md-6 col-lg-4 commartiboxs artibox6 clickable-box">
                            <div class="artiinner">
                                <div class="imgbox">
                                    <img src="/uploads/media/a3064f41-5794-4ded-b7ad-1fc668a5ba71.webp" onerror="this.onerror=null; this.src='/uploads/media/a3064f41-5794-4ded-b7ad-1fc668a5ba71.jpg';" alt="Conversational IVR: Transforming Phone Interactions" loading="lazy" />
                                </div>
                                <div class="info">
                                    <span class="ctag">Article</span>
                                    <h4>Conversational IVR: Transforming Phone Interactions</h4>
                                    
                                    <a class="rbtn" href="/jo/en/knowledgehub/11/conversational-ivr">Read</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-md-6 col-lg-4 commartiboxs artibox6 clickable-box">
                            <div class="artiinner">
                                <div class="imgbox">
                                    <img src="/uploads/media/6e1a9788-b9ae-4b28-960d-74beeaf0c91f.webp" onerror="this.onerror=null; this.src='/uploads/media/6e1a9788-b9ae-4b28-960d-74beeaf0c91f.jpg';" alt="AI Contact Center Impact in Numbers" loading="lazy" />
                                </div>
                                <div class="info">
                                    <span class="ctag">Article</span>
                                    <h4>AI Contact Center Impact in Numbers</h4>
                                    
                                    <a class="rbtn" href="/jo/en/knowledgehub/9/our-impact-in-numbers">Read</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-md-6 col-lg-4 commartiboxs artibox6 clickable-box">
                            <div class="artiinner">
                                <div class="imgbox">
                                    <img src="/uploads/media/0111b131-50a2-49b4-bb84-ee52c8e3a90d.webp" onerror="this.onerror=null; this.src='/uploads/media/0111b131-50a2-49b4-bb84-ee52c8e3a90d.jpg';" alt="Voice AI Solutions Across IoT Devices" loading="lazy" />
                                </div>
                                <div class="info">
                                    <span class="ctag">Article</span>
                                    <h4>Voice AI Solutions Across IoT Devices</h4>
                                    
                                    <a class="rbtn" href="/jo/en/knowledgehub/14/voice-in-the-age-of-iot">Read</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-md-6 col-lg-4 commartiboxs artibox6 clickable-box">
                            <div class="artiinner">
                                <div class="imgbox">
                                    <img src="/uploads/media/fc65dd92-d56b-40fd-bae7-ce62cffd2ffb.webp" onerror="this.onerror=null; this.src='/uploads/media/fc65dd92-d56b-40fd-bae7-ce62cffd2ffb.jpg';" alt="Conversational Voice Agent for Royal Jordanian" loading="lazy" />
                                </div>
                                <div class="info">
                                    <span class="ctag">Article</span>
                                    <h4>Conversational Voice Agent for Royal Jordanian</h4>
                                    
                                    <a class="rbtn" href="/jo/en/knowledgehub/13/royal-jordanian">Read</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-md-6 col-lg-4 commartiboxs artibox6 clickable-box">
                            <div class="artiinner">
                                <div class="imgbox">
                                    <img src="/uploads/media/ca81130c-09f0-4a35-9383-4410ef66d0f4.webp" onerror="this.onerror=null; this.src='/uploads/media/ca81130c-09f0-4a35-9383-4410ef66d0f4.jpg';" alt="Revolutionizing Customer Verification: Digital Onboarding with Vision AI" loading="lazy" />
                                </div>
                                <div class="info">
                                    <span class="ctag">Article</span>
                                    <h4>Revolutionizing Customer Verification: Digital Onboarding with Vision AI</h4>
                                    
                                    <a class="rbtn" href="/jo/en/knowledgehub/16/digital-onboarding-with-vision-ai">Read</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-md-6 col-lg-4 commartiboxs artibox6 clickable-box">
                            <div class="artiinner">
                                <div class="imgbox">
                                    <img src="/uploads/media/b52fd4cf-6df3-4883-bcc5-494e9c26d78a.webp" onerror="this.onerror=null; this.src='/uploads/media/b52fd4cf-6df3-4883-bcc5-494e9c26d78a.jpg';" alt="AI Robots Redefining Customer Experience" loading="lazy" />
                                </div>
                                <div class="info">
                                    <span class="ctag">Article</span>
                                    <h4>AI Robots Redefining Customer Experience</h4>
                                    
                                    <a class="rbtn" href="/jo/en/knowledgehub/12/robots">Read</a>
                                </div>
                            </div>
                        </div>

                    
                    <div class="col-12 btnbox text-center">
                        <a class="cbtn1" href="/jo/en/KnowledgeHub">Read more</a>
                    </div>
                </div>
            </div>
        </section>
        <section class="section-h5">
            <div class="container">
                <div class="row">
                    <div class="col-12 ctitle text-center">
                        <h2>Our clients</h2>
                    </div>
                </div>
                <div class="row">
                        <div class="item item22 col-md-2 col-sm-5">
                            <div class="plogobox text-center">
                                <img src="/uploads/Clients/4eecd9a0-6cbf-48af-9a80-ba883465fea5.webp" onerror="this.onerror=null; this.src='/uploads/Clients/4eecd9a0-6cbf-48af-9a80-ba883465fea5.png';" alt="Bank Of Jordan" loading="lazy" />
                            </div>
                        </div>
                        <div class="item item22 col-md-2 col-sm-5">
                            <div class="plogobox text-center">
                                <img src="/uploads/Clients/57ac0570-b240-4b75-9367-5b89449fbfc5.webp" onerror="this.onerror=null; this.src='/uploads/Clients/57ac0570-b240-4b75-9367-5b89449fbfc5.png';" alt="Capital Bank " loading="lazy" />
                            </div>
                        </div>
                        <div class="item item22 col-md-2 col-sm-5">
                            <div class="plogobox text-center">
                                <img src="/uploads/Clients/388d0a33-fe33-41f5-a11f-a6f00f9c7e6d.webp" onerror="this.onerror=null; this.src='/uploads/Clients/388d0a33-fe33-41f5-a11f-a6f00f9c7e6d.png';" alt="GIG" loading="lazy" />
                            </div>
                        </div>
                        <div class="item item22 col-md-2 col-sm-5">
                            <div class="plogobox text-center">
                                <img src="/uploads/Clients/9e20cbbc-6b84-43b5-a356-28096922ce69.webp" onerror="this.onerror=null; this.src='/uploads/Clients/9e20cbbc-6b84-43b5-a356-28096922ce69.png';" alt="Jerusalem Insurance" loading="lazy" />
                            </div>
                        </div>
                        <div class="item item22 col-md-2 col-sm-5">
                            <div class="plogobox text-center">
                                <img src="/uploads/Clients/b426a556-371c-408c-b243-743455cd54d9.webp" onerror="this.onerror=null; this.src='/uploads/Clients/b426a556-371c-408c-b243-743455cd54d9.png';" alt="Jo-Gov" loading="lazy" />
                            </div>
                        </div>
                        <div class="item item22 col-md-2 col-sm-5">
                            <div class="plogobox text-center">
                                <img src="/uploads/Clients/d77b9f99-4d82-41d4-b186-ebecb87a0b92.webp" onerror="this.onerror=null; this.src='/uploads/Clients/d77b9f99-4d82-41d4-b186-ebecb87a0b92.png';" alt="JTB" loading="lazy" />
                            </div>
                        </div>
                        <div class="item item22 col-md-2 col-sm-5">
                            <div class="plogobox text-center">
                                <img src="/uploads/Clients/7e952fa9-84d0-456b-9d3f-5fcce3d699a0.webp" onerror="this.onerror=null; this.src='/uploads/Clients/7e952fa9-84d0-456b-9d3f-5fcce3d699a0.png';" alt="tamkeen" loading="lazy" />
                            </div>
                        </div>
                        <div class="item item22 col-md-2 col-sm-5">
                            <div class="plogobox text-center">
                                <img src="/uploads/Clients/d882e1d2-8d09-4fac-a6b9-51d40c94cdb4.webp" onerror="this.onerror=null; this.src='/uploads/Clients/d882e1d2-8d09-4fac-a6b9-51d40c94cdb4.png';" alt="SFDA" loading="lazy" />
                            </div>
                        </div>
                        <div class="item item22 col-md-2 col-sm-5">
                            <div class="plogobox text-center">
                                <img src="/uploads/Clients/fd542239-2627-4b49-bcd7-7ae147bcb76a.webp" onerror="this.onerror=null; this.src='/uploads/Clients/fd542239-2627-4b49-bcd7-7ae147bcb76a.png';" alt="SPL" loading="lazy" />
                            </div>
                        </div>
                        <div class="item item22 col-md-2 col-sm-5">
                            <div class="plogobox text-center">
                                <img src="/uploads/Clients/ccc4a708-ba6e-436d-a287-2e8e019fdc45.webp" onerror="this.onerror=null; this.src='/uploads/Clients/ccc4a708-ba6e-436d-a287-2e8e019fdc45.png';" alt="Tawakkalna" loading="lazy" />
                            </div>
                        </div>
                        <div class="item item22 col-md-2 col-sm-5">
                            <div class="plogobox text-center">
                                <img src="/uploads/Clients/6ca01201-42c8-4536-93d6-3de3c4556983.webp" onerror="this.onerror=null; this.src='/uploads/Clients/6ca01201-42c8-4536-93d6-3de3c4556983.png';" alt="Yaqoot" loading="lazy" />
                            </div>
                        </div>
                        <div class="item item22 col-md-2 col-sm-5">
                            <div class="plogobox text-center">
                                <img src="/uploads/Clients/bd1b62f6-539c-44fe-8133-daec4fb320b1.webp" onerror="this.onerror=null; this.src='/uploads/Clients/bd1b62f6-539c-44fe-8133-daec4fb320b1.png';" alt="Zain" loading="lazy" />
                            </div>
                        </div>
                        <div class="item item22 col-md-2 col-sm-5">
                            <div class="plogobox text-center">
                                <img src="/uploads/Clients/697369de-8aa5-460f-bcde-87783d48f6c0.webp" onerror="this.onerror=null; this.src='/uploads/Clients/697369de-8aa5-460f-bcde-87783d48f6c0.png';" alt="ZATCA" loading="lazy" />
                            </div>
                        </div>
                        <div class="item item22 col-md-2 col-sm-5">
                            <div class="plogobox text-center">
                                <img src="/uploads/Clients/06fa62a6-b5da-4675-af78-ee7709309676.webp" onerror="this.onerror=null; this.src='/uploads/Clients/06fa62a6-b5da-4675-af78-ee7709309676.png';" alt="SASO" loading="lazy" />
                            </div>
                        </div>
                        <div class="item item22 col-md-2 col-sm-5">
                            <div class="plogobox text-center">
                                <img src="/uploads/Clients/b7bd10a2-938f-4dfa-9836-a7e77aa4edfc.webp" onerror="this.onerror=null; this.src='/uploads/Clients/b7bd10a2-938f-4dfa-9836-a7e77aa4edfc.jpg';" alt="SAR" loading="lazy" />
                            </div>
                        </div>
                        <div class="item item22 col-md-2 col-sm-5">
                            <div class="plogobox text-center">
                                <img src="/uploads/Clients/d30bb680-826c-4284-af24-4fcc392a027a.webp" onerror="this.onerror=null; this.src='/uploads/Clients/d30bb680-826c-4284-af24-4fcc392a027a.png';" alt="GASCO" loading="lazy" />
                            </div>
                        </div>
                        <div class="item item22 col-md-2 col-sm-5">
                            <div class="plogobox text-center">
                                <img src="/uploads/Clients/54c48da7-7e6d-424e-a323-045781620315.webp" onerror="this.onerror=null; this.src='/uploads/Clients/54c48da7-7e6d-424e-a323-045781620315.png';" alt="MIM" loading="lazy" />
                            </div>
                        </div>
                        <div class="item item22 col-md-2 col-sm-5">
                            <div class="plogobox text-center">
                                <img src="/uploads/Clients/73db5866-dfce-439c-98cd-83424384038a.webp" onerror="this.onerror=null; this.src='/uploads/Clients/73db5866-dfce-439c-98cd-83424384038a.png';" alt="noon" loading="lazy" />
                            </div>
                        </div>
                        <div class="item item22 col-md-2 col-sm-5">
                            <div class="plogobox text-center">
                                <img src="/uploads/Clients/1cf1bdcf-fdfc-4514-b722-fb254a210289.webp" onerror="this.onerror=null; this.src='/uploads/Clients/1cf1bdcf-fdfc-4514-b722-fb254a210289.png';" alt="riyadha municipality" loading="lazy" />
                            </div>
                        </div>
                        <div class="item item22 col-md-2 col-sm-5">
                            <div class="plogobox text-center">
                                <img src="/uploads/Clients/609c684c-a531-4b4f-afc9-b0f5a029aa50.webp" onerror="this.onerror=null; this.src='/uploads/Clients/609c684c-a531-4b4f-afc9-b0f5a029aa50.png';" alt="Council of Health Insurance" loading="lazy" />
                            </div>
                        </div>
                        <div class="item item22 col-md-2 col-sm-5">
                            <div class="plogobox text-center">
                                <img src="/uploads/Clients/c6ff28de-5298-43b8-b493-b741f239fbab.webp" onerror="this.onerror=null; this.src='/uploads/Clients/c6ff28de-5298-43b8-b493-b741f239fbab.png';" alt="Communications, Space &amp; Tech Commission" loading="lazy" />
                            </div>
                        </div>
                        <div class="item item22 col-md-2 col-sm-5">
                            <div class="plogobox text-center">
                                <img src="/uploads/Clients/18d7dda9-f6ec-48e1-b452-e34682d723f6.webp" onerror="this.onerror=null; this.src='/uploads/Clients/18d7dda9-f6ec-48e1-b452-e34682d723f6.png';" alt="Banque Saudi Fransi" loading="lazy" />
                            </div>
                        </div>
                        <div class="item item22 col-md-2 col-sm-5">
                            <div class="plogobox text-center">
                                <img src="/uploads/Clients/b0e56c10-c155-4ed1-9188-e009b80a0f7c.webp" onerror="this.onerror=null; this.src='/uploads/Clients/b0e56c10-c155-4ed1-9188-e009b80a0f7c.png';" alt="Al Marai" loading="lazy" />
                            </div>
                        </div>
                        <div class="item item22 col-md-2 col-sm-5">
                            <div class="plogobox text-center">
                                <img src="/uploads/Clients/f8439ec1-9e92-4faa-8af4-a48ae160e206.webp" onerror="this.onerror=null; this.src='/uploads/Clients/f8439ec1-9e92-4faa-8af4-a48ae160e206.png';" alt="ADNOC" loading="lazy" />
                            </div>
                        </div>
                        <div class="item item22 col-md-2 col-sm-5">
                            <div class="plogobox text-center">
                                <img src="/uploads/Clients/43cfa3e2-381f-4a8a-a05b-a03bef8ca804.webp" onerror="this.onerror=null; this.src='/uploads/Clients/43cfa3e2-381f-4a8a-a05b-a03bef8ca804.png';" alt="DMCC" loading="lazy" />
                            </div>
                        </div>
                        <div class="item item22 col-md-2 col-sm-5">
                            <div class="plogobox text-center">
                                <img src="/uploads/Clients/9fffc9a0-1f16-4773-bd65-b1c00b47c42b.webp" onerror="this.onerror=null; this.src='/uploads/Clients/9fffc9a0-1f16-4773-bd65-b1c00b47c42b.png';" alt="Central Bank of the U.A.E." loading="lazy" />
                            </div>
                        </div>
                        <div class="item item22 col-md-2 col-sm-5">
                            <div class="plogobox text-center">
                                <img src="/uploads/Clients/11dd6d13-27de-438e-bdcb-3dea86a459ce.webp" onerror="this.onerror=null; this.src='/uploads/Clients/11dd6d13-27de-438e-bdcb-3dea86a459ce.png';" alt="Gov of Sharjah" loading="lazy" />
                            </div>
                        </div>
                        <div class="item item22 col-md-2 col-sm-5">
                            <div class="plogobox text-center">
                                <img src="/uploads/Clients/7712f59b-0fc1-4ff4-a4c3-9674ad295b2a.webp" onerror="this.onerror=null; this.src='/uploads/Clients/7712f59b-0fc1-4ff4-a4c3-9674ad295b2a.png';" alt="Sharjah" loading="lazy" />
                            </div>
                        </div>
                        <div class="item item22 col-md-2 col-sm-5">
                            <div class="plogobox text-center">
                                <img src="/uploads/Clients/560fa0c9-ad83-4d8d-aafb-717b4e2f2d82.webp" onerror="this.onerror=null; this.src='/uploads/Clients/560fa0c9-ad83-4d8d-aafb-717b4e2f2d82.png';" alt="TDRA" loading="lazy" />
                            </div>
                        </div>
                </div>
            </div>
        </section>


<script type="text/javascript">
    document.addEventListener("DOMContentLoaded", function () {
        const clickableBoxes = document.querySelectorAll(".clickable-box");

        clickableBoxes.forEach(function (box) {
            const link = box.querySelector(".rbtn");
            if (link) {
                box.addEventListener("click", function () {
                    window.location.href = link.href;
                });

                // Add hover effect for pointer cursor
                box.style.cursor = "pointer";
            }
        });
    });
</script>
                
<link rel="stylesheet" type="text/css" href="/Content/ClientTheme/en/css/footer.css?v=20251216b">

        <!-- START FOOTER PART -->
        <section class="contactussec bganim2">
            <div class="container">
                <div class="row d-flex align-items-center">
                    <div class="col-12 col-lg-6 textinfo1" data-aos="fade-right">
                        <div class="ctitle">
                            <span>Contact us</span>
                            <h1 class="footerHeader" style="color: rgb(255, 255, 255) !important; padding: 20px 0px 10px !important; font-size: 48px !important; line-height: 58px !important; font-family: SilkaMedium !important;">Let's create a great communication experience together!</h1>
                            <p>Effective communication enhances collaboration and innovation. Join us to ensure every interaction is clear and constructive. Together, we can achieve more!</p>
                        </div>
                    </div>
                    <div class="col-12 col-lg-6 contactform" data-aos="fade-left">
                        <form id="contactForm" class="cform">
                            <div class="row">
                                <div class="col-12 col-xl-6 cfieldbox">
                                    <label for="name">Your name</label>
                                    <input id="name" class="form-control custfield" name="" type="text" />
                                </div>
                                <div class="col-12 col-xl-6 cfieldbox">
                                    <label for="phone">Your mobile number</label>
                                    <input id="phone" type="tel" name="phone" maxlength="15"
                                           class="form-control custfield" />
                                    
                                </div>
                                <div class="col-12 cfieldbox">
                                    <label for="email">Your work email</label>
                                    <input id="email" class="form-control custfield" name="" type="text" />
                                </div>
                                <div class="col-12 cfieldbox">
                                    <label for="msg">Tell us about your requirements...</label>
                                    <textarea id="msg" class="form-control custfield" placeholder="Type here..." name="" type="text" rows="4" cols="50"></textarea>
                                </div>
                                
                                <input type="hidden" name="pageUrl" id="PageUrl" />
                                <div class="col-12 btns">
                                    <button type="button" class="sbtn" id="btnSubmitContactUs"><span>Submit</span></button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </section>
        <footer>
            <div class="container">
                <img src="/Content/ClientTheme/en/images/Logo.gif" alt="Labiba AI Logo" style="padding-bottom: 70px;" loading="lazy" />
                <div class="topfooter">
                    <div class="footerboxs fbox1">
                        <h4>Platform</h4>
                        <ul>
                            <li><a href="/jo/en/page/5/Chatbots-Virtual-Assistants">Chatbots & Virtual Agents</a></li>
                            <li><a href="/jo/en/page/18/Livechat">Livechat</a></li>
                            <li><a href="/jo/en/page/10/Outbound">Outbound</a></li>
                            <li><a href="/jo/en/page/6/Omnichannel">Omnichannel</a></li>
                            
                        </ul>
                    </div>
                    <div class="footerboxs fbox2">
                        <h4>AI Powers</h4>
                        <ul>
                            <li><a href="/jo/en/page/9/Language-Processing-and--Generative-AI">Natural Language Processing</a></li>
                            <li><a href="/jo/en/page/14/Vision">Vision</a></li>
                            <li><a href="/jo/en/page/25/Voice">Voice</a></li>
                            <li><a href="/jo/en/page/13/Sentiment-Analysis">Sentiment Analysis</a></li>
                            <li><a href="/jo/en/page/11/Predictive-Analytics">Predictive Analytics</a></li>
                            
                        </ul>
                    </div>
                    <div class="footerboxs fbox3">
                        <h4>Industries</h4>
                        <ul>
                            <li><a href="/jo/en/page/16/Banking-and-Financial-Services">Banking & Financial Services</a></li>
                            <li><a href="/jo/en/page/20/Telecom">Telecom</a></li>
                            <li><a href="/jo/en/page/21/Government-Entities">Government Entities</a></li>
                            <li><a href="/jo/en/page/19/Hospitality">Hospitality</a></li>
                            
                            
                        </ul>
                    </div>
                    <div class="footerboxs fbox4">
                        <h4>Company</h4>
                        <ul>
                            
                            <li><a href="/jo/en/Career">Careers</a></li>
                            <li><a href="/jo/en/Contact">Contact</a></li>
                            
                        </ul>
                    </div>
                </div>
                <div class="copyright">
                    <p>© 2025 Labiba for Artificial Intelligence LLC.</p>
                    <div class="sociallink">
                        <a class="linking" href="https://www.linkedin.com/company/labiba" aria-label="Visit Labiba on LinkedIn"></a>
                        <a class="facebook" href="https://www.facebook.com/labibabot/" aria-label="Visit Labiba on Facebook"></a>
                        <a class="twitter" href="https://twitter.com/labibabot?lang=en" aria-label="Visit Labiba on Twitter"></a>
                        <a class="instagram" href="https://www.instagram.com/labibabot/?hl=en" aria-label="Visit Labiba on Instagram"></a>
                    </div>
                </div>
            </div>
        </footer>
        <!-- END FOOTER PART -->


<script src="/Content/ClientTheme/en/js/footer.js?v=20251215"></script>
<script>
    $(document).ready(function () {
        if (typeof getCookie === 'undefined' || typeof initPhoneInput === 'undefined' || typeof submitContactForm === 'undefined') {
            console.error('Footer form: footer.js did not load. Contact form will not work.');
            return;
        }
        var countryCode = getCookie("CountryCode");
        var phoneInput = initPhoneInput("#phone", countryCode);
        $("#PageUrl").val(window.location.href);

        $("#contactForm").on("submit", function (e) { e.preventDefault(); });

        $(document).off('click', '#btnSubmitContactUs').on('click', '#btnSubmitContactUs', function (e) {
            e.preventDefault();
            if (typeof gtag_report_conversion === 'function') gtag_report_conversion();
                    var messages = {
                        success: "Thank you for contacting us, we will get back to you soon!",
                        error: "An error occurred, please try again later.",
                        invalidEmail: "Invalid Email",
                        invalidPhone: "Invalid Phone",
                        invalidName: "Invalid Name",
                        emailExists: "This email already exists in our system.",
                        invalidFields: "Check all Fields"
                    };


            submitContactForm({
                emailSelector: "#email",
                nameSelector: "#name",
                phoneSelector: "#phone",
                messageSelector: "#msg",
                pageUrlSelector: "#PageUrl",
                phoneInput: phoneInput,
                submitUrl: "/Home/ContactUs",
                language: "en",
                messages: messages,
                submitType: 2
            });
        });
    });
</script>

<script>
    $(document).ready(function () {
        var countryCode = getCookie("CountryCode");
        var demoPhoneInput = initPhoneInput("#demo_phone", countryCode);

        $('#bookDemoModal').on('show.bs.modal', function () {
            $("#DemoPageUrl").val(window.location.href);
        });

        $(document).off('click', '#btnSubmitDemo').on('click', '#btnSubmitDemo', function (e) {
            e.preventDefault();
                    var demoMessages = {
                        success: "Thank you for your interest! We will contact you soon to schedule a demo.",
                        error: "An error occurred, please try again later.",
                        invalidEmail: "Invalid Email",
                        invalidPhone: "Invalid Phone",
                        invalidName: "Invalid Name",
                        emailExists: "This email already exists in our system.",
                        invalidFields: "Check all Fields"
                    };


            submitContactForm({
                emailSelector: "#demo_email",
                nameSelector: "#demo_name",
                phoneSelector: "#demo_phone",
                messageSelector: "#demo_msg",
                pageUrlSelector: "#DemoPageUrl",
                phoneInput: demoPhoneInput,
                submitUrl: "/Home/ContactUs",
                language: "en",
                messages: demoMessages,
                modalToHide: "#bookDemoModal",
                submitType: 1
            });
        });
    });
</script>


<!-- Book a Demo Modal -->
<div class="modal fade" id="bookDemoModal" tabindex="-1" role="dialog" aria-labelledby="bookDemoModal" aria-modal="true">
    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
        <div class="modal-content" style="border-radius: 20px; border: none; overflow: hidden;">
            <button type="button" class="btn-close position-absolute" data-bs-dismiss="modal" aria-label="Close" style="top: 20px; right: 20px; z-index: 1000; background-color: white; opacity: 1; border-radius: 50%; width: 35px; height: 35px;"></button>
            <div class="modal-body p-0">
                    <div class="row g-0">
                        <div class="col-lg-5 d-none d-lg-block" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 40px; color: white;">
                            <div class="h-100 d-flex flex-column justify-content-center">
                                <h3 style="font-weight: bold; margin-bottom: 20px;">Book a Demo</h3>
                                <h5 style="margin-bottom: 30px;">Let's create a great communication experience together!</h5>
                                <p style="font-size: 14px; line-height: 1.6;">Effective communication enhances collaboration and innovation. Join us to ensure every interaction is clear and constructive. Together, we can achieve more!</p>
                            </div>
                        </div>
                        <div class="col-lg-7" style="padding: 40px;">
                            <h4 class="d-lg-none mb-4" style="font-weight: bold;">Book a Demo</h4>
                            <form id="bookDemoForm" class="demo-form">
                                <div class="row">
                                    <div class="col-12 col-md-6 mb-3">
                                        <label for="demo_name" class="form-label" style="font-weight: 500;">Your name</label>
                                        <input id="demo_name" class="form-control" type="text" style="border-radius: 10px; padding: 12px; border: 1px solid #ddd;" />
                                    </div>
                                    <div class="col-12 col-md-6 mb-3">
                                        <label for="demo_phone" class="form-label" style="font-weight: 500;">Your mobile number</label>
                                        <input id="demo_phone" type="tel" name="demo_phone" maxlength="15" class="form-control" style="border-radius: 10px; padding: 12px; border: 1px solid #ddd;" />
                                    </div>
                                    <div class="col-12 mb-3">
                                        <label for="demo_email" class="form-label" style="font-weight: 500;">Your work email</label>
                                        <input id="demo_email" class="form-control" type="email" style="border-radius: 10px; padding: 12px; border: 1px solid #ddd;" />
                                    </div>
                                    <div class="col-12 mb-3">
                                        <label for="demo_msg" class="form-label" style="font-weight: 500;">Tell us about your requirements...</label>
                                        <textarea id="demo_msg" class="form-control" placeholder="Type here..." rows="4" style="border-radius: 10px; padding: 12px; border: 1px solid #ddd;"></textarea>
                                    </div>
                                    <input type="hidden" name="demo_pageUrl" id="DemoPageUrl" />
                                    <div class="col-12">
                                        <button type="button" class="btn w-100" id="btnSubmitDemo" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border: none; border-radius: 10px; padding: 14px; font-weight: 600; font-size: 16px;">Submit</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
            </div>
        </div>
    </div>
</div>



<div class="modal fade" id="contactusModal" tabindex="-1" role="dialog" aria-labelledby="contactusModal" aria-modal="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content rounded-0">
            <div class="modal-body p-4 px-5">
                <div class="main-content text-center">


                    <a href="#" class="close-btn" data-bs-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true"><span class="icon-close2"></span></span>
                    </a>

                    <div class="warp-icon mb-4">
                        <span class="icon-lock2"></span>
                    </div>
                    <div action="#">
                            <label for="" style="font-weight: bold;">
                                Thank you for contacting us
                            </label>
                            <p class="mb-4">
                                Thank you for reaching out to us. We're reviewing your message and will respond promptly.
                            </p>
                            <div class="d-flex">
                                <div class="mx-auto">
                                    <a href="#" data-bs-dismiss="modal" class="btn btn-primary">Okay</a>
                                </div>
                            </div>



                    </div>

                </div>

            </div>
        </div>
    </div>
</div>

            
        </div>
        <div id="root"></div>
        <!-- Non-critical scripts loaded after page render for better performance -->
        <script type="text/javascript" src="/Content/ClientTheme/en/js/aos.js"></script>
        <script type="text/javascript" src="/Content/ClientTheme/en/js/owl.carousel.js"></script>
        <script type="text/javascript" src="/Content/ClientTheme/en/js/bootstrap-datepicker.js"></script>
        <script type="text/javascript" src="/Content/ClientTheme/en/js/all-style.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js" integrity="sha512-uURl+ZXMBrF4AwGaWmEetzrd+J5/8NRkWAvJx5sbPSSuOb0bZLqf+tOzniObO00BjHa/dD7gub9oCGMLPQHtQA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
        <script>
            AOS.init();
            window.addEventListener('load', function () {
                AOS.refresh();
            });
        </script>

        <!-- Performance: Delay 3rd-party scripts to reduce TBT/LCP impact.
             Revert quickly: set window.__disableThirdPartyDelay = true before this runs (or re-add original tags). -->
        <script>
            (function () {
                var disableDelay = (window.__disableThirdPartyDelay === true);

                window.dataLayer = window.dataLayer || [];
                window.gtag = window.gtag || function () { window.dataLayer.push(arguments); };

                function injectScript(src) {
                    var s = document.createElement('script');
                    s.async = true;
                    s.src = src;
                    document.head.appendChild(s);
                    return s;
                }

                function loadAnalyticsAndGtm() {
                    if (loadAnalyticsAndGtm._done) return;
                    loadAnalyticsAndGtm._done = true;

                    injectScript('https://www.googletagmanager.com/gtag/js?id=AW-11500366628');
                    injectScript('https://www.googletagmanager.com/gtag/js?id=UA-97304529-1');

                    // Queue config (gtag will execute these once the library loads)
                    window.gtag('js', new Date());
                    window.gtag('config', 'AW-11500366628');
                    window.gtag('config', 'UA-97304529-1');

                    // Google Tag Manager
                    (function (w, d, s, l, i) {
                        w[l] = w[l] || [];
                        w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
                        var f = d.getElementsByTagName(s)[0],
                            j = d.createElement(s),
                            dl = l != 'dataLayer' ? '&l=' + l : '';
                        j.async = true;
                        j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
                        f.parentNode.insertBefore(j, f);
                    })(window, document, 'script', 'dataLayer', 'GTM-NMD85MF');
                }

                function loadChatWidget() {
                    if (loadChatWidget._done) return;
                    loadChatWidget._done = true;

                    var s = document.createElement('script');
                    s.type = 'text/javascript';
                    s.src = 'https://bot.labibabot.com/static/js/bundle_new.js';
                    s.id = 'labibaWebChat';
                    s.setAttribute('cdn', 'https://bot.labibabot.com');
                    s.setAttribute('storyId', '6637b6a9-2877-4e67-9a5f-6446f356a0b3');
                    s.setAttribute('baseURL', 'https://bot.labibabot.com');
                    (document.body || document.documentElement).appendChild(s);
                }

                function onFirstInteraction(callback, fallbackMs) {
                    var done = false;
                    var events = ['pointerdown', 'keydown', 'scroll', 'touchstart', 'mousemove'];

                    function trigger() {
                        if (done) return;
                        done = true;
                        cleanup();
                        callback();
                    }

                    function cleanup() {
                        for (var i = 0; i < events.length; i++) {
                            window.removeEventListener(events[i], trigger);
                        }
                    }

                    for (var i = 0; i < events.length; i++) {
                        window.addEventListener(events[i], trigger, { passive: true });
                    }

                    if (fallbackMs && fallbackMs > 0) {
                        window.setTimeout(trigger, fallbackMs);
                    }
                }

                if (disableDelay) {
                    // Original behavior (delayed only until load)
                    window.addEventListener('load', function () {
                        loadAnalyticsAndGtm();
                        loadChatWidget();
                    });
                    return;
                }

                // Requested behavior:
                // - Analytics/GTM: after window.load
                // - Chat widget: on first interaction (or fallback after 8s)
                window.addEventListener('load', function () {
                    loadAnalyticsAndGtm();
                    onFirstInteraction(loadChatWidget, 8000);
                });
            })();
        </script>
            <script>
                function gtag_report_conversion(url) {
                    var callback = function () {
                        if (typeof (url) != 'undefined') {
                            window.location = url;
                        }
                    };
                    gtag('event', 'conversion', {
                        'send_to': 'AW-11500366628/euS5CJen2f0ZEKTW5usq',
                        'event_callback': callback
                    });
                    return false;
                }
            </script>
            <script>
                (function () {
                    var SCROLL_THRESHOLD = 20;
                    var BIG_PADDING = '23px 0px';
                    var SMALL_PADDING = '12px 0px';
                    var SHADOW_ON = '0 2px 10px rgba(0,0,0,0.08)';

                    function getHeader() {
                        return document.querySelector('header.site-header') || document.querySelector('header');
                    }

                    function applyHeaderOffset(header) {
                        if (!header) return;
                        var h = Math.ceil(header.getBoundingClientRect().height || 0);
                        if (h > 0) {
                            document.body.style.paddingTop = h + 'px';
                            document.documentElement.style.scrollPaddingTop = h + 'px';
                        }
                    }

                    function applyHeaderState() {
                        var header = getHeader();
                        if (!header) return;

                        // remember initial background only once
                        if (!header.dataset.initialBg) {
                            header.dataset.initialBg = header.style.backgroundColor || '';
                        }

                        var scrolled = (window.pageYOffset || document.documentElement.scrollTop || 0) > SCROLL_THRESHOLD;
                        if (scrolled) {
                            header.classList.add('is-scrolled');
                            header.style.padding = SMALL_PADDING;
                            header.style.boxShadow = SHADOW_ON;
                            // if header was transparent, give it a readable bg on scroll
                            if ((header.dataset.initialBg || '').trim() === '' || (header.dataset.initialBg || '').trim() === 'transparent') {
                                header.style.backgroundColor = 'rgba(255,255,255,0.98)';
                            }
                        } else {
                            header.classList.remove('is-scrolled');
                            header.style.padding = BIG_PADDING;
                            header.style.boxShadow = '';
                            header.style.backgroundColor = header.dataset.initialBg;
                        }

                        applyHeaderOffset(header);
                    }

                    var ticking = false;
                    function onScrollOrResize() {
                        if (ticking) return;
                        ticking = true;
                        window.requestAnimationFrame(function () {
                            ticking = false;
                            applyHeaderState();
                        });
                    }

                    document.addEventListener('DOMContentLoaded', applyHeaderState);
                    window.addEventListener('load', applyHeaderState);
                    window.addEventListener('resize', onScrollOrResize);
                    window.addEventListener('scroll', onScrollOrResize, { passive: true });
                })();
            </script>
        </body>
    </html>


