CINXE.COM
About us | Webex CPaaS Solutions
<!doctype html> <html id="app" lang="en" class="text-black"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Google Tag Manager --> <script>(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-NQLWWR');</script> <!-- End Google Tag Manager --> <title>About us | Webex CPaaS Solutions</title> <meta name="description" content="Webex CPaaS Solutions creates richer connections between global businesses and their customers. Our vision is to revolutionize CX by creating dynamic, always-on connections between global businesses and customers. We help our clients make every interaction matter more."> <link rel="canonical" href="https://cpaas.webex.com/about-us/our-story"> <meta property="og:url" content="https://cpaas.webex.com/about-us/our-story"> <link rel='alternate' href="https://cpaas.webex.com/about-us/our-story" hreflang="en-US" > <meta property="og:site_name" content="Webex CPaaS Solutions"> <meta property="og:title" content="About us | Webex CPaaS Solutions"> <meta property="og:description" content="Webex CPaaS Solutions creates richer connections between global businesses and their customers. Our vision is to revolutionize CX by creating dynamic, always-on connections between global businesses and customers. We help our clients make every interaction matter more."> <meta property="og:type" content="website"> <meta property="og:locale" content="en-US"> <meta name="twitter:card" content="summary"> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/cpaas.webex.com\/#site-owner","url":"https:\/\/cpaas.webex.com\/"},{"@type":"WebSite","url":"https:\/\/cpaas.webex.com\/","publisher":{"@id":"https:\/\/cpaas.webex.com\/#site-owner"},"@id":"https:\/\/cpaas.webex.com\/#website"},{"@type":"WebPage","@id":"https:\/\/cpaas.webex.com\/#web_page","url":"https:\/\/cpaas.webex.com\/about-us\/our-story","name":"About us | Webex CPaaS Solutions","isPartOf":{"@id":"https:\/\/cpaas.webex.com\/#website"},"inLanguage":"en-US","datePublished":"2024-03-07T00:00:00+00:00","dateModified":"2024-03-07T00:00:00+00:00","breadcrumb":{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"Thing","name":"Home","id":"https:\/\/cpaas.webex.com"}},{"@type":"ListItem","position":2,"item":{"@type":"Thing","name":"About-us","id":"https:\/\/cpaas.webex.com\/about-us"}},{"@type":"ListItem","position":3,"item":{"@type":"Thing","name":"Our story","id":"https:\/\/cpaas.webex.com\/about-us\/our-story"}}]}}]}</script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Corporation", "name": "Webex CPaaS Solutions", "alternateName": "Webex", "url": "https://cpaas.webex.com/about-us/our-story", "logo": "https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/webex-wordmark-black.svg", "sameAs": [ "https://www.linkedin.com/company/imimobile/", "https://www.youtube.com/@webexcpaassolutionsformerl3336/about", "https://twitter.com/imimobile", "https://en.wikipedia.org/wiki/IMImobile", "https://www.g2.com/products/webex-connect-formerly-imiconnect/reviews" ] } </script> <link defer rel="stylesheet" href="/css/tailwind.css?id=3821b24e7e1cde666ce9"> <script defer src="https://cdn.jsdelivr.net/npm/@caneara/iodine@8.3.0/dist/iodine.min.umd.js"></script> <script defer src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js" crossorigin="anonymous" referrerpolicy="no-referrer" integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg=="></script> <script defer src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js" crossorigin="anonymous" referrerpolicy="no-referrer" integrity="sha512-onMTRKJBKz8M1TnqqDuGBlowlH0ohFzMXYRNebz+yOcc5TQr/zAKsthzhuv0hiyUKEiQEQXEynnXCvNTOk50dg=="></script> <script defer src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/TextPlugin.min.js" crossorigin="anonymous" referrerpolicy="no-referrer" integrity="sha512-xAxjKW1J/R4TFytv43xvQ7jFTrJlBzsDOH/Aw0fFc2nvarQkE3d08lTicjzUsZJYDoHYDCpwsUUqOJXh34A1sw=="></script> <link href="/css/swiper-custom.css?id=24da3a70d961cc51844f" rel="stylesheet"> <script defer src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> <script defer src="https://unpkg.com/alpinejs@3.9.1/dist/cdn.min.js"></script> <script type="text/javascript" async src="https://bot.leadoo.com/bot/dynamic.js?company=Gx692d7w"></script> <link rel="shortcut icon" type="image/x-icon" href="/assets/webex-favicon.ico"> <link defer rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'" integrity="sha512-+EoPw+Fiwh6eSeRK7zwIKG2MA8i3rV/DGa3tdttQGgWyatG/SkncT53KHQaS5Jh9MNOT3dmFL0FjTY08And/Cw==" crossorigin="anonymous"> <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha384-ZvpUoO/+PpLXR1lu4jmpXWu80pZlYUAfxl5NsBMWOEPSjUn/6Z/hRTt8+pR6L4N2" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js" integrity="sha384-fexNtx3nPE3sjIQuGk8G2X8X/aSEBVMC58R839hkgsY/Xjhvkm7m2otGhwrdESWj" crossorigin="anonymous"></script> <script> $(document).ready(function() { $('[data-magnific-popup]').magnificPopup({ type: 'iframe', mainClass: 'mfp-fade', removalDelay: 160, preloader: false, fixedContentPos: false, }); $('[data-magnific-popup-pdf]').magnificPopup({ type: 'iframe', mainClass: 'mfp-fade-pdf', removalDelay: 160, preloader: false, fixedContentPos: false }); }); </script> </head> <body class="flex flex-col font-cisco relative md:mt-0 mt-[68px]" x-data="{ mobileNavOpen : false }" x-bind:class="mobileNavOpen ? 'overflow-hidden' : 'overflow-auto'"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NQLWWR" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5K7LZVP" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <svg width="0" height="0" style="position:absolute;"> <defs> <linearGradient id="mantis-to-fountain-blue" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox"> <stop stop-color="#82CF5F" /> <stop offset="1" stop-color="#00BCF5" /> </linearGradient> <linearGradient id="fountain-blue-to-purple-heart" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox"> <stop stop-color="#00BCF5" /> <stop offset="1" stop-color="#A875FC" /> </linearGradient> <linearGradient id="passion-fruit-to-mantis" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox"> <stop stop-color="#82CF5F" /> <stop offset="1" stop-color="#FBBD23" /> </linearGradient> <linearGradient id="passion-fruit-to-mandarin" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox"> <stop stop-color="#FBBD23" /> <stop offset="1" stop-color="#FF7A3F" /> </linearGradient> <linearGradient id="scarlet-to-passion-fruit" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox"> <stop stop-color="#FF3A65" /> <stop offset="1" stop-color="#FBBD23" /> </linearGradient> <linearGradient id="scarlet-to-purple-heart" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox"> <stop stop-color="#A875FC" /> <stop offset="1" stop-color="#FF3A65" /> </linearGradient> </defs> </svg> <nav class="justify-start bg-skin-wbg theme-light flex-col top-0 z-50 hidden md:flex fixed shadow transition-all delay-75 w-full duration-300"> <aside class="py-3 bg-skin-wbg theme-dark text-skin-bwg md:flex hidden"> <div class="px-std flex items-center justify-between mx-auto max-w-[1440px] w-full"> <div class="flex"> <a href="https://www.webex.com/" aria-label="Webex"> <img src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/webex-logo-reverse.svg" alt="" class="w-24 h-7" loading="lazy"> </a> <h2 class="ml-5 text-sm font-normal items-center flex"></h2> </div> <ul class="flex"> <li ><a href="/resources/newsletter-sign-up" class="border-b border-skin-transparent hover:border-skin-bwg text-sm whitespace-nowrap ml-10">Sign up to our Newsletter</a></li> </ul> </div> </aside> <div class="max-w-[1440px] mx-auto w-full px-std items-center flex"> <a href="/" aria-label="imimobile" class="flex flex-wrap items-end mb-[7px] gap-y-[10.18px] min-w-[90px]"> <img src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/webex-wordmark-black.svg" alt="" class="mr-[8.04px] w-[71.23px] h-[17.39px]"> <img src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/cpaas-solutions-black.svg" alt="" class="w-[120.79px] h-[12.61px]"> </a> <ul class="flex md:mx-7 flex-1 font-medium"> <li class="text-skin-bwg md:py-9 md:px-3" @click.outside="dropdownMenuOpen = false" x-data="{ dropdownMenuOpen: false }"><button class="flex items-center font-medium cursor-pointer border-b border-skin-transparent hover:border-b fill-skin-bwb duration-200 ease-in-out" :class="dropdownMenuOpen ? 'text-skin-ggw hover:border-skin-ggw border-skin-ggw' : 'hover:border-skin-bwg'" x-on:click="dropdownMenuOpen = !dropdownMenuOpen;"> Products <div class="ml-2 duration-200" :class="dropdownMenuOpen ? 'rotate-180 ease-in-out fill-skin-ggw hover:border-skin-ggw' : ''"> <svg class="z-0" height="12" width="12" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </button> <div x-show="dropdownMenuOpen" x-cloak style="max-height: calc(85vh - 100px)" class="absolute overflow-y-scroll top-[147px] left-0 right-0 w-full bg-skin-wbg shadow"> <div class="relative pb-20 pt-7"> <div class="absolute bottom-0 left-0 w-9/12 md:block hidden max-w-400"> <svg class="z-0" width="600" height="400" viewBox="0 0 600 400" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9895" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="600" height="400"> <rect width="600" height="400" transform="matrix(-1 0 0 1 600 0)" fill="white"/> </mask> <g mask="url(#mask0_228_9895)"> <g opacity="0.6" filter="url(#filter0_f_228_9895)"> <ellipse cx="90.8997" cy="463.76" rx="220.21" ry="144.102" transform="rotate(-180 90.8997 463.76)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9895)"> <ellipse rx="215.901" ry="183.648" transform="matrix(-0.872916 -0.487871 -0.61533 0.788269 -96.4165 417.617)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9895" x="-301.683" y="147.286" width="785.165" height="632.949" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="86.1862" result="effect1_foregroundBlur_228_9895"/> </filter> <filter id="filter1_f_228_9895" x="-432.862" y="121.909" width="672.892" height="591.416" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="58.3333" result="effect1_foregroundBlur_228_9895"/> </filter> </defs> </svg> </div> <div class="absolute right-0 top-0 w-9/12 block md:hidden max-w-400"> <svg class="z-0" width="375" height="375" viewBox="0 0 375 375" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9900" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="375" height="375"> <rect width="375" height="375" fill="#C4C4C4"/> </mask> <g mask="url(#mask0_228_9900)"> <g opacity="0.6" filter="url(#filter0_f_228_9900)"> <ellipse rx="186.225" ry="164.22" transform="matrix(-1 3.29385e-08 -3.78354e-08 1 387.806 19.0903)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9900)"> <ellipse rx="199.525" ry="190.655" transform="matrix(-0.798787 0.601614 -0.501244 -0.865306 254.942 -59.2833)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9900" x="-20.0415" y="-366.751" width="815.694" height="771.684" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="110.811" result="effect1_foregroundBlur_228_9900"/> </filter> <filter id="filter1_f_228_9900" x="-80.918" y="-413.321" width="671.721" height="708.075" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="75" result="effect1_foregroundBlur_228_9900"/> </filter> </defs> </svg> </div> <div class="flex h-full w-full relative md:gap-x-5 px-std max-w-[1440px] mx-auto"> <div class="h-full flex-1"> <div class=""> <div> <h4 class="text-lg md:text-lg_lg mb-2 text-skin-bwg">CPaaS</h4> <p class="text-sm md:text-sm_lg md:max-w-10/12 text-skin-grey mb-3 font-normal">Create smarter customer interactions with Communications Platform as a Service (CPaaS).</p> <a href="/products/cpaas-overview" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Discover more"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Discover more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> </div> <div class="h-full flex-1"> <div class="md:mb-7"> <div> <h4 class="text-lg md:text-lg_lg mb-2 text-skin-bwg">Webex Connect</h4> <p class="text-sm md:text-sm_lg md:max-w-10/12 text-skin-grey mb-3 font-normal">Cloud communication platform to automate and orchestrate your customer interactions.</p> <a href="/products/webex-connect" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Explore the platform"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Explore the platform <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> <div class=""> <ul class="flex flex-col gap-y-2 items-start font-normal"> <li> <a href="/products/webex-connect/flows" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Flows"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Flows </span> </a> </li> <li> <a href="/products/webex-connect/nlp-and-ai" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="NLP & AI"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> NLP & AI </span> </a> </li> <li> <a href="/products/webex-connect/reporting-and-analytics" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Reporting & Analytics"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Reporting & Analytics </span> </a> </li> <li> <a href="/products/webex-connect/integrations" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Integrations"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Integrations </span> </a> </li> <li> <a href="/products/webex-connect/contact-management" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Contact Management"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Contact Management </span> </a> </li> <li> <a href="/products/webex-connect/apis-and-sdks" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="API and SDKs"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> API and SDKs </span> </a> </li> <li> <a href="/products/webex-connect/developer-hub" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Developer Hub"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Developer Hub </span> </a> </li> </ul> </div> </div> <div class="h-full flex-1"> <div class="md:mb-7"> <div> <h4 class="text-lg md:text-lg_lg mb-2 text-skin-bwg">Webex Campaign</h4> <p class="text-sm md:text-sm_lg md:max-w-10/12 text-skin-grey mb-3 font-normal">Manage and automate your marketing campaigns.</p> <a href="/products/webex-campaign" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Discover more"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Discover more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> <div class="md:mb-7"> <div> <h4 class="text-lg md:text-lg_lg mb-2 text-skin-bwg">Webex Engage</h4> <p class="text-sm md:text-sm_lg md:max-w-10/12 text-skin-grey mb-3 font-normal">Empower your contact center to support customer conversations on any channel.</p> <a href="/products/webex-engage" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Discover more"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Discover more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> <div class=""> <div> <h4 class="text-lg md:text-lg_lg mb-2 text-skin-bwg">Webex Notify</h4> <p class="text-sm md:text-sm_lg md:max-w-10/12 text-skin-grey mb-3 font-normal">Help operations staff keep your customers informed.</p> <a href="/products/webex-notify" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Discover more"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Discover more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> </div> <div class="h-full flex-1"> <div class="md:mb-7"> <div> <h4 class="text-lg md:text-lg_lg mb-2 text-skin-bwg">Business messaging</h4> <p class="text-sm md:text-sm_lg md:max-w-10/12 text-skin-grey mb-3 font-normal">From SMS to the next generation of digital messaging channels, start delivering richer experiences on the channel closest to customers.</p> <a href="/business-messaging" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Discover more"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Discover more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> <div class=""> <ul class="flex flex-col gap-y-2 items-start font-normal"> <li> <a href="/business-messaging/apple-messages-for-business" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Apple Messages for Business"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Apple Messages for Business </span> </a> </li> <li> <a href="/business-messaging/branded-text" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Branded Text"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Branded Text </span> </a> </li> <li> <a href="/business-messaging/instagram" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Instagram"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Instagram </span> </a> </li> <li> <a href="/business-messaging/mms" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="MMS"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> MMS </span> </a> </li> <li> <a href="/business-messaging/rcs-business-messaging" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="RCS Business Messaging"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> RCS Business Messaging </span> </a> </li> <li> <a href="/business-messaging/sms" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="SMS"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> SMS </span> </a> </li> <li> <a href="/business-messaging/web-rtc" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Web RTC"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Web RTC </span> </a> </li> <li> <a href="/business-messaging/whatsapp-business-api" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="WhatsApp Business API"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> WhatsApp Business API </span> </a> </li> </ul> </div> </div> </div> </div> </div></li> <li class="text-skin-bwg md:py-9 md:px-3" @click.outside="dropdownMenuOpen = false" x-data="{ dropdownMenuOpen: false }"> <button class="flex items-center font-medium cursor-pointer border-b border-skin-transparent hover:border-b fill-skin-bwb duration-200 ease-in-out whitespace-nowrap" :class="dropdownMenuOpen ? 'text-skin-ggw hover:border-skin-ggw border-skin-ggw' : 'hover:border-skin-bwg'" x-on:click="dropdownMenuOpen = !dropdownMenuOpen;"> Solutions <div class="ml-2 duration-200" :class="dropdownMenuOpen ? 'rotate-180 ease-in-out fill-skin-ggw' : ''"> <svg class="z-0" height="12" width="12" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </button> <div x-show="dropdownMenuOpen" x-cloak style="max-height: calc(85vh - 100px)" class="absolute overflow-y-scroll top-[147px] left-0 right-0 w-full bg-skin-wbg shadow"> <div class="relative pb-20 pt-7"> <div class="absolute bottom-0 left-0 w-9/12 md:block hidden max-w-400"> <svg width="600" height="400" viewBox="0 0 600 400" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9895" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="600" height="400"> <rect width="600" height="400" transform="matrix(-1 0 0 1 600 0)" fill="white"/> </mask> <g mask="url(#mask0_228_9895)"> <g opacity="0.6" filter="url(#filter0_f_228_9895)"> <ellipse cx="90.8997" cy="463.76" rx="220.21" ry="144.102" transform="rotate(-180 90.8997 463.76)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9895)"> <ellipse rx="215.901" ry="183.648" transform="matrix(-0.872916 -0.487871 -0.61533 0.788269 -96.4165 417.617)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9895" x="-301.683" y="147.286" width="785.165" height="632.949" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="86.1862" result="effect1_foregroundBlur_228_9895"/> </filter> <filter id="filter1_f_228_9895" x="-432.862" y="121.909" width="672.892" height="591.416" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="58.3333" result="effect1_foregroundBlur_228_9895"/> </filter> </defs> </svg> </div> <div class="absolute right-0 top-0 w-9/12 block md:hidden max-w-400"> <svg width="375" height="375" viewBox="0 0 375 375" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9900" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="375" height="375"> <rect width="375" height="375" fill="#C4C4C4"/> </mask> <g mask="url(#mask0_228_9900)"> <g opacity="0.6" filter="url(#filter0_f_228_9900)"> <ellipse rx="186.225" ry="164.22" transform="matrix(-1 3.29385e-08 -3.78354e-08 1 387.806 19.0903)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9900)"> <ellipse rx="199.525" ry="190.655" transform="matrix(-0.798787 0.601614 -0.501244 -0.865306 254.942 -59.2833)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9900" x="-20.0415" y="-366.751" width="815.694" height="771.684" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="110.811" result="effect1_foregroundBlur_228_9900"/> </filter> <filter id="filter1_f_228_9900" x="-80.918" y="-413.321" width="671.721" height="708.075" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="75" result="effect1_foregroundBlur_228_9900"/> </filter> </defs> </svg> </div> <div class="flex h-full w-full md:gap-x-5 relative px-std max-w-[1440px] mx-auto"> <div class="flex-1 flex"> <div class="flex-1"> <div> <h3 class="text-lg md:text-lg_lg md:mb-7">Industries</h3> <ul class="flex flex-col gap-y-2 font-normal"> <li> <a href="/solutions/automotive" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Automotive"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Automotive </span> </a> </li> <li> <a href="/solutions/banking" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Banking"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Banking </span> </a> </li> <li> <a href="/solutions/gaming" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Gaming"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Gaming </span> </a> </li> <li> <a href="/solutions/government-and-public-sector" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Government & public sector"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Government & public sector </span> </a> </li> <li> <a href="/solutions/healthcare" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Healthcare"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Healthcare </span> </a> </li> <li> <a href="/solutions/insurance" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Insurance"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Insurance </span> </a> </li> <li> <a href="/solutions/logistics" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Logistics"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Logistics </span> </a> </li> <li> <a href="/solutions/media-and-broadcasters" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Media & broadcasters"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Media & broadcasters </span> </a> </li> <li> <a href="/solutions/recruitment" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Recruitment"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Recruitment </span> </a> </li> <li> <a href="/solutions/retail" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Retail"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Retail </span> </a> </li> <li> <a href="/solutions/telecommunications" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Telecommunications"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Telecommunications </span> </a> </li> <li> <a href="/solutions/travel" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Travel"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Travel </span> </a> </li> <li> <a href="/solutions/utilities" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Utilities"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Utilities </span> </a> </li> </ul> </div> </div> <div class="flex-1"> <div> <h3 class="text-lg md:text-lg_lg md:mb-7">Teams</h3> <ul class="flex flex-col gap-y-2 font-normal"> <li> <a href="/solutions/customer-service" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Customer Service"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Customer Service </span> </a> </li> <li> <a href="/solutions/employee-communications" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Employee communications"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Employee communications </span> </a> </li> <li> <a href="/solutions/it-and-operations" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="IT & operations"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> IT & operations </span> </a> </li> <li> <a href="/solutions/marketing" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Marketing"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Marketing </span> </a> </li> </ul> </div> </div> </div> <div class="flex flex-col flex-shrink gap-y-5 flex-1"> <a href="/solutions/retail" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Discover retail solutions"> <div class="md:px-7 md:py-7 rounded-lg md:rounded-30 border border-skin-grey-light hover:border-skin-grey flex gap-10 group justify-between cursor-pointer transition-colors duration-200"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2">Every interaction makes customers smile</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal">Redefine the purchase journey with intelligent automation and contextual promotions.</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Discover retail solutions <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full max-w-200"> <div class="aspect-h-1 aspect-w-1 w-full"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvU29sdXRpb25zL1JldGFpbC93b21hbi1zaG9wLWlwYWQud2VicA==?fit=crop-62-48-1&w=200&h=200&s=b136aa0c7cbffd9dceab39327b27ab8e"> <img class="lazyload rounded-full w-full h-full object-cover" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Solutions/Retail/woman-shop-ipad.jpg" alt=""> </picture> </div> </div> </div> </a> <a href="/lp/authorised-push-payment-fraud" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Learn more"> <div class="md:px-7 md:py-7 rounded-lg md:rounded-30 border border-skin-grey-light hover:border-skin-grey flex gap-10 group justify-between cursor-pointer transition-colors duration-200"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2">Authorized Push Payment (APP) fraud solutions</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal">We analyze security risks and harness verified communications to help banks combat Authorized Push Payment (APP) fraud.</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Learn more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full max-w-200"> <div class="aspect-h-1 aspect-w-1 w-full"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvUmVzb3VyY2VzL0Jsb2cvaG93LXRvLXByZXZlbnQtYW5kLXJlZHVjZS1hdXRob3JpemVkLndlYnA=?fit=crop&w=200&h=200&s=ac8ee4aaa3bb60afa378ba69b2bc7bc0"> <img class="lazyload rounded-full w-full h-full object-cover" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Resources/Blog/how-to-prevent-and-reduce-authorized.jpg" alt=""> </picture> </div> </div> </div> </a> </div> </div> </div> </div> </li> <li class="text-skin-bwg md:py-9 md:px-3" @click.outside="dropdownMenuOpen = false" x-data="{ dropdownMenuOpen: false }"> <button class="flex items-center font-medium cursor-pointer border-b border-skin-transparent hover:border-b fill-skin-bwb duration-200 ease-in-out whitespace-nowrap" :class="dropdownMenuOpen ? 'text-skin-ggw hover:border-skin-ggw border-skin-ggw' : 'hover:border-skin-bwg'" x-on:click="dropdownMenuOpen = !dropdownMenuOpen;"> Resources <div class="ml-2 duration-200" :class="dropdownMenuOpen ? 'rotate-180 ease-in-out fill-skin-ggw' : ''"> <svg class="z-0" height="12" width="12" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </button> <div x-show="dropdownMenuOpen" x-cloak style="max-height: calc(85vh - 100px)" class="absolute overflow-y-scroll top-[147px] left-0 right-0 w-full bg-skin-wbg shadow"> <div class="relative pb-20 pt-7"> <div class="absolute bottom-0 left-0 w-9/12 md:block hidden max-w-400"> <svg width="600" height="400" viewBox="0 0 600 400" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9895" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="600" height="400"> <rect width="600" height="400" transform="matrix(-1 0 0 1 600 0)" fill="white"/> </mask> <g mask="url(#mask0_228_9895)"> <g opacity="0.6" filter="url(#filter0_f_228_9895)"> <ellipse cx="90.8997" cy="463.76" rx="220.21" ry="144.102" transform="rotate(-180 90.8997 463.76)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9895)"> <ellipse rx="215.901" ry="183.648" transform="matrix(-0.872916 -0.487871 -0.61533 0.788269 -96.4165 417.617)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9895" x="-301.683" y="147.286" width="785.165" height="632.949" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="86.1862" result="effect1_foregroundBlur_228_9895"/> </filter> <filter id="filter1_f_228_9895" x="-432.862" y="121.909" width="672.892" height="591.416" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="58.3333" result="effect1_foregroundBlur_228_9895"/> </filter> </defs> </svg> </div> <div class="absolute right-0 top-0 w-9/12 block md:hidden max-w-400"> <svg width="375" height="375" viewBox="0 0 375 375" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9900" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="375" height="375"> <rect width="375" height="375" fill="#C4C4C4"/> </mask> <g mask="url(#mask0_228_9900)"> <g opacity="0.6" filter="url(#filter0_f_228_9900)"> <ellipse rx="186.225" ry="164.22" transform="matrix(-1 3.29385e-08 -3.78354e-08 1 387.806 19.0903)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9900)"> <ellipse rx="199.525" ry="190.655" transform="matrix(-0.798787 0.601614 -0.501244 -0.865306 254.942 -59.2833)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9900" x="-20.0415" y="-366.751" width="815.694" height="771.684" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="110.811" result="effect1_foregroundBlur_228_9900"/> </filter> <filter id="filter1_f_228_9900" x="-80.918" y="-413.321" width="671.721" height="708.075" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="75" result="effect1_foregroundBlur_228_9900"/> </filter> </defs> </svg> </div> <div class="flex h-full w-full md:gap-x-5 relative px-std max-w-[1440px] mx-auto"> <div class="flex-1 flex justify-between"> <div class="mr-10 flex-shrink-0"> <div> <h3 class="text-lg md:text-lg_lg md:mb-7">Select a resource</h3> <ul class="flex flex-col gap-y-2 font-normal"> <li> <a href="/resources/learning" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Learning"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Learning </span> </a> </li> <li> <a href="/resources/customer-stories" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Customer stories"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Customer stories </span> </a> </li> <li> <a href="/blog" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Blog"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Blog </span> </a> </li> </ul> </div> </div> <div class="flex gap-x-5 justify-end"> <style> .clamp { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .clamp-2 { -webkit-line-clamp: 2; } .clamp-3 { -webkit-line-clamp: 3; } </style> <a href="/blog/rcs-ios-18" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Read blog"> <div class="md:px-7 md:py-7 rounded-20 md:rounded-30 border border-skin-grey-light hover:border-skin-grey transition-colors duration-200 flex flex-col justify-between group min-h-400 cursor-pointer"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2 clamp clamp-2">Apple now supports RCS in iOS 18 release</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal clamp clamp-3">RCS is now on iPhone - here’s what you need to know, and why you should expand your business messaging.</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Read blog <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full mt-5"> <div class="w-full"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL1Bob3RvZ3JhcGh5L1Jlc291cmNlcy9CbG9nL2FwcGxlLXJjcy1pb3MxOC1yZWxlYXNlLmpwZw==?fit=crop&w=300&h=150&s=3889500ef35b26bdebece1c04257c2fc"> <img class="lazyload rounded-[10px] w-full h-full object-cover min-h-150" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Resources/Blog/apple-rcs-ios18-release.jpg" alt=""> </picture> </div> </div> </div> </a> <a href="https://cpaas.webex.com/resources/report/gartner-magic-quadrant-cpaas-2024" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="See report"> <div class="md:px-7 md:py-7 rounded-20 md:rounded-30 border border-skin-grey-light hover:border-skin-grey transition-colors duration-200 flex flex-col justify-between group min-h-400 cursor-pointer"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2 clamp clamp-2">2024 Gartner® Magic Quadrant™</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal clamp clamp-3">Discover why we are recognized as a Visionary in the 2024 Gartner Magic Quadrant for CPaaS.</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> See report <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full mt-5"> <div class="w-full"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL3dlYnAvUmVuZGVycy9SZXNvdXJjZXMvcmVwb3J0LWdhcnRuZXItbXEtMjAyNC10YWJsZXQud2VicA==?fit=crop-41-40-1.3&w=300&h=150&s=99377d7f7e7c60de297e4946fa7f3c71"> <img class="lazyload rounded-[10px] w-full h-full object-cover min-h-150" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Renders/Resources/report-gartner-mq-2024-tablet.jpg" alt=""> </picture> </div> </div> </div> </a> <a href="https://cpaas.webex.com/resources/whitepaper/building-a-business-case-for-cpaas" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Read whitepaper"> <div class="md:px-7 md:py-7 rounded-20 md:rounded-30 border border-skin-grey-light hover:border-skin-grey transition-colors duration-200 flex flex-col justify-between group min-h-400 cursor-pointer"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2 clamp clamp-2">Building a business case for CPaaS</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal clamp clamp-3">The global CPaaS market will grow by 62 billion dollars by 2029 - have you started building your business case for it?</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Read whitepaper <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full mt-5"> <div class="w-full"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvU29sdXRpb25zL01hcmtldGluZy90d28tcGVvcGxlLWJvYXJkLWxvb2tpbmcud2VicA==?fit=crop-43-43-1&w=300&h=150&s=aa1085a376a5922b15b4a1e40d354fd5"> <img class="lazyload rounded-[10px] w-full h-full object-cover min-h-150" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Solutions/Marketing/two-people-board-looking.jpg" alt=""> </picture> </div> </div> </div> </a> </div> </div> </div> </div> </div> </li> <li class="text-skin-bwg md:py-9 md:px-3" @click.outside="dropdownMenuOpen = false" x-data="{ dropdownMenuOpen: false }"> <button class="flex items-center font-medium cursor-pointer border-b border-skin-transparent hover:border-b fill-skin-bwb duration-200 ease-in-out whitespace-nowrap" :class="dropdownMenuOpen ? 'text-skin-ggw hover:border-skin-ggw border-skin-ggw' : 'hover:border-skin-bwg'" x-on:click="dropdownMenuOpen = !dropdownMenuOpen;"> About us <div class="ml-2 duration-200" :class="dropdownMenuOpen ? 'rotate-180 ease-in-out fill-skin-ggw' : ''"> <svg class="z-0" height="12" width="12" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </button> <div x-show="dropdownMenuOpen" x-cloak style="max-height: calc(85vh - 100px)" class="absolute overflow-y-scroll top-[147px] left-0 right-0 w-full bg-skin-wbg shadow"> <div class="relative pb-20 pt-7"> <div class="absolute bottom-0 left-0 w-9/12 md:block hidden max-w-400"> <svg width="600" height="400" viewBox="0 0 600 400" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9895" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="600" height="400"> <rect width="600" height="400" transform="matrix(-1 0 0 1 600 0)" fill="white"/> </mask> <g mask="url(#mask0_228_9895)"> <g opacity="0.6" filter="url(#filter0_f_228_9895)"> <ellipse cx="90.8997" cy="463.76" rx="220.21" ry="144.102" transform="rotate(-180 90.8997 463.76)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9895)"> <ellipse rx="215.901" ry="183.648" transform="matrix(-0.872916 -0.487871 -0.61533 0.788269 -96.4165 417.617)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9895" x="-301.683" y="147.286" width="785.165" height="632.949" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="86.1862" result="effect1_foregroundBlur_228_9895"/> </filter> <filter id="filter1_f_228_9895" x="-432.862" y="121.909" width="672.892" height="591.416" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="58.3333" result="effect1_foregroundBlur_228_9895"/> </filter> </defs> </svg> </div> <div class="absolute right-0 top-0 w-9/12 block md:hidden max-w-400"> <svg width="375" height="375" viewBox="0 0 375 375" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9900" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="375" height="375"> <rect width="375" height="375" fill="#C4C4C4"/> </mask> <g mask="url(#mask0_228_9900)"> <g opacity="0.6" filter="url(#filter0_f_228_9900)"> <ellipse rx="186.225" ry="164.22" transform="matrix(-1 3.29385e-08 -3.78354e-08 1 387.806 19.0903)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9900)"> <ellipse rx="199.525" ry="190.655" transform="matrix(-0.798787 0.601614 -0.501244 -0.865306 254.942 -59.2833)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9900" x="-20.0415" y="-366.751" width="815.694" height="771.684" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="110.811" result="effect1_foregroundBlur_228_9900"/> </filter> <filter id="filter1_f_228_9900" x="-80.918" y="-413.321" width="671.721" height="708.075" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="75" result="effect1_foregroundBlur_228_9900"/> </filter> </defs> </svg> </div> <div class="flex h-full w-full md:gap-x-5 relative px-std max-w-[1440px] mx-auto"> <div class="flex-1 flex"> <div class="flex-1"> <div> <h3 class="text-lg md:text-lg_lg md:mb-7">Learn more</h3> <ul class="flex flex-col gap-y-2 font-normal"> <li> <a href="/about-us/our-story" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Our story"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Our story </span> </a> </li> <li> <a href="/about-us/press-releases" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Press and media"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Press and media </span> </a> </li> <li> <a href="/about-us/careers" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Careers"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Careers </span> </a> </li> <li> <a href="https://investors.imimobile.com/?_ga=2.53282664.1300160264.1643021306-1467879296.1630577117" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Investors"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Investors </span> </a> </li> </ul> </div> </div> <div class="flex-1"> <div> <h3 class="text-lg md:text-lg_lg md:mb-7"></h3> <ul class="flex flex-col gap-y-2 font-normal"> </ul> </div> </div> </div> <div class="flex flex-col flex-shrink gap-y-5 flex-1"> <a href="https://www.uctoday.com/unified-communications/cpaas/top-cpaas-providers-for-2023/" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Learn more"> <div class="md:px-7 md:py-7 rounded-lg md:rounded-30 border border-skin-grey-light hover:border-skin-grey flex gap-10 group justify-between cursor-pointer transition-colors duration-200"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2">Latest news</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal">Find out why UC Today recognise Webex CPaaS Solutions as one of the leading CPaaS providers of 2023.</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Learn more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full max-w-200"> <div class="aspect-h-1 aspect-w-1 w-full"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL290aGVyL3VjLXRvZGF5LWFydGljbGUtcHJvbW90aW9uLmpwZw==?fit=crop-80-60-1&w=200&h=200&s=feb792a54bd3dcc1236b12ca793869a4"> <img class="lazyload rounded-full w-full h-full object-cover" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/other/uc-today-article-promotion.jpg" alt=""> </picture> </div> </div> </div> </a> <a href="/blog/completion-of-imimobile-plcs-acquisition-by-cisco" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Learn more"> <div class="md:px-7 md:py-7 rounded-lg md:rounded-30 border border-skin-grey-light hover:border-skin-grey flex gap-10 group justify-between cursor-pointer transition-colors duration-200"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2">Completion of imi's acquisition by Cisco</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal">imimobile is now part of Cisco.</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Learn more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full max-w-200"> <div class="aspect-h-1 aspect-w-1 w-full"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL1Bob3RvZ3JhcGh5L1NvbHV0aW9ucy9NYXJrZXRpbmcvdHdvLXBlb3BsZS1ib2FyZC1sb29raW5nLmpwZw==?fit=crop-36-36-1&w=200&h=200&s=69b9f5615f2c23caa41c94c5652e6632"> <img class="lazyload rounded-full w-full h-full object-cover" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Solutions/Marketing/two-people-board-looking.jpg" alt=""> </picture> </div> </div> </div> </a> </div> </div> </div> </div> </li> <li><a href="/partners" class="md:py-9 md:px-3 block group"> <div class="group-hover:border-skin-bwg border-b border-skin-transparent text-skin-bwg group-hover:border-b transition-all duration-200"> Partners</div> </a> </li> <li><a href="/contact" class="md:py-9 md:px-3 block group"> <div class="group-hover:border-skin-bwg border-b text-skin-bwg border-skin-transparent group-hover:border-b transition-all duration-200"> Contact</div> </a> </li> </ul> <a href="/contact/book-a-demo" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Schedule a demo"> <span class="flex items-center rounded-full justify-center whitespace-nowrap border group duration-200 transition-colors font-medium text-[14px] md:text-[15px] leading-btn tracking-base bg-transparent border-skin-bww text-skin-bww hover:border-skin-bwb hover:bg-skin-bwb hover:text-skin-wbw fill-skin-bww hover:fill-skin-wbw py-5 px-[21px]"> Schedule a demo </span> </a> </div> </nav> <!-- Mobile Nav --> <nav class="items-center md:py-9 theme-light overflow-auto w-full bg-skin-wbg fixed top-0 z-50 flex-col md:hidden shadow" x-bind:class="mobileNavOpen ? 'flex h-full' : ''"> <div class="flex justify-between w-full z-10 py-6 px-std"> <a href="/" aria-label="imimobile" class="flex w-[200px] items-end"> <img src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/webex-wordmark-black.svg" alt="" class="mr-[8.04px] w-[71.23px] h-[17.39px]"> <img src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/cpaas-solutions-black.svg" alt="" class="w-[120.79px] h-[12.61px]"> </a> <button class="border-skin-bwg cursor-pointer" aria-label="navigation button" x-on:click="mobileNavOpen = !mobileNavOpen; animateBurger(mobileNavOpen)"> <svg width="20" height="20" viewBox="0 -5 20 20" id="burgericon" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="20" height="2" fill="#181818"/> <rect y="8" width="20" height="2" fill="#181818"/> </svg> </button> </div> <ul class="gap-x-5 md:mx-7 flex-1 font-medium justify-start w-full z-10 flex flex-col px-std" x-cloak x-show="mobileNavOpen"> <li class="text-h4 py-3 border-t flex flex-col justify-between items-center" x-data="{ open: false }" @click.outside="open = false"> <button class="cursor-pointer flex justify-between w-full items-center" x-on:click="open = !open"> Products <div x-bind:class="open ? 'hidden' : 'block'"> <svg class="w-5 h-5" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="9.9563" width="20" height="2" fill="#181818"/> <rect x="9" y="20.9563" width="20" height="2" transform="rotate(-90 9 20.9563)" fill="#181818"/> </svg> </div> <div x-bind:class="open ? 'block' : 'hidden'"> <svg class="w-5 h-5" width="20" height="3" viewBox="0 0 20 3" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.399902" width="20" height="2" fill="#181818"/> </svg> </div> </button> <div x-show="open" class="pt-10 border-skin-grey flex flex-col w-full"> <h5><a href="/products/cpaas-overview">CPaaS</a></h5> <p class="text-skin-grey text-sm mt-4">Create smarter customer interactions with Communications Platform as a Service (CPaaS).</p> </div> <div x-show="open" class="pt-10 pb-10 border-b border-skin-grey flex flex-col w-full"> <h5><a href="/products/webex-connect">Webex Connect</a></h5> <p class="text-skin-grey text-sm mt-4">Cloud communication platform to automate and orchestrate your customer interactions.</p> </div> <div x-show="open" class=" border-skin-grey flex flex-col w-full"> <a href="/products/webex-connect/flows" class="font-medium text-base mt-7">Flows</a> <a href="/products/webex-connect/nlp-and-ai" class="font-medium text-base mt-5">NLP & AI</a> <a href="/products/webex-connect/reporting-and-analytics" class="font-medium text-base mt-5">Reporting & Analytics</a> <a href="/products/webex-connect/integrations" class="font-medium text-base mt-5">Integrations</a> <a href="/products/webex-connect/contact-management" class="font-medium text-base mt-5">Contact Management</a> <a href="/products/webex-connect/apis-and-sdks" class="font-medium text-base mt-5">API and SDKs</a> <a href="/products/webex-connect/developer-hub" class="font-medium text-base mt-5">Developer Hub</a> </div> <div x-show="open" class="pt-10 border-skin-grey flex flex-col w-full"> <h5><a href="/products/webex-campaign">Webex Campaign</a></h5> <p class="text-skin-grey text-sm mt-4">Manage and automate your marketing campaigns.</p> </div> <div x-show="open" class="pt-10 border-skin-grey flex flex-col w-full"> <h5><a href="/products/webex-engage">Webex Engage</a></h5> <p class="text-skin-grey text-sm mt-4">Empower your contact center to support customer conversations on any channel.</p> </div> <div x-show="open" class="pt-10 border-skin-grey flex flex-col w-full"> <h5><a href="/products/webex-notify">Webex Notify</a></h5> <p class="text-skin-grey text-sm mt-4">Help operations staff keep your customers informed.</p> </div> <div x-show="open" class="pt-10 border-skin-grey flex flex-col w-full"> <h5><a href="/business-messaging">Business messaging</a></h5> <p class="text-skin-grey text-sm mt-4">From SMS to the next generation of digital messaging channels, start delivering richer experiences on the channel closest to customers.</p> </div> <div x-show="open" class=" border-skin-grey flex flex-col w-full"> <a href="/business-messaging/apple-messages-for-business" class="font-medium text-base mt-7">Apple Messages for Business</a> <a href="/business-messaging/branded-text" class="font-medium text-base mt-5">Branded Text</a> <a href="/business-messaging/instagram" class="font-medium text-base mt-5">Instagram</a> <a href="/business-messaging/mms" class="font-medium text-base mt-5">MMS</a> <a href="/business-messaging/rcs-business-messaging" class="font-medium text-base mt-5">RCS Business Messaging</a> <a href="/business-messaging/sms" class="font-medium text-base mt-5">SMS</a> <a href="/business-messaging/web-rtc" class="font-medium text-base mt-5">Web RTC</a> <a href="/business-messaging/whatsapp-business-api" class="font-medium text-base mt-5">WhatsApp Business API</a> </div> </li> <li class="text-h4 py-3 border-t flex flex-col justify-between items-center" x-data="{ open: false }" @click.outside="open = false"> <button class="cursor-pointer flex justify-between w-full items-center" x-on:click="open = !open"> Solutions <div x-bind:class="open ? 'hidden' : 'block'"> <svg class="w-5 h-5" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="9.9563" width="20" height="2" fill="#181818"/> <rect x="9" y="20.9563" width="20" height="2" transform="rotate(-90 9 20.9563)" fill="#181818"/> </svg> </div> <div x-bind:class="open ? 'block' : 'hidden'"> <svg class="w-5 h-5" width="20" height="3" viewBox="0 0 20 3" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.399902" width="20" height="2" fill="#181818"/> </svg> </div> </button> <div x-show="open" class="py-10 border-b border-skin-grey flex flex-col w-full"> <h5>Industries</h5> <a href="/solutions/automotive" class="font-medium text-base mt-5">Automotive</a> <a href="/solutions/banking" class="font-medium text-base mt-5">Banking</a> <a href="/solutions/gaming" class="font-medium text-base mt-5">Gaming</a> <a href="/solutions/government-and-public-sector" class="font-medium text-base mt-5">Government & public sector</a> <a href="/solutions/healthcare" class="font-medium text-base mt-5">Healthcare</a> <a href="/solutions/insurance" class="font-medium text-base mt-5">Insurance</a> <a href="/solutions/logistics" class="font-medium text-base mt-5">Logistics</a> <a href="/solutions/media-and-broadcasters" class="font-medium text-base mt-5">Media & broadcasters</a> <a href="/solutions/recruitment" class="font-medium text-base mt-5">Recruitment</a> <a href="/solutions/retail" class="font-medium text-base mt-5">Retail</a> <a href="/solutions/telecommunications" class="font-medium text-base mt-5">Telecommunications</a> <a href="/solutions/travel" class="font-medium text-base mt-5">Travel</a> <a href="/solutions/utilities" class="font-medium text-base mt-5">Utilities</a> </div> <div x-show="open" class="py-10 border-b border-skin-grey flex flex-col w-full"> <h5>Teams</h5> <a href="/solutions/customer-service" class="font-medium text-base mt-5">Customer Service</a> <a href="/solutions/employee-communications" class="font-medium text-base mt-5">Employee communications</a> <a href="/solutions/it-and-operations" class="font-medium text-base mt-5">IT & operations</a> <a href="/solutions/marketing" class="font-medium text-base mt-5">Marketing</a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-b border-skin-grey"> <a href="/solutions/retail" class="font-medium text-base flex w-full items-center"> <img data-src="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvU29sdXRpb25zL1JldGFpbC93b21hbi1zaG9wLWlwYWQud2VicA==?fit=crop-62-48-1&w=80&h=80&s=24e0c48feb7cbbaa8a969e98664eeb1a" alt="" class="lazyload w-20 h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>Every interaction makes customers smile</h5> <p class="text-xs text-skin-grey mt-2">Redefine the purchase journey with intelligent automation and contextual promotions.</p> </div> </a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-skin-grey"> <a href="/lp/authorised-push-payment-fraud" class="font-medium text-base flex w-full items-center"> <img data-src="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvUmVzb3VyY2VzL0Jsb2cvaG93LXRvLXByZXZlbnQtYW5kLXJlZHVjZS1hdXRob3JpemVkLndlYnA=?fit=crop&w=80&h=80&s=739870764de7c9f77fa6cc49169bd3a3" alt="" class="lazyload w-20 h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>Authorized Push Payment (APP) fraud solutions</h5> <p class="text-xs text-skin-grey mt-2">We analyze security risks and harness verified communications to help banks combat Authorized Push Payment (APP) fraud.</p> </div> </a> </div> </li> <li class="text-h4 py-3 border-t flex flex-col justify-between items-center" x-data="{ open: false }" @click.outside="open = false"> <button class="cursor-pointer flex justify-between w-full items-center" x-on:click="open = !open"> Resources <div x-bind:class="open ? 'hidden' : 'block'"> <svg class="w-5 h-5" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="9.9563" width="20" height="2" fill="#181818"/> <rect x="9" y="20.9563" width="20" height="2" transform="rotate(-90 9 20.9563)" fill="#181818"/> </svg> </div> <div x-bind:class="open ? 'block' : 'hidden'"> <svg class="w-5 h-5" width="20" height="3" viewBox="0 0 20 3" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.399902" width="20" height="2" fill="#181818"/> </svg> </div> </button> <div x-show="open" class="py-10 border-b border-skin-grey flex flex-col w-full"> <h5>Select a resource</h5> <a href="/resources/learning" class="font-medium text-base mt-5">Learning</a> <a href="/resources/customer-stories" class="font-medium text-base mt-5">Customer stories</a> <a href="/blog" class="font-medium text-base mt-5">Blog</a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-b border-skin-grey"> <a href="/blog/rcs-ios-18" class="font-medium text-base flex w-full items-center"> <img data-src="/img/asset/YXNzZXRzL1Bob3RvZ3JhcGh5L1Jlc291cmNlcy9CbG9nL2FwcGxlLXJjcy1pb3MxOC1yZWxlYXNlLmpwZw==?fit=crop&w=80&h=80&s=67b196a42a39e255449440359a52cd92" alt="" class="lazyload w-20 h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>Apple now supports RCS in iOS 18 release</h5> <p class="text-xs text-skin-grey mt-2">RCS is now on iPhone - here’s what you need to know, and why you should expand your business messaging.</p> </div> </a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-b border-skin-grey"> <a href="https://cpaas.webex.com/resources/report/gartner-magic-quadrant-cpaas-2024" class="font-medium text-base flex w-full items-center"> <img data-src="/img/asset/YXNzZXRzL3dlYnAvUmVuZGVycy9SZXNvdXJjZXMvcmVwb3J0LWdhcnRuZXItbXEtMjAyNC10YWJsZXQud2VicA==?fit=crop-41-40-1.3&w=80&h=80&s=ee32f5bef45b3831585121cd0e9e242b" alt="" class="lazyload w-20 h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>2024 Gartner® Magic Quadrant™</h5> <p class="text-xs text-skin-grey mt-2">Discover why we are recognized as a Visionary in the 2024 Gartner Magic Quadrant for CPaaS.</p> </div> </a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-skin-grey"> <a href="https://cpaas.webex.com/resources/whitepaper/building-a-business-case-for-cpaas" class="font-medium text-base flex w-full items-center"> <img data-src="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvU29sdXRpb25zL01hcmtldGluZy90d28tcGVvcGxlLWJvYXJkLWxvb2tpbmcud2VicA==?fit=crop-43-43-1&w=80&h=80&s=156f0bc83ec5e23c9886ab24b267c2e5" alt="" class="lazyload w-20 h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>Building a business case for CPaaS</h5> <p class="text-xs text-skin-grey mt-2">The global CPaaS market will grow by 62 billion dollars by 2029 - have you started building your business case for it?</p> </div> </a> </div> </li> <li class="text-h4 py-3 border-t flex flex-col justify-between items-center" x-data="{ open: false }" @click.outside="open = false"> <button class="cursor-pointer flex justify-between w-full items-center" x-on:click="open = !open"> About us <div x-bind:class="open ? 'hidden' : 'block'"> <svg class="w-5 h-5" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="9.9563" width="20" height="2" fill="#181818"/> <rect x="9" y="20.9563" width="20" height="2" transform="rotate(-90 9 20.9563)" fill="#181818"/> </svg> </div> <div x-bind:class="open ? 'block' : 'hidden'"> <svg class="w-5 h-5" width="20" height="3" viewBox="0 0 20 3" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.399902" width="20" height="2" fill="#181818"/> </svg> </div> </button> <div x-show="open" class="py-10 border-b border-skin-grey flex flex-col w-full"> <h5>Learn more</h5> <a href="/about-us/our-story" class="font-medium text-base mt-5">Our story</a> <a href="/about-us/press-releases" class="font-medium text-base mt-5">Press and media</a> <a href="/about-us/careers" class="font-medium text-base mt-5">Careers</a> <a href="https://investors.imimobile.com/?_ga=2.53282664.1300160264.1643021306-1467879296.1630577117" class="font-medium text-base mt-5">Investors</a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-b border-skin-grey"> <a href="https://www.uctoday.com/unified-communications/cpaas/top-cpaas-providers-for-2023/" class="font-medium text-base flex w-full items-center"> <img data-src="/img/asset/YXNzZXRzL290aGVyL3VjLXRvZGF5LWFydGljbGUtcHJvbW90aW9uLmpwZw==?fit=crop-80-60-1&w=80&h=80&s=9c34bb38b8b0e642a5adc54bd13e6f72" alt="" class="lazyload w-20 h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>Latest news</h5> <p class="text-xs text-skin-grey mt-2">Find out why UC Today recognise Webex CPaaS Solutions as one of the leading CPaaS providers of 2023.</p> </div> </a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-skin-grey"> <a href="/blog/completion-of-imimobile-plcs-acquisition-by-cisco" class="font-medium text-base flex w-full items-center"> <img data-src="/img/asset/YXNzZXRzL1Bob3RvZ3JhcGh5L1NvbHV0aW9ucy9NYXJrZXRpbmcvdHdvLXBlb3BsZS1ib2FyZC1sb29raW5nLmpwZw==?fit=crop-36-36-1&w=80&h=80&s=91ae4ca8ca587b2392ae044f40ce2f61" alt="" class="lazyload w-20 h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>Completion of imi's acquisition by Cisco</h5> <p class="text-xs text-skin-grey mt-2">imimobile is now part of Cisco.</p> </div> </a> </div> </li> <li class="text-h4 py-3 border-t font-normal"><a class="block" href="/partners">Partners</a></li> <li class="text-h4 py-3 border-t border-b font-normal"><a class="block" href="/contact">Contact</a></li> <li class="py-6"> <a href="/contact/book-a-demo" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Schedule a demo"> <span class="flex items-center rounded-full justify-center whitespace-nowrap border group duration-200 transition-colors font-medium text-[14px] md:text-[15px] leading-btn tracking-base bg-transparent border-skin-bww text-skin-bww hover:border-skin-bwb hover:bg-skin-bwb hover:text-skin-wbw fill-skin-bww hover:fill-skin-wbw py-5 px-[21px]"> Schedule a demo </span> </a> </li> </ul> </nav> <script> window.addEventListener('DOMContentLoaded', function() { burgerTlm = new gsap.timeline({ paused: true, reversed: false }); burgerTlm.to('#burgericon > rect:last-child', { rotate: -45, transformOrigin: 'center center', y: -4, duration: 0.1, ease: 'linear' }).to('#burgericon > rect:first-child', { rotate: 45, transformOrigin: 'center center', y: 4, duration: 0.1, ease: 'linear' }, 0); var prevScrollpos = window.pageYOffset; var goingDown = true; var scrollDifference = 0; window.onscroll = function() { var currentScrollPos = window.pageYOffset; if (prevScrollpos > currentScrollPos && goingDown) { goingDown = false; scrollDifference = 0; } if (prevScrollpos < currentScrollPos && !goingDown) { goingDown = true; scrollDifference = 0; } scrollDifference += Math.abs(prevScrollpos - currentScrollPos) if (prevScrollpos > currentScrollPos && scrollDifference > 70) { document.getElementsByTagName("nav")[0].style.top = "0"; } else if (scrollDifference > 70) { document.getElementsByTagName("nav")[0].style.top = "-150px"; } prevScrollpos = currentScrollPos; } }); function animateBurger(open) { if (open) { burgerTlm.play(); } else { burgerTlm.reverse(); } } </script> <main> <div class="md:pt-[52px]"></div> <div class="md:pt-[97px]"></div> <section class="bg-skin-wbg relative theme-dark" data-id="hero" id="" style="scroll-margin-top: 6rem"> <div x-data="{ open: true }" x-show="open" class="pt-5 max-w-[1440px] mx-auto" data-id="floatie"> <div class="flex p-5 md:p-0 bg-skin-floatie relative rounded-20 overflow-hidden mx-std"> <div class="flex md:items-center items-start flex-wrap z-10 w-full relative gap-3 md:gap-0 "> <picture class="max-w-1/2 md:max-w-none"> <source type="image/webp" srcset="/img/asset/YXNzZXRzL3dlYnAvb3RoZXIvZ2FydG5lci1tcS1jcGFzcy1wcm9tby0yNC53ZWJw?h=100&w=200&s=6aaa392a245d5e08163021ccb259ac21"> <img class="max-w-none rounded-20 md:rounded-none" height="100" width="200" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/other/gartner-mq-cpass-promo-24.jpg" alt=""> </picture> <div class="flex md:flex-row flex-col justify-between md:mx-7 lg:mx-10 basis-[250px] flex-grow "> <p class="text-skin-bwg flex items-center md:pr-16 mt-[1px] font-medium text-base">Cisco recognized as a Visionary for the second time in the 2024 Gartner® Magic Quadrant™ for CPaaS</p> <div class="flex items-center mt-3 md:mt-0"> <a href="/resources/report/gartner-magic-quadrant-cpaas-2024" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Access the report"> <span class="flex items-center rounded-full justify-center whitespace-nowrap border group duration-200 transition-colors font-medium text-[14px] md:text-[15px] leading-btn tracking-base bg-transparent border-skin-bww text-skin-bww hover:border-skin-bwb hover:bg-skin-bwb hover:text-skin-wbw fill-skin-bww hover:fill-skin-wbw lg:py-5 py-[18px] px-[21px]"> Access the report <svg width="14" height="14" viewBox="0 0 14 14" class="inline ml-1"> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> </div> </div> </div> <div class="mx-auto max-w-[1440px] flex-col py-10 md:py-16 lg:py-20 px-std flex "> <div class="flex justify-between relative flex-col md:flex-row"> <div class="lg:pr-32 md:pr-5 mb-3 md:mb-0 flex-1"> <h1 class="flex-1 text-skin-bwg text-h2 xl:text-h1">Every interaction matters.</h1> </div> <div class="md:ml-12 "> <p class="flex-initial md:max-w-[480px] mt-3 text-skin-bwg text-lg">Our vision is to revolutionize CX by creating dynamic, always-on connections between global businesses and customers. We help our clients make every interaction matter more.</p> </div> </div> <div class="flex md:flex-row flex-col gap-5 flex-wrap relative mt-10 md:mt-16 lg:mt-20"> <div class="relative flex-1" style="flex-basis: 70%"> <div class="aspect-w-16 aspect-h-9 h-[48vw] md:h-auto sticky top-[120px] rounded-lg md:rounded-30"> <iframe class="rounded-2vw" width="732" height="1300" src="https://www.youtube.com/embed/-lBqo5g4ESk?controls=0" title="Every Interaction Matters" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div> </a> </div> </div> </div> </section> <script> window.addEventListener('DOMContentLoaded', function() { gsap.registerPlugin(ScrollTrigger); const video = document.getElementById('hero-video'); if ('') { let tl = gsap.timeline({ scrollTrigger: { trigger: video, start: '25% center', onEnter: () => { video.play(); }, onEnterBack: () => { video.play(); }, onLeave: () => { video.pause(); } } }); } }); </script> <section class="bg-skin-wbg relative py-10 md:py-16 lg:py-20 theme-light" data-id="story" id="" style="scroll-margin-top: 6rem" x-data="collapser"> <div class="px-std max-w-[1440px] mx-auto"> <div class="flex justify-between relative flex-col md:gap-28 md:flex-row mb-10 md:mb-16 lg:mb-20"> <div class="flex flex-col lg:max-w-2/3"> <h2 class="text-skin-bww text-h2">Our story.</h2> </div> </div> <div id="story-content" class="mx-auto max-w-[1440px] flex flex-col lg:gap-14 gap-10 justify-start relative overflow-hidden"> <div class=""> <div class="flex lg:gap-32 md:gap-[5vw] flex-col md:flex-row justify-between mb-5 flex-1"> <div class="prose-page text-skin-grey md:min-w-1/2 md:w-1/2 lg:w-2/3 standard"> <p>Webex CPaaS Solutions (previously known as imimobile) provides cloud communications software and services that manage business-critical customer interactions at scale. To put it simply, we help businesses to lower costs, reduce complexity and accelerate IT roadmaps. We believe that customer experience is the key competitive advantage for consumer businesses. So, we’re creating a world where enterprises can stay constantly connected to their customers. A world where every touchpoint, on every channel, is an opportunity to deliver rich, engaging, intuitive experiences.</p> </div> </div> </div> </div> </div> </section> <script> document.addEventListener('alpine:init', () => { Alpine.data('collapser', () => ({ open: JSON.parse("true"), init() { if (JSON.parse("false")) { this.animateCollapser(0); } }, animateCollapser(duration) { const newHeight = this.open ? 'auto' : 0; gsap.to('#story-content', { height: newHeight, duration }); }, toggleCollapser() { this.open = !this.open; this.animateCollapser(0.5); } })); }); </script> <section class="relative theme-light bg-skin-wbg text-skin-bwg" data-id="people" id="" style="scroll-margin-top: 6rem"> <svg class="absolute w-1/2 pointer-events-none corner-gradient-" viewBox="0 0 629 324" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_10523_56085)"> <g opacity="0.5"> <g filter="url(#filter0_f_10523_56085)"> <ellipse cx="150" cy="100" rx="150" ry="100" transform="matrix(0.866025 -0.5 -0.5 -0.866026 544 497.205)" fill="" /> </g> <g filter="url(#filter1_f_10523_56085)"> <ellipse cx="150" cy="100" rx="150" ry="100" transform="matrix(1 0 1.88408e-07 -1 288 468)" fill="" /> </g> </g> </g> <defs> <filter id="filter0_f_10523_56085" x="284.672" y="21.0361" width="678.463" height="629.133" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_10523_56085" /> </filter> <filter id="filter1_f_10523_56085" x="88" y="68" width="700" height="600" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_10523_56085" /> </filter> <clipPath id="clip0_10523_56085"> <rect width="629" height="324" fill="white" /> </clipPath> </defs> </svg> <div class="max-w-[1440px] mx-auto px-std py-10 md:py-16 lg:py-20 relative"> <div class="flex justify-between relative flex-col md:gap-28 md:flex-row mb-10 md:mb-16 lg:mb-20"> <div class="flex flex-col lg:max-w-2/3"> <h2 class="text-skin-bwg text-h2">Leadership team.</h2> </div> </div> <div id="downloadWrapper" class="w-full flex md:gap-x-8 md:gap-y-10 gap-y-5 gap-x-4 flex-wrap justify-center"> <article class="flex flex-col md:max-w-[40%] md:min-w-300" style="flex: 1 1 300px"> <div class="mb-[7%] relative"> <div class="aspect-w-16 aspect-h-9"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL1RlYW0vamF5cGF0ZWwuanBn?fit=crop&w=500&s=5155466e05a454a11501656388e0023f"> <img id="7c5797c2-6a72-4abd-bdef-e2b74f08a5cc" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Team/jaypatel.jpg" class="lazyload w-full lg:rounded-30 md:rounded-20 rounded-[16px] object-cover" alt=""> </picture> </div> </div> <div class="flex flex-col md:mr-5"> <h3 class="text-base md:text-base_lg text-skin-bwg mb-2">Jay Patel</h3> <h4 class="text-base font-normal md:text-base_lg text-skin-grey mb-2">VP & GM, Webex CPaaS Solutions</h4> </div> </article> <article class="flex flex-col md:max-w-[40%] md:min-w-300" style="flex: 1 1 300px"> <div class="mb-[7%] relative"> <div class="aspect-w-16 aspect-h-9"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL1RlYW0vc3VkYXJzaGFuZGhhcm1hcHVyaS5qcGc=?fit=crop&w=500&s=74f5a814bc6797af2d9919babe53090b"> <img id="8aa24a74-da41-488d-bad7-a0120ed628a1" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Team/sudarshandharmapuri.jpg" class="lazyload w-full lg:rounded-30 md:rounded-20 rounded-[16px] object-cover" alt=""> </picture> </div> </div> <div class="flex flex-col md:mr-5"> <h3 class="text-base md:text-base_lg text-skin-bwg mb-2">Sudarshan Dharmapuri</h3> <h4 class="text-base font-normal md:text-base_lg text-skin-grey mb-2">Chief Product Officer, Webex CPaaS Solutions</h4> </div> </article> </div> </div> </section> <section class="relative theme-light bg-skin-wbg text-skin-bwg" data-id="resource-link" id="" style="scroll-margin-top: 6rem"> <svg class="absolute w-1/2 pointer-events-none corner-gradient-tl" viewBox="0 0 629 324" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_10523_56085)"> <g opacity="0.5"> <g filter="url(#filter0_f_10523_56085)"> <ellipse cx="150" cy="100" rx="150" ry="100" transform="matrix(0.866025 -0.5 -0.5 -0.866026 544 497.205)" fill="#01B172" /> </g> <g filter="url(#filter1_f_10523_56085)"> <ellipse cx="150" cy="100" rx="150" ry="100" transform="matrix(1 0 1.88408e-07 -1 288 468)" fill="#01B172" /> </g> </g> </g> <defs> <filter id="filter0_f_10523_56085" x="284.672" y="21.0361" width="678.463" height="629.133" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_10523_56085" /> </filter> <filter id="filter1_f_10523_56085" x="88" y="68" width="700" height="600" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_10523_56085" /> </filter> <clipPath id="clip0_10523_56085"> <rect width="629" height="324" fill="white" /> </clipPath> </defs> </svg> <div class="max-w-[1440px] mx-auto px-std py-10 md:py-16 lg:py-20 "> <div class="flex flex-col md:flex-row relative justify-between gap-x-10"> <div class="flex flex-col flex-1"> <div class="md:max-w-600"> <span class="md:mb-5 mb-3 text-skin-grey"></span> <h2 class="md:pb-5 pb-3 md:text-h3 text-h2 text-skin-bwg"> Introducing Webex Connect.</h2> <p class="md:text-base_lg text-base text-skin-grey">Our enterprise-grade, cloud communications platform (CPaaS), Webex Connect delivers end-to-end customer journeys by orchestrating, automating, and monitoring interactions and integrating with existing, disparate back-end systems. This provides a choice of tools and capabilities for IT teams, developers and line of business teams to build seamless customer experiences.</p> <div class="md:pt-10 pt-8 flex gap-x-3 flex-wrap gap-y-3 pb-14 md:pb-0"> <a href="/products/webex-connect" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Explore the platform"> <span class="flex items-center rounded-full justify-center whitespace-nowrap border group duration-200 transition-colors font-medium text-[14px] md:text-[15px] leading-btn tracking-base border border-skin-ggg hover:border-skin-bwg bg-skin-ggw text-skin-wwb hover:bg-skin-bwb hover:text-skin-wbw fill-skin-wwb hover:fill-skin-wbw lg:py-5 py-[18px] px-[21px]"> Explore the platform <svg width="14" height="14" viewBox="0 0 14 14" class="inline ml-1"> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> </div> <picture> <source type="image/webp" data-srcset="/img/http/aHR0cHM6Ly93ZWJleC1pbWltb2JpbGUubnljMy5jZG4uZGlnaXRhbG9jZWFuc3BhY2VzLmNvbS93ZWJwL1Bob3RvZ3JhcGh5L0dlbmVyaWMvdGVhbS13b3JraW5nLWRlc2stY29tcHV0ZXIud2VicA==?fit=crop&w=535&h=535&s=5dd0edb11bb1812dccb2878e5e46bf13"> <img class="lazyload w-full lg:h-[535px] lg:w-[535px] md:w-[460px] md:h-[460px] h-full object-cover hidden md:block rounded-full" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Generic/team-working-desk-computer.jpg" alt=""> </picture> </div> </div> </div> </section> <section class="relative theme-light bg-skin-wbg text-skin-bwg" data-id="side-by-side-points" id="" style="scroll-margin-top: 6rem"> <div class="mx-auto max-w-[1440px] px-std py-10 md:py-16 lg:py-20 relative"> <div class="flex flex-col relative"> <div class="flex w-full justify-center flex-wrap md:flex-nowrap gap-x-10 md:gap-0"> <div class="flex flex-1 min-w-300 mb-8 md:mb-0 w-full justify-center gap-4 md:gap-5 md:order-1"> <div class="w-full min-w-[296px]"> <div class="w-full border-device-wrapper md:border-device-wrapper-lg shadow-device"> <picture> <source type="image/webp" data-srcset="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Screenshots/Products/campaign-graphs.jpg"> <img id="zw8WRGRu" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Screenshots/Products/campaign-graphs.jpg" class="lazyload w-full rounded-2vw border-device md:rounded-device-lg object-cover" alt=""> </picture> </div> </div> </div> <div class="flex flex-1 md:order-2 justify-center flex-col min-w-200 md:min-w-none w-[380px] lg:w-[535px] md:gap-x-10 "> <div class=" lg:pl-[131px] md:pl-[100px] "> <h3 class="text-h4 font-normal mb-3 md:mb-10">Applications to cater for your needs</h3> <div class="prose-page standard md:max-w-500"> <p>We also provide a set of SaaS applications designed specifically for business users who are looking for pre-packaged applications for use within their organization; these include:</p> <div class="my-4 block"> <a href="/products/webex-campaign" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Webex Campaign"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Webex Campaign <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> <div class="my-4 block"> <a href="/products/webex-engage" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Webex Engage"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Webex Engage <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> <div class="my-4 block"> <a href="/products/webex-notify" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Webex Notify"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Webex Notify <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> <p></p> </div> </div> </div> </div> </div> </div> </section> <section class="bg-cover bg-black relative" data-id="blanket-cta" id="" style="scroll-margin-top: 6rem"> <img class="absolute top-0 left-0 w-full h-full z-0" loading="lazy" src="/assets/pngs/dark-circles.webp" alt="background-dark-circles"> <div class="mx-auto max-w-[1440px] px-std theme-dark lg:py-40 md:py-28 py-20 z-10 relative"> <div class="md:max-w-6/10"> <h2 class="text-skin-bwg">Learn more about our products.</h2> <p class="text-skin-bwg text-lg md:text-lg_lg md:pt-7 pt-5 font-normal">Talk to one of our experts today.</p> <div class="pt-10 flex gap-x-3 flex-wrap gap-y-3"> <a href="/contact" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Talk to an expert"> <span class="flex items-center rounded-full justify-center whitespace-nowrap border group duration-200 transition-colors font-medium text-[14px] md:text-[15px] leading-btn tracking-base border border-skin-ggg hover:border-skin-bwg bg-skin-ggw text-skin-wwb hover:bg-skin-bwb hover:text-skin-wbw fill-skin-wwb hover:fill-skin-wbw lg:py-5 py-[18px] px-[21px]"> Talk to an expert <svg width="14" height="14" viewBox="0 0 14 14" class="inline ml-1"> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> <a href="/contact/book-a-demo" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Book a demo"> <span class="flex items-center rounded-full justify-center whitespace-nowrap border group duration-200 transition-colors font-medium text-[14px] md:text-[15px] leading-btn tracking-base bg-transparent border-skin-bww text-skin-bww hover:border-skin-bwb hover:bg-skin-bwb hover:text-skin-wbw fill-skin-bww hover:fill-skin-wbw lg:py-5 py-[18px] px-[21px]"> Book a demo <svg width="14" height="14" viewBox="0 0 14 14" class="inline ml-1"> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> </div> </section> </main> <footer class="flex flex-col lg:py-20 theme-dark bg-skin-wbg py-5"> <div class="flex gap-x-5 md:mb-40 flex-col md:flex-row px-std max-w-[1440px] mx-auto w-full"> <div class="flex flex-1 flex-col" x-data="{ open : false }"> <h3 class="md:mb-10 text-base md:text-base_lg text-skin-bww py-4 md:py-0 flex justify-between theme-black cursor-pointer md:cursor-default" x-on:click="open = !open" x-bind:class="open ? 'text-skin-bwg md:text-skin-bww' : ''"> Products <div x-bind:class="open ? 'rotate-180 fill-skin-ggb' : 'fill-skin-bww'" class="h-3 duration-300"> <svg height="12" width="12" class="md:hidden" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </h3> <ul class="md:block" x-bind:class="open ? 'block' : 'hidden'"> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/cpaas-overview" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="CPaaS"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> CPaaS </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/webex-connect" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Webex Connect"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Webex Connect </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/webex-connect/developer-hub" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Developer Hub"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Developer Hub </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/webex-connect/apis-and-sdks" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Webex Connect APIs and SDKs"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Webex Connect APIs and SDKs </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/webex-campaign" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Webex Campaign"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Webex Campaign </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/webex-engage" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Webex Engage"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Webex Engage </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/webex-notify" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Webex Notify"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Webex Notify </span> </a> </li> </ul> </div> <div class="flex flex-1 flex-col" x-data="{ open : false }"> <h3 class="md:mb-10 text-base md:text-base_lg text-skin-bww py-4 md:py-0 flex justify-between theme-black cursor-pointer md:cursor-default" x-on:click="open = !open" x-bind:class="open ? 'text-skin-bwg md:text-skin-bww' : ''"> Solutions <div x-bind:class="open ? 'rotate-180 fill-skin-ggb' : 'fill-skin-bww'" class="h-3 duration-300"> <svg height="12" width="12" class="md:hidden" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </h3> <ul class="md:block" x-bind:class="open ? 'block' : 'hidden'"> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/automotive" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Automotive"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Automotive </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/banking" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Banking"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Banking </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/gaming" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Gaming"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Gaming </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/government-and-public-sector" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Government & public sector"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Government & public sector </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/healthcare" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Healthcare"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Healthcare </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/insurance" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Insurance"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Insurance </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/logistics" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Logistics"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Logistics </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/media-and-broadcasters" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Media & broadcasters"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Media & broadcasters </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/recruitment" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Recruitment"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Recruitment </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/retail" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Retail"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Retail </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/travel" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Travel"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Travel </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/telecommunications" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Telecommunications"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Telecommunications </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/utilities" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Utilities"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Utilities </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/customer-service" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Customer service"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Customer service </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/employee-communications" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Employee communications"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Employee communications </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/it-and-operations" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="IT & operations"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> IT & operations </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/marketing" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Marketing"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Marketing </span> </a> </li> </ul> </div> <div class="flex flex-1 flex-col" x-data="{ open : false }"> <h3 class="md:mb-10 text-base md:text-base_lg text-skin-bww py-4 md:py-0 flex justify-between theme-black cursor-pointer md:cursor-default" x-on:click="open = !open" x-bind:class="open ? 'text-skin-bwg md:text-skin-bww' : ''"> Business Messaging <div x-bind:class="open ? 'rotate-180 fill-skin-ggb' : 'fill-skin-bww'" class="h-3 duration-300"> <svg height="12" width="12" class="md:hidden" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </h3> <ul class="md:block" x-bind:class="open ? 'block' : 'hidden'"> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Business messaging"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Business messaging </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/branded-text" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Branded Text"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Branded Text </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/apple-messages-for-business" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Apple Messages for Business"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Apple Messages for Business </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/rcs-business-messaging" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="RCS Business Messaging"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> RCS Business Messaging </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/sms" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="SMS"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> SMS </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/mms" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="MMS"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> MMS </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/web-rtc" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Web RTC"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Web RTC </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/whatsapp-business-api" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="WhatsApp Business API"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> WhatsApp Business API </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/instagram" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Instagram"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Instagram </span> </a> </li> </ul> </div> <div class="flex flex-1 flex-col" x-data="{ open : false }"> <h3 class="md:mb-10 text-base md:text-base_lg text-skin-bww py-4 md:py-0 flex justify-between theme-black cursor-pointer md:cursor-default" x-on:click="open = !open" x-bind:class="open ? 'text-skin-bwg md:text-skin-bww' : ''"> Resources <div x-bind:class="open ? 'rotate-180 fill-skin-ggb' : 'fill-skin-bww'" class="h-3 duration-300"> <svg height="12" width="12" class="md:hidden" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </h3> <ul class="md:block" x-bind:class="open ? 'block' : 'hidden'"> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/resources/learning" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Learning"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Learning </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/resources/customer-stories" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Customer stories"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Customer stories </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/blog" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Blog"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Blog </span> </a> </li> </ul> </div> <div class="flex flex-1 flex-col" x-data="{ open : false }"> <h3 class="md:mb-10 text-base md:text-base_lg text-skin-bww py-4 md:py-0 flex justify-between theme-black cursor-pointer md:cursor-default" x-on:click="open = !open" x-bind:class="open ? 'text-skin-bwg md:text-skin-bww' : ''"> Company <div x-bind:class="open ? 'rotate-180 fill-skin-ggb' : 'fill-skin-bww'" class="h-3 duration-300"> <svg height="12" width="12" class="md:hidden" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </h3> <ul class="md:block" x-bind:class="open ? 'block' : 'hidden'"> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/about-us/our-story" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="About us"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> About us </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="https://investor.cisco.com/home/" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Investors"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Investors </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/about-us/press-releases" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Press releases"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Press releases </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/partners" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Partners"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Partners </span> </a> </li> </ul> </div> </div> <div class="flex justify-between flex-col md:flex-row mt-20 md:mt-0 px-std max-w-[1440px] mx-auto w-full"> <div> <div class="flex gap-y-2 text-sm flex-col"> <ul class="flex gap-x-5 flex-col md:flex-row mb-10 md:mb-0"> <li class="md:mb-5 text-skin-bww py-3 md:py-0"> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="/legal/terms-and-conditions">Terms & Conditions</a> </li> <li class="md:mb-5 text-skin-bww py-3 md:py-0"> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="/legal/privacy-statement">Privacy Statement</a> </li> <li class="md:mb-5 text-skin-bww py-3 md:py-0"> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="/legal/cookie-policy">Cookies</a> </li> <li class="md:mb-5 text-skin-bww py-3 md:py-0"> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="/certifications">Certifications</a> </li> <li class="md:mb-5 text-skin-bww py-3 md:py-0"> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="/about-us/careers">Careers</a> </li> </ul> <div class="flex gap-x-3 flex-col md:flex-row mb-10 md:mb-0"> <p class="text-sm text-skin-bww mb-3 md:mb-0">Find us on:</p> <div class="flex"> <div> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="https://www.linkedin.com/company/webex-cpaas-solutions/"> <img class="mr-2" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/linkedin.svg" alt="linkedin" style="width: 20px; height: 20px;"> </a> </div> <div> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="https://twitter.com/webex_cpaas"> <img class="mr-2" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/x_reverse.svg" alt="x logo" style="width: 20px; height: 20px;"> </a> </div> <div> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="https://www.youtube.com/@webexcpaassolutions"> <img class="mr-2" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/youtube_reverse.svg" alt="youtube logo" style="width: 20px; height: 20px;"> </a> </div> </div> </div> </div> </div> <div class="text-skin-grey flex flex-col gap-10"> <div class="flex flex-col gap-y-3"> <div class="flex flex-col md:flex-row"> <p class="text-sm">Copyright @2000 - 2024 IMImobile Limited. All Rights Reserved.</p> </div> </div> </div> </div> </footer> <script src="/js/site.js?id=8e51d1a01b8926a74dc8"></script> <script src="/js/lazysizes.min.js?id=5a7ec366575ee7eeb208" async=""></script> </body> </html>