Webex Connect Cloud Communications Platform

<!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">  <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>  <title>Webex Connect Cloud Communications Platform</title> <meta name="description" content="Effortlessly manage your digital interactions across the entire customer journey with Webex Connect, our enterprise cloud communications platform."> <link rel="canonical" href="https://cpaas.webex.com/products/webex-connect"> <meta property="og:url" content="https://cpaas.webex.com/products/webex-connect"> <link rel='alternate' href="https://cpaas.webex.com/products/webex-connect" hreflang="en-US" > <meta property="og:site_name" content="Webex CPaaS Solutions"> <meta property="og:title" content="Webex Connect Cloud Communications Platform"> <meta property="og:description" content="Effortlessly manage your digital interactions across the entire customer journey with Webex Connect, our enterprise cloud communications platform."> <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\/products\/webex-connect","name":"Webex Connect Cloud Communications Platform","isPartOf":{"@id":"https:\/\/cpaas.webex.com\/#website"},"inLanguage":"en-US","datePublished":"2024-08-27T00:00:00+00:00","dateModified":"2024-08-27T00: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":"Products","id":"https:\/\/cpaas.webex.com\/products"}},{"@type":"ListItem","position":3,"item":{"@type":"Thing","name":"Webex Connect","id":"https:\/\/cpaas.webex.com\/products\/webex-connect"}}]}}]}</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"> </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'">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NQLWWR" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5K7LZVP" height="0" width="0" style="display:none;visibility:hidden"></iframe></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>  <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="mx-auto flex-col flex w-full theme-light bg-skin-wbg" data-id="h1-standalone"> <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="pt-10 md:pt-16 lg:pt-20 max-w-[1440px] mx-auto px-std w-full"> <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="text-skin-bwg text-h5 mb-3 md:mb-5 md:hidden font-normal">Webex Connect</div> <div class="flex justify-between relative flex-col md:flex-row w-full"> <span class="text-skin-bwg text-h5 mb-3 md:mb-5 hidden md:block lg:mr-32 md:mr-24 md:max-w-200">Webex Connect</span> <div class="lg:pr-32 md:pr-5 mb-3 md:mb-0 flex-1"> <h1 class="flex-1 text-h2 text-skin-bwg">Cloud communications platform, built for the enterprise.</h1> <div class="hidden md:block"> <p class="flex-initial mt-3 md:mt-5 text-skin-bwg text-lg">Digital interactions at scale, across the entire customer journey.</p> <span class="md:pt-10 pt-8 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="Contact us"> <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]"> Contact us <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="/resources/whitepaper/webex-connect" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Explore whitepaper"> <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]"> Explore whitepaper <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> </span> </div> </div> <div class="md:ml-12 md:hidden "> <p class="flex-initial md:max-w-[424px] mt-3 text-skin-bwg text-lg">Digital interactions at scale, across the entire customer journey.</p> <span class="md:pt-10 pt-8 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="Contact us"> <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]"> Contact us <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="/resources/whitepaper/webex-connect" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Explore whitepaper"> <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]"> Explore whitepaper <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> </span> </div> </div> </div> </section> <section class="py-10 md:py-16 pb-0 lg:py-20 theme-light bg-skin-wbg relative" data-id="vertical-scroll" id="" style="scroll-margin-top: 6rem" x-data="verticalScroll" x-ref="section"> <div class="px-std max-w-[1440px] w-full mx-auto md:pb-10 md:-mb-20" x-ref="title"> </div> <div class="bottom-0 left-0 fixed opacity-0 w-full" x-ref="cornerGradient"> </div> <div class="flex justify-center items-center md:items-start flex-col md:flex-row relative" x-ref="container"> <div x-ref="spaces"> <div class="space lg:h-[443px] md:h-[380px]"></div> <div class="space lg:h-[443px] md:h-[380px]"></div> <div class="space lg:h-[443px] md:h-[380px]"></div> <div class="space lg:h-[443px] md:h-[380px]"></div> <div class="space lg:h-[443px] md:h-[380px]"></div> </div> <div class="md:sticky md:top-1/2 md:-translate-y-1/2 flex flex-col md:flex-row lg:mt-[271px] lg:mb-[-240px] md:mt-[214px] md:mb-[-214px] px-std w-full justify-center"> <div class="md:pr-24 flex items-center sticky md:relative top-[65px] md:top-0 z-20 pt-[69px] pb-5 md:py-0 justify-center w-full md:w-auto bg-skin-wbg md:bg-transparent"> <div x-ref="images" class="relative aspect-[16/9]"> <div class=" top-0 left-0 aspect-[16/9] lg:w-[770px] md:w-[380px] w-[317px] py-5 md:py-0"> <picture> <source type="image/webp" data-srcset="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/SVG/sms-connect-showcase-16x9.svg"> <img id="ckr2tqDN" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/SVG/sms-connect-showcase-16x9.svg" class="lazyload w-full lg:rounded-30 md:rounded-20 rounded-[16px] object-cover" alt=""> </picture> </div> <div class="absolute opacity-0 top-0 left-0 aspect-[16/9] lg:w-[770px] md:w-[380px] w-[317px] py-5 md:py-0"> <picture> <source type="image/webp" data-srcset="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/SVG/sms-payment-notification-flow-dark-ui-16x9.svg"> <img id="lsvvmkqy" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/SVG/sms-payment-notification-flow-dark-ui-16x9.svg" class="lazyload w-full lg:rounded-30 md:rounded-20 rounded-[16px] object-cover" alt=""> </picture> </div> <div class="absolute opacity-0 top-0 left-0 aspect-[16/9] lg:w-[770px] md:w-[380px] w-[317px] py-5 md:py-0"> <picture> <source type="image/webp" data-srcset="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/SVG/connect-channels-panel-16x9.svg"> <img id="lsvvpah7" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/SVG/connect-channels-panel-16x9.svg" class="lazyload w-full lg:rounded-30 md:rounded-20 rounded-[16px] object-cover" alt=""> </picture> </div> <div class="absolute opacity-0 top-0 left-0 aspect-[16/9] lg:w-[770px] md:w-[380px] w-[317px] py-5 md:py-0"> <picture> <source type="image/webp" data-srcset="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/SVG/connect-analytics-graphs-16x9.svg"> <img id="lsvvqeaf" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/SVG/connect-analytics-graphs-16x9.svg" class="lazyload w-full lg:rounded-30 md:rounded-20 rounded-[16px] object-cover" alt=""> </picture> </div> <div class="absolute opacity-0 top-0 left-0 aspect-[16/9] lg:w-[770px] md:w-[380px] w-[317px] py-5 md:py-0"> <picture> <source type="image/webp" data-srcset="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/SVG/bot-builder-chatbot-escalation-16x9.svg"> <img id="lsvvtsoc" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/SVG/bot-builder-chatbot-escalation-16x9.svg" class="lazyload w-full lg:rounded-30 md:rounded-20 rounded-[16px] object-cover" alt=""> </picture> </div> </div> <span class="absolute right-5 top-1/2 -translate-y-1/2 flex flex-col gap-1 scroll-nav" x-ref="scrollNav"> <div class="w-2 h-2 rounded-full scroll-nav-children bg-grey-medium first:bg-skin-ggg first:h-[30px]"></div> <div class="w-2 h-2 rounded-full scroll-nav-children bg-grey-medium first:bg-skin-ggg first:h-[30px]"></div> <div class="w-2 h-2 rounded-full scroll-nav-children bg-grey-medium first:bg-skin-ggg first:h-[30px]"></div> <div class="w-2 h-2 rounded-full scroll-nav-children bg-grey-medium first:bg-skin-ggg first:h-[30px]"></div> <div class="w-2 h-2 rounded-full scroll-nav-children bg-grey-medium first:bg-skin-ggg first:h-[30px]"></div> </span> </div> <div x-ref="wrapper" class="relative md:w-[299px] lg:w-[424px] flex flex-col justify-center"> <div class="md:justify-center flex flex-col sticky top-0 lg:h-[443px] md:h-[380px]" x-ref="descriptions" > <div class="flex-shrink-0 flex items-center description-wrapper md:absolute top-1/2 md:-translate-y-1/2"> <div class="flex-col justify-start description flex pb-10 md:pb-0" x-ref="first" > <h3 class="text-h5 text-skin-bww mb-5">Have richer conversations with real-time, two-way messaging.</h3> <div class="text-base font-light text-skin-grey prose-page standard"> <ul><li><p>Automate the customer journey, delivering tailored digital interactions at every stage.</p></li></ul><p></p><ul><li><p>Go beyond simple ‘yes’ / ‘no’ replies with rich two-way messaging that delivers personalized outcomes. </p></li></ul><p></p><ul><li><p>Integrate with your business systems to set-up triggers, respond intelligently and refine future conversations.</p></li></ul> </div> </div> </div> <div class="flex-shrink-0 flex items-center description-wrapper md:absolute top-1/2 md:-translate-y-1/2"> <div class="flex-col justify-start description flex pb-10 md:pb-0" > <h3 class="text-h5 text-skin-bww mb-5">Choose how you want to build.</h3> <div class="text-base font-light text-skin-grey prose-page standard"> <ul><li><p>Gain quick access to a range of programmable APIs and SDKs to code your own applications.</p></li></ul><p></p><ul><li><p>Use the Flow Builder, an easy-to-use canvas containing configurable drag and drop nodes to quickly create automation flows.</p></li></ul><p></p><ul><li><p>The Flow Builder empowers developers to build and update solutions quickly and non-developers to visualize their ideas with IT.</p></li></ul> </div> </div> </div> <div class="flex-shrink-0 flex items-center description-wrapper md:absolute top-1/2 md:-translate-y-1/2"> <div class="flex-col justify-start description flex pb-10 md:pb-0" > <h3 class="text-h5 text-skin-bww mb-5">Have complete channel flexibility.</h3> <div class="text-base font-light text-skin-grey prose-page standard"> <ul><li><p>Easily adopt new channels to interact with customers on the channels they prefer.</p></li></ul><p></p><ul><li><p>Deliver a consistent experience across a wide range of digital and traditional digital channels.</p></li></ul><p></p><ul><li><p>Benefit from secure, high performance and cost-effective Tier 1 connectivity across the US, Canada, and UK.</p></li></ul> </div> </div> </div> <div class="flex-shrink-0 flex items-center description-wrapper md:absolute top-1/2 md:-translate-y-1/2"> <div class="flex-col justify-start description flex pb-10 md:pb-0" > <h3 class="text-h5 text-skin-bww mb-5">Stay in control with industry leading security and reporting.</h3> <div class="text-base font-light text-skin-grey prose-page standard"> <ul><li><p>Control who has access to the platform, their permissions, and see any changes made. </p></li></ul><p></p><ul><li><p>Ensure compliance and protect customer data with built-in security tools and processes.</p></li></ul><p></p><ul><li><p>Continually optimize your interactions using granular insights and customizable reporting.</p></li></ul> </div> </div> </div> <div class="flex-shrink-0 flex items-center description-wrapper md:absolute top-1/2 md:-translate-y-1/2"> <div class="flex-col justify-start description flex pb-10 md:pb-0" > <h3 class="text-h5 text-skin-bww mb-5">Maximize efficiency through AI interactions.</h3> <div class="text-base font-light text-skin-grey prose-page standard"> <ul><li><p>Rapidly build and train chatbots so your customers can easily self-serve and resolve their queries quickly.</p></li></ul><p></p><ul><li><p>Intelligently automate interactions with Natural Language Programming (NLP) and Understanding (NLU).</p></li></ul><p></p><ul><li><p>If support from a live agent is needed, seamlessly handover digital interactions with full context.</p></li></ul> </div> </div> </div> </div> </div> </div> </div> </section> <script> document.addEventListener('alpine:initializing', () => { Alpine.data('verticalScroll', () => ({ init() { const nav = Array.from(this.$refs.scrollNav.children) const descriptions = Array.from(this.$refs.descriptions.children) const spaces = Array.from(this.$refs.spaces.children) const isVideo = '' const imgs = !isVideo ? this.$refs.images.children : null descriptions.forEach((el, i) => { const opacityStart = i === 0 ? 1 : 0 const opacityEnd = i === descriptions.length - 1 ? 1 : 0 const trigger = spaces[i] const start = 'top 60%' const isFirstElement = i === 0 const isLastElement = i === descriptions.length - 1 const end = isLastElement ? 'bottom -=200' : 'bottom 40%' const imageActions = isLastElement ? 'play complete play reverse' : 'play reverse play reverse' const navActions = isLastElement ? 'play complete complete reverse' : 'play reverse play reverse' const imageTriggerHeight = '' ? '500px' : '380px' let mm = gsap.matchMedia(); mm.add("(max-width: 849px)", () => { const navTlm = gsap.timeline({ scrollTrigger: { trigger: el, start: `top ${imageTriggerHeight}`, end: `bottom ${imageTriggerHeight}`, toggleActions: isFirstElement ? 'reverse play reverse reset' : navActions } }) const imgTlm = gsap.timeline({ scrollTrigger: { trigger: el, start: `top ${imageTriggerHeight}`, end: `bottom ${imageTriggerHeight}`, toggleActions: isFirstElement ? 'reverse play reverse reset' : imageActions } }) if (!isVideo) { if (!isFirstElement) { imgTlm.fromTo(imgs[i], { autoAlpha: 0, duration: 0.01 }, { autoAlpha: 1, duration: 0.01 }) } else { imgTlm.fromTo(imgs[i], { autoAlpha: 1, duration: 0.01 }, { autoAlpha: 0, duration: 0.01 }) } } if (isFirstElement) { navTlm.fromTo(nav[i], { ease: 'none', duration: 0.1, css: { backgroundColor: 'green', height: '30px' } }, { ease: 'none', duration: 0.1, css: { backgroundColor: '#c1c1c1', height: '8px' } }, 0) } else { navTlm.fromTo(nav[i], { ease: 'none', duration: 0.1, css: { backgroundColor: '#c1c1c1', height: '8px' } }, { ease: 'none', duration: 0.1, css: { backgroundColor: 'green', height: '30px' } }, 0) } }); mm.add("(min-width: 850px)", () => { const tlmLg = gsap.timeline({ scrollTrigger: { trigger: trigger, start: start, end: end, scrub: true } }) const navTlmLg = gsap.timeline({ scrollTrigger: { trigger: trigger, start: 'top center', end: 'bottom center', toggleActions: isFirstElement ? 'reverse play reverse reset' : navActions }, }) const imgTlmLg = gsap.timeline({ scrollTrigger: { trigger: trigger, start: 'top center', end: 'bottom center', toggleActions: isFirstElement ? 'reverse play reverse reset' : imageActions } }) if (isFirstElement) { tlmLg.from(el, { opacity: opacityStart, y: 0, duration: 1 }).to(el, { opacity: 1, y: 0, duration: 1 }).to(el, { opacity: opacityEnd, y: -200, duration: 2, delay: 2 }) if (!isVideo) { imgTlmLg.fromTo(imgs[i], { autoAlpha: 1, duration: 0.01 }, { autoAlpha: 0, duration: 0.01 }) } } else if (isLastElement) { tlmLg.from(el, { opacity: opacityStart, y: 200, duration: 1 }).to(el, { opacity: 1, y: 0, duration: 2 }) if (!isVideo) { imgTlmLg.fromTo(imgs[i], { autoAlpha: 0, duration: 0.01 }, { autoAlpha: 1, duration: 0.01 }) } } else { tlmLg.from(el, { opacity: opacityStart, y: 200, duration: 1 }).to(el, { opacity: 1, y: 0, duration: 1 }).to(el, { opacity: opacityEnd, y: -200, duration: 2 }) if (!isVideo && !isFirstElement) { imgTlmLg.fromTo(imgs[i], { autoAlpha: 0, duration: 0.01 }, { autoAlpha: 1, duration: 0.01 }) } } if (isFirstElement) { navTlmLg.fromTo(nav[i], { ease: 'none', duration: 0.1, css: { backgroundColor: 'green', height: '30px' } }, { ease: 'none', duration: 0.1, css: { backgroundColor: '#c1c1c1', height: '8px' } }, 0) } else { navTlmLg.fromTo(nav[i], { ease: 'none', duration: 0.1, css: { backgroundColor: '#c1c1c1', height: '8px' } }, { ease: 'none', duration: 0.1, css: { backgroundColor: 'green', height: '30px' } }, 0) } }) }) gsap.fromTo(this.$refs.cornerGradient, { autoAlpha: 0 }, { autoAlpha: 1, scrollTrigger: { trigger: this.$refs.section, start: 'top 60%', end: 'bottom bottom', toggleActions: 'play reverse play reverse', } }) }, })) }) </script> <section class="py-10 md:py-16 lg:py-20 theme-light bg-skin-wbg" data-id="logo-carousel" id="" style="scroll-margin-top: 6rem" x-data="logos"> <div class="px-std max-w-[1440px] w-full 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-h3">Used by world leading brands.</h2> </div> </div> </div> <div class="animation-logos flex flex-col md:gap-[88px] gap-10 mx-auto relative max-w-[1312px] overflow-hidden"> <div class="absolute h-full w-16 left-0 top-0 z-10 bg-fade-to-light rotate-180 pointer-events-none"></div> <div class="absolute h-full w-16 right-0 top-0 z-10 bg-fade-to-light pointer-events-none"></div> <div> <div class="relative flex row row-one" :class="widthGapClasses === 'min-w-full' ? 'w-[1312px]' : 'gap-24'"> <div class="flex items-center justify-around" :class="widthGapClasses"> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/nhs.svg" alt=""> </div> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/old-mutual.svg" alt=""> </div> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/toyota.svg" alt=""> </div> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/kaleidahealth.svg" alt=""> </div> </div> <div class="flex items-center justify-around" :class="widthGapClasses"> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/nhs.svg" alt=""> </div> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/old-mutual.svg" alt=""> </div> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/toyota.svg" alt=""> </div> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/kaleidahealth.svg" alt=""> </div> </div> </div> </div> <div> <div class="relative flex row row-two" :class="widthGapClasses === 'min-w-full' ? 'w-[1312px]' : 'gap-24'"> <div class="flex items-center justify-around" :class="widthGapClasses"> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/walgreens.svg" alt=""> </div> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/schneider.svg" alt=""> </div> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/centrica.svg" alt=""> </div> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/domestic-general.svg" alt=""> </div> </div> <div class="flex items-center justify-around" :class="widthGapClasses"> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/walgreens.svg" alt=""> </div> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/schneider.svg" alt=""> </div> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/centrica.svg" alt=""> </div> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/domestic-general.svg" alt=""> </div> </div> </div> </div> </div> </section> <script> document.addEventListener('alpine:init', () => { Alpine.data('logos', () => ({ logosOneCount: '4', logosTwoCount: '4', logosThreeCount: '0', logosCountDivided: null, widowedLogo: false, rows: [], logoWidthsArray: [], logoGap: 96, containerWidth: 1312, loadedImages: [0, 0, 0], images: [null, null, null], widthGapClasses: '', paused: 0, init() { this.images = [ document.querySelectorAll('.row-one .logo'), document.querySelectorAll('.row-two .logo'), document.querySelectorAll('.row-three .logo') ]; const logoCounts = [this.logosOneCount, this.logosTwoCount, this.logosThreeCount]; const rowsCounts = logoCounts.map(count => Math.ceil(count / 6)); rowsCounts.forEach((rowCount, index) => { const { logosCountDivided, widowedLogo } = this.getRowStats(logoCounts[index], rowCount); this.rows.push({ numberOfLogos: widowedLogo ? (index === 1 ? Math.ceil(logosCountDivided) : Math.floor(logosCountDivided)) : logosCountDivided, logosWidthArray: [] }); }); this.images.forEach((imageSet, index) => { imageSet.forEach((img, imgIndex) => { if (img.complete) { this.calculateValues(img, imgIndex, logoCounts[index], index + 1, imageSet); } else { img.addEventListener('load', () => { this.calculateValues(img, imgIndex, logoCounts[index], index + 1, imageSet); }); } }); }); }, getRowStats(count, rowsCount) { let logosCountDivided = count / rowsCount; let widowedLogo = count % rowsCount !== 0; return { logosCountDivided: logosCountDivided, widowedLogo: widowedLogo }; }, calculateValues(img, index, logosCount, rowNumber, imageSet) { this.loadedImages[rowNumber - 1]++; if ((index + 1) <= logosCount) { this.rows[rowNumber - 1].logosWidthArray.push(img.width); } if (this.loadedImages[rowNumber - 1] === imageSet.length) { let totalImagesWidth = this.rows[rowNumber - 1].logosWidthArray.reduce((a, b) => a + b); let totalLogosGap = this.logoGap * (this.loadedImages[rowNumber - 1] - 1); let totalSliderWidth = (totalImagesWidth + totalLogosGap) / 2; if (totalSliderWidth > this.containerWidth) { this.widthGapClasses = 'md:gap-24 gap-12'; this.beginTimelines(50); } else { this.widthGapClasses = 'min-w-full'; this.beginTimelines(100); } } }, beginTimelines(distancePercent) { let rows = document.querySelectorAll('.row'); rows.forEach((row, i) => { if (!this.paused) { tlm = new gsap.timeline() if (i % 2 === 0) { tlm.fromTo(row, { xPercent: -distancePercent, }, { xPercent: 0, x: distancePercent === 50 ? 48 : 0, duration: 30, ease: 'linear', repeat: -1 }); } else { tlm.fromTo(row, { xPercent: 0, }, { xPercent: -distancePercent, x: -distancePercent === -50 ? -48 : 0, duration: 30, ease: 'linear', repeat: -1 }); } } }) } })); }); </script> <section class="py-10 md:py-16 lg:py-20 md:pb-24 lg:pb-24 theme-light bg-skin-wbg relative pb-5" x-data="swiper_horizontal_tabs_3" data-id="horizontal-tabs" id="" style="scroll-margin-top: 6rem"> <svg class="absolute w-1/2 pointer-events-none corner-gradient-br" 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="#FF3A65" /> </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="#FF7A3F" /> </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="px-std max-w-[1440px] mx-auto pb-10 md:-mb-20 relative" x-ref="title"> <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">Top use cases.</h2> </div> </div> <div class="flex justify-start max-w-[1312px] mx-auto relative"> <div id="swiper-nav" class="gap-5 md:gap-10 lg:mb-8 md:mb-5 mb-4 after:w-20 after:h-full after:pointer-events-none after:absolute after:top-0 after:right-0 swiper-nav inline-flex border-skin-grey-light overflow-x-auto after:bg-fade-to-light"> <h3 class="relative md:pb-5 pb-[12px] whitespace-nowrap text-lg font-medium cursor-pointer " :class="activeTab === 0 ? 'text-skin-bwb' : 'text-skin-grey'" @click="swiper.slideTo(0)"> Acquire <span class="absolute h-[3px] bg-skin-ggw bottom-0 w-4/5 left-1/2 -translate-x-1/2 mt-2 md:mt-2 lg:mt-4 rounded-20" :class="activeTab === 0 ? ' bg-skin-ggw' : ' bg-transparent'"></span> </h3> <h3 class="relative md:pb-5 pb-[12px] whitespace-nowrap text-lg font-medium cursor-pointer " :class="activeTab === 1 ? 'text-skin-bwb' : 'text-skin-grey'" @click="swiper.slideTo(1)"> Authenticate <span class="absolute h-[3px] bg-skin-ggw bottom-0 w-4/5 left-1/2 -translate-x-1/2 mt-2 md:mt-2 lg:mt-4 rounded-20" :class="activeTab === 1 ? ' bg-skin-ggw' : ' bg-transparent'"></span> </h3> <h3 class="relative md:pb-5 pb-[12px] whitespace-nowrap text-lg font-medium cursor-pointer " :class="activeTab === 2 ? 'text-skin-bwb' : 'text-skin-grey'" @click="swiper.slideTo(2)"> Nurture <span class="absolute h-[3px] bg-skin-ggw bottom-0 w-4/5 left-1/2 -translate-x-1/2 mt-2 md:mt-2 lg:mt-4 rounded-20" :class="activeTab === 2 ? ' bg-skin-ggw' : ' bg-transparent'"></span> </h3> <h3 class="relative md:pb-5 pb-[12px] whitespace-nowrap text-lg font-medium cursor-pointer " :class="activeTab === 3 ? 'text-skin-bwb' : 'text-skin-grey'" @click="swiper.slideTo(3)"> Support <span class="absolute h-[3px] bg-skin-ggw bottom-0 w-4/5 left-1/2 -translate-x-1/2 mt-2 md:mt-2 lg:mt-4 rounded-20" :class="activeTab === 3 ? ' bg-skin-ggw' : ' bg-transparent'"></span> </h3> <h3 class="relative md:pb-5 pb-[12px] whitespace-nowrap text-lg font-medium cursor-pointer mr-20 md:mr-0" :class="activeTab === 4 ? 'text-skin-bwb' : 'text-skin-grey'" @click="swiper.slideTo(4)"> Retain <span class="absolute h-[3px] bg-skin-ggw bottom-0 w-4/5 left-1/2 -translate-x-1/2 mt-2 md:mt-2 lg:mt-4 rounded-20" :class="activeTab === 4 ? ' bg-skin-ggw' : ' bg-transparent'"></span> </h3> </div> </div> <div x-ref="swiper" class="flex gap-32 border border-skin-grey-light bg-skin-wbg rounded-2xl md:rounded-20 lg:rounded-30 w-full max-w-[1312px] overflow-hidden mx-auto relative"> <div class="swiper-wrapper flex items-center"> <div class="flex flex-col md:flex-row items-center swiper-slide gap-5 md:gap-0 py-7 px-7"> <article class="flex-1 md:pl-[25px] md:pr-14 text-base font-light text-skin-grey prose-page standard min-w-300"> <h3>Promotional campaigns</h3><p>Deliver rich multi-channel campaigns which include buttons, carousels, rich imagery, and ability to track response rates.</p><h3>Google Search to messaging</h3><p>Allow customers to go from a Google Search to messaging your business with the touch of a button. </p><h3>Welcome and onboarding</h3><p>From welcoming customers to sharing ‘how-to’ guides, use proactive messaging to instantly build customer relationships.</p> </article> <div class="lg:basis-[748px] md:basis-[600px] justify-center"> <picture> <source type="image/webp" data-srcset="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/SVG/use-case-food-promo-rich-cards.svg"> <img id="Vzw5QenA" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/SVG/use-case-food-promo-rich-cards.svg" class="lazyload w-full object-cover" alt=""> </picture> </div> </div> <div class="flex flex-col md:flex-row items-center swiper-slide gap-5 md:gap-0 py-7 px-7"> <article class="flex-1 md:pl-[25px] md:pr-14 text-base font-light text-skin-grey prose-page standard min-w-300"> <h3>Authentication</h3><p>Deliver one-time passwords (OTP) and enable two-factor authentication (2FA) across multiple channels.</p><h3>SIM swap</h3><p>Assess risk in real-time to identify SIM swap fraud and then automate protective follow-up interactions.</p><h3>Fraud alerts</h3><p>Send notifications that validate transactions or confirm suspicious activity to trigger automated protective actions.</p> </article> <div class="lg:basis-[748px] md:basis-[600px] justify-center"> <picture> <source type="image/webp" data-srcset="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/SVG/use-case-otp-validate-transcation-16x9.svg"> <img id="lsvwy76x" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/SVG/use-case-otp-validate-transcation-16x9.svg" class="lazyload w-full object-cover" alt=""> </picture> </div> </div> <div class="flex flex-col md:flex-row items-center swiper-slide gap-5 md:gap-0 py-7 px-7"> <article class="flex-1 md:pl-[25px] md:pr-14 text-base font-light text-skin-grey prose-page standard min-w-300"> <h3>Upsell recommendations</h3><p>Boost your sales with personalized upsell and cross-sell cloud communications.</p><h3>Proactive comms</h3><p>Automate triggers that share relevant and enriching content that recommends, educates and enhances service delivery.</p><h3>Reschedule appointments</h3><p>Sending reminders that allow customers to reschedule any appointments via a channel of their choice.</p> </article> <div class="lg:basis-[748px] md:basis-[600px] justify-center"> <picture> <source type="image/webp" data-srcset="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/SVG/use-case-festival-promotions-rich-cards-16x9.svg"> <img id="lsvwz755" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/SVG/use-case-festival-promotions-rich-cards-16x9.svg" class="lazyload w-full object-cover" alt=""> </picture> </div> </div> <div class="flex flex-col md:flex-row items-center swiper-slide gap-5 md:gap-0 py-7 px-7"> <article class="flex-1 md:pl-[25px] md:pr-14 text-base font-light text-skin-grey prose-page standard min-w-300"> <h3>Inbound call deflection</h3><p>Enable customers to transfer from the IVR call queue to a messaging channel of their choice.</p><h3>Proactive call deflection</h3><p>Guide customers to chatbots where they can self-serve to solve queries before they reach the contact center.</p><h3>Surveys </h3><p>Give your customers a voice by triggering CSAT surveys that easily collect feedback.</p> </article> <div class="lg:basis-[748px] md:basis-[600px] justify-center"> <picture> <source type="image/webp" data-srcset="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/SVG/use-case-call-deflection-chatbot-16x9.svg"> <img id="lsvx08ki" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/SVG/use-case-call-deflection-chatbot-16x9.svg" class="lazyload w-full object-cover" alt=""> </picture> </div> </div> <div class="flex flex-col md:flex-row items-center swiper-slide gap-5 md:gap-0 py-7 px-7"> <article class="flex-1 md:pl-[25px] md:pr-14 text-base font-light text-skin-grey prose-page standard min-w-300"> <h3>Contract renewals</h3><p>Prevent customer churn with proactive renewal reminders at the perfect moments.</p><h3>Payment reminders</h3><p>Reduce late payments with reminders containing mobile payment options or links directing customers where to pay.</p><h3>Abandoned carts</h3><p>Help customers complete their purchases using reminders triggered by abandoned carts.</p> </article> <div class="lg:basis-[748px] md:basis-[600px] justify-center"> <picture> <source type="image/webp" data-srcset="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/SVG/use-case-expired-basket-missed-payments-16x9.svg"> <img id="lsvx1m37" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/SVG/use-case-expired-basket-missed-payments-16x9.svg" class="lazyload w-full object-cover" alt=""> </picture> </div> </div> </div> </div> <div x-ref="swiperPag" class="swiper-pagination absolute left-1/2 -translate-x-1/2 w-auto bottom-0"></div> </div> <script> document.addEventListener('alpine:init', () => { Alpine.data('swiper_horizontal_tabs_3', () => ({ swiper: null, activeTab: 0, init() { this.swiper = new Swiper(this.$refs.swiper, { direction: 'horizontal', pagination: { el: this.$refs.swiperPag, clickable: true, renderBullet: function (index, className) { if ("") { return '<span class="' + className + '">' + '<i></i>' + '<b style="animation-duration: 5s"></b>' + '</span>'; } else { return '<span class="' + className + '">' + '<i></i>' + '<b></b>' + '</span>'; } } }, autoplay: { delay: '5000', disableOnInteraction: false, }, effect: '', cardsEffect: { slideShadows: true }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); if (!"") { this.swiper.autoplay.stop() } this.swiper.on('slideChange', (event) => { this.activeTab = event.activeIndex }) } }) ) }); </script> </section> <section class="relative theme-light bg-skin-wbg text-skin-bwg" data-id="routing-cards" id="" style="scroll-margin-top: 6rem"> <div class="mx-auto max-w-[1444px] py-10 md:py-16 lg:py-20 relative"> <div class="px-std"> <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">Customer stories.</h2> </div> <div class="flex gap-x-3 flex-col lg:flex-row gap-y-3 mt-8 md:mt-0 md:ml-auto"> <div> <a href="/resources/customer-stories" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Discover customer stories"> <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]"> Discover customer stories <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 class="overflow-x-auto mx-std webex-scrollbar max-w-[1440px]"> <ul class="flex gap-5 pb-10 md:pb-16 pl-1 pr-std pt-1"> <li class="theme-accent group bg-skin-wbg border-skin-grey-light duration-200 rounded-30 hover:border-skin-grey hover:-translate-x-1 hover:-translate-y-1 cursor-pointer ml-auto"> <a href="/resources/customer-stories/smarty" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Smarty customer story"> <div class="lg:py-[60px] lg:px-10 md:p-10 py-8 px-5 flex flex-col w-[calc(33.333%-1.25rem)] flex-shrink-0 min-w-300 md:min-w-400 lg:min-w-[422px] max-w-500"> <div class="h-16 mb-5"> <div class="flex items-center h-full"> <img src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/smarty-reverse.svg" alt="" class=" max-w-2/3"> </div> </div> <h4 class="text-skin-bww mb-5">500% increase in customer engagement.</h4> <p class="text-skin-grey text-base">Using our cloud communications platform, SMARTY transformed customer interactions with a multi-channel customer onboarding program.</p> <div class="mt-auto flex justify-between pt-10 items-center gap-2"> <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"> Smarty customer story <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> </div> </div> </a> </li> <li class="theme-accent group bg-skin-wbg border-skin-grey-light duration-200 rounded-30 hover:border-skin-grey hover:-translate-x-1 hover:-translate-y-1 cursor-pointer "> <a href="/resources/customer-stories/centrica" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Centrica customer story"> <div class="lg:py-[60px] lg:px-10 md:p-10 py-8 px-5 flex flex-col w-[calc(33.333%-1.25rem)] flex-shrink-0 min-w-300 md:min-w-400 lg:min-w-[422px] max-w-500"> <div class="h-16 mb-5"> <div class="flex items-center h-full"> <img src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/centrica_reverse.svg" alt="" class=" max-w-2/3"> </div> </div> <h4 class="text-skin-bww mb-5">5% of callers deflected to WhatsApp.</h4> <p class="text-skin-grey text-base">Centrica significantly reduced the number of inbound calls by deflecting calls from IVR to SMS and WhatsApp.</p> <div class="mt-auto flex justify-between pt-10 items-center gap-2"> <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"> Centrica customer story <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> </div> </div> </a> </li> <li class="theme-accent group bg-skin-wbg border-skin-grey-light duration-200 rounded-30 hover:border-skin-grey hover:-translate-x-1 hover:-translate-y-1 cursor-pointer "> <a href="/resources/customer-stories/southwark-council" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Southwark Council customer story"> <div class="lg:py-[60px] lg:px-10 md:p-10 py-8 px-5 flex flex-col w-[calc(33.333%-1.25rem)] flex-shrink-0 min-w-300 md:min-w-400 lg:min-w-[422px] max-w-500"> <div class="h-16 mb-5"> <div class="flex items-center h-full"> <img src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/southwark_council_reverse.svg" alt="" class=" max-w-2/3"> </div> </div> <h4 class="text-skin-bww mb-5">90% of customers felt more reassured.</h4> <p class="text-skin-grey text-base">Southwark Council improved the trust and legitimacy of their communications with RCS Business Messaging.</p> <div class="mt-auto flex justify-between pt-10 items-center gap-2"> <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"> Southwark Council customer story <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> </div> </div> </a> </li> <li class="theme-accent group bg-skin-wbg border-skin-grey-light duration-200 rounded-30 hover:border-skin-grey hover:-translate-x-1 hover:-translate-y-1 cursor-pointer "> <a href="/resources/customer-stories/cambridge-university-hospitals-nhs-foundation-trust" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Cambridge University Hospitals story"> <div class="lg:py-[60px] lg:px-10 md:p-10 py-8 px-5 flex flex-col w-[calc(33.333%-1.25rem)] flex-shrink-0 min-w-300 md:min-w-400 lg:min-w-[422px] max-w-500"> <div class="h-16 mb-5"> <div class="flex items-center h-full"> <img src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/cuh-nhs-reverse.svg" alt="" class=" h-full"> </div> </div> <h4 class="text-skin-bww mb-5">27% decrease in missed appointments.</h4> <p class="text-skin-grey text-base">Cambridge University Hospitals NHS achieved one of the lowest Did Not Attend rates in the country.</p> <div class="mt-auto flex justify-between pt-10 items-center gap-2"> <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"> Cambridge University Hospitals story <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> </div> </div> </a> </li> </ul> </div> </div> </section> <section class="relative bg-skin-wbg theme-light" data-id="icons-list" id="" style="scroll-margin-top: 6rem"> <div class="py-10 md:py-16 lg:py-20 px-std flex justify-between flex-col relative max-w-[1440px] mx-auto"> <div class="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-bww text-h2">Interact with customers on their favorite channels.</h2> </div> <div class="flex gap-x-3 flex-col lg:flex-row gap-y-3 mt-8 md:mt-0 md:ml-auto"> <div> <a href="/business-messaging" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="See messaging channels"> <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]"> See messaging channels <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 class="flex justify-end"> <ul class="flex flex-wrap gap-x-5 justify-start md:w-3/4 lg:w-2/3"> <li class="w-full md:max-w-45 border-t border-skin-grey-light"> <div class="flex items-center py-5"> <img class="lazyload inline md:mr-8 mr-4" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Channels/sms.svg" alt="" style="width: 64px; height: 64px;"> <h3 class="text-h5 font-light md:max-w-10/12 text-skin-bwg">SMS</h3> </div> </li> <li class="w-full md:max-w-45 border-t border-skin-grey-light"> <div class="flex items-center py-5"> <img class="lazyload inline md:mr-8 mr-4" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Channels/rcs.svg" alt="" style="width: 64px; height: 64px;"> <h3 class="text-h5 font-light md:max-w-10/12 text-skin-bwg">RCS Business Messaging</h3> </div> </li> <li class="w-full md:max-w-45 border-t border-skin-grey-light"> <div class="flex items-center py-5"> <img class="lazyload inline md:mr-8 mr-4" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Channels/mms.svg" alt="" style="width: 64px; height: 64px;"> <h3 class="text-h5 font-light md:max-w-10/12 text-skin-bwg">MMS</h3> </div> </li> <li class="w-full md:max-w-45 border-t border-skin-grey-light"> <div class="flex items-center py-5"> <img class="lazyload inline md:mr-8 mr-4" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Channels/verified-sms.svg" alt="" style="width: 64px; height: 64px;"> <h3 class="text-h5 font-light md:max-w-10/12 text-skin-bwg">Branded Text</h3> </div> </li> <li class="w-full md:max-w-45 border-t border-skin-grey-light"> <div class="flex items-center py-5"> <img class="lazyload inline md:mr-8 mr-4" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Channels/email.svg" alt="" style="width: 64px; height: 64px;"> <h3 class="text-h5 font-light md:max-w-10/12 text-skin-bwg">Email</h3> </div> </li> <li class="w-full md:max-w-45 border-t border-skin-grey-light"> <div class="flex items-center py-5"> <img class="lazyload inline md:mr-8 mr-4" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Channels/inapp.svg" alt="" style="width: 64px; height: 64px;"> <h3 class="text-h5 font-light md:max-w-10/12 text-skin-bwg">In-app Messaging</h3> </div> </li> <li class="w-full md:max-w-45 border-t border-skin-grey-light"> <div class="flex items-center py-5"> <img class="lazyload inline md:mr-8 mr-4" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Channels/whatsapp.svg" alt="" style="width: 64px; height: 64px;"> <h3 class="text-h5 font-light md:max-w-10/12 text-skin-bwg">WhatsApp</h3> </div> </li> <li class="w-full md:max-w-45 border-t border-skin-grey-light"> <div class="flex items-center py-5"> <img class="lazyload inline md:mr-8 mr-4" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Channels/livechat.svg" alt="" style="width: 64px; height: 64px;"> <h3 class="text-h5 font-light md:max-w-10/12 text-skin-bwg">Live Chat</h3> </div> </li> <li class="w-full md:max-w-45 border-t border-skin-grey-light"> <div class="flex items-center py-5"> <img class="lazyload inline md:mr-8 mr-4" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Channels/messenger.svg" alt="" style="width: 64px; height: 64px;"> <h3 class="text-h5 font-light md:max-w-10/12 text-skin-bwg">Messenger</h3> </div> </li> <li class="w-full md:max-w-45 border-t border-skin-grey-light"> <div class="flex items-center py-5"> <img class="lazyload inline md:mr-8 mr-4" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Channels/amb.svg" alt="" style="width: 64px; height: 64px;"> <h3 class="text-h5 font-light md:max-w-10/12 text-skin-bwg">Apple Messages for Business</h3> </div> </li> <li class="w-full md:max-w-45 border-t border-skin-grey-light md:border-b "> <div class="flex items-center py-5"> <img class="lazyload inline md:mr-8 mr-4" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Channels/instagram.svg" alt="" style="width: 64px; height: 64px;"> <h3 class="text-h5 font-light md:max-w-10/12 text-skin-bwg">Instagram</h3> </div> </li> <li class="w-full md:max-w-45 border-t border-skin-grey-light border-b"> <div class="flex items-center py-5"> <img class="lazyload inline md:mr-8 mr-4" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Channels/push-notifications.svg" alt="" style="width: 64px; height: 64px;"> <h3 class="text-h5 font-light md:max-w-10/12 text-skin-bwg">Push Notifications</h3> </div> </li> </ul> </div> </div> </div> </section> <section class="relative bg-skin-wbg flex justify-center text-skin-base py-10 md:py-16 lg:py-20 theme-light" data-id="resource-banner" id="" style="scroll-margin-top: 6rem"> <div class="max-w-[1440px] mx-auto px-std w-full"> <div class="md:px-10 flex-1 theme-light lg:px-28 lg:py-16 md:p-14 px-8 py-10 relative bg-skin-wbg rounded-30 border-skin-grey-light border"> <div class="flex md:flex-row flex-col items-center relative justify-between lg:gap-32 md:gap-16"> <div class="flex justify-end items-center flex-shrink-0 mb-10 md:mb-0 md:order-1"> <picture> <source type="image/webp" data-srcset="/img/http/aHR0cHM6Ly93ZWJleC1pbWltb2JpbGUubnljMy5jZG4uZGlnaXRhbG9jZWFuc3BhY2VzLmNvbS9SZW5kZXJzL1Byb2R1Y3RzL2Nvbm5lY3QtZmxvdy1vcmRlci1sb29rdXAuanBn?fit=crop&w=313&h=313&s=4cf0f4005e55669e2acc4bc2ac3a8597"> <img id="assets::Renders/Products/connect-flow-order-lookup.jpg" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Renders/Products/connect-flow-order-lookup.jpg" class="lazyload w-full rounded-full object-cover" alt=""> </picture> </div> <div class="flex flex-col justify-center"> <h3 class=" md:mb-7 mb-3 text-skin-bww">Integrate with any system.</h3> <p class="text-skin-grey text-base max-w-700">With our cloud communications platform, Webex Connect, seamlessly consume events from existing systems to trigger customer communication flows. Benefit from pre-built or custom integrations to trigger, personalize and fulfil communications across journeys and processes.</p> <div class=" mt-8"> <a href="/products/webex-connect/integrations" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Explore integrations"> <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]"> Explore integrations <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> </section> <section class="relative theme-dark 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 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">Programmable APIs power endless possibilities.</h2> </div> </div> <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-3"> <div class="max-w-700 w-full min-w-[296px]"> <div class="aspect-h-1 aspect-w-1 w-full"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL0luZm9ncmFwaGljcy9pbGx1c3RyYXRpb24tY29kaW5nLXdpbmRvdy1vbi1kYXJrLTE2eDkuanBn?fit=crop&w=646&h=646&s=c8a280a1de6c4cabe991bdc8be185425"> <img id="9TdB9C2v" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Infographics/illustration-coding-window-on-dark-16x9.jpg" class="lazyload w-full lg:rounded-30 md:rounded-20 rounded-[16px] 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 justify-center"> <div class=" lg:pr-[131px] md:pr-[100px] "> <div class="prose-page check md:max-w-500"> <p>Use our APIs to integrate powerful cloud communication capabilities into your applications</p><p>Whether you want to send bulk messages or automate communication flows, leverage a portfolio of APIs for channels business intelligence, payments and authentication to drive customer experience transformation.</p><p>Visit our Developer hub to:</p><ul><li><p>Access API and SDK documentation</p></li><li><p>Read our Webex Connect how-to guides</p></li><li><p>Sign up to the Webex Connect sandbox</p></li><li><p>See the latest developer thought leadership</p></li><li><p>View developer support options</p></li></ul> <div class="flex flex-wrap gap-x-5 gap-y-3 my-4"> <a href="/products/webex-connect/developer-hub" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Developer hub"> <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"> Developer hub <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> </div> </div> </div> </section> <section class="theme-light bg-skin-wbg relative" data-id="box-call-outs" id="" style="scroll-margin-top: 6rem"> <svg class="absolute w-1/2 pointer-events-none corner-gradient-tr" 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] relative px-std py-10 md:py-16 lg:py-20 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-bwg text-h2">Made for enterprises.</h2> <p class="flex-1 lg:max-w-1080 lg:mt-5 md:mt-4 mt-3 text-skin-grey text-lg">Your customer experience transformation partner.</p> </div> </div> <div class="grid md:grid-cols-3 grid-cols-1 md:gap-x-5 gap-y-10 md:gap-y-14 lg:gap-y-20 relative"> <div class="flex-col flex items-start lg:justify-start md:col-span-1"> <div class="flex flex-col justify-start relative max-w-full"> </div> </div> <div class="flex-col flex items-start lg:justify-start md:col-span-1"> <div class="flex flex-col justify-start relative max-w-full"> <svg class="w-16 h-16 lg:mb-10 md:mb-7 mb-5" fill="url(#mantis-to-fountain-blue)" width="128" height="128" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.1999 53.3673H24.4076L24.4079 53.367C23.109 53.367 21.8329 53.025 20.7081 52.3755C19.5832 51.726 18.6491 50.7917 17.9998 49.6668C17.3504 48.5418 17.0086 47.2657 17.0088 45.9668C17.009 44.6678 17.3511 43.3918 18.0007 42.267L30.4507 20.7001C31.0944 19.5702 32.0272 18.632 33.1534 17.9817C34.2796 17.3315 35.5585 16.9927 36.8589 17.0001H36.8599C38.1603 16.9925 39.4393 17.3312 40.5655 17.9815C41.6917 18.6317 42.6245 19.5701 43.268 20.7001L55.7201 42.2673C56.3696 43.3922 56.7115 44.6683 56.7115 45.9672C56.7115 47.2662 56.3697 48.5422 55.7202 49.6672C55.0708 50.7921 54.1367 51.7263 53.0118 52.3758C51.8869 53.0253 50.6109 53.3673 49.3119 53.3673H38.9999V63.0001C38.9999 63.5306 38.7892 64.0393 38.4141 64.4143C38.0391 64.7894 37.5303 65.0001 36.9999 65.0001C36.4695 65.0001 35.9608 64.7894 35.5857 64.4143C35.2106 64.0393 34.9999 63.5306 34.9999 63.0001V51.3672C34.9999 50.8368 35.2106 50.3281 35.5857 49.953C35.9608 49.5779 36.4695 49.3672 36.9999 49.3672H49.3119C49.9087 49.3672 50.495 49.2101 51.0119 48.9117C51.5287 48.6133 51.9579 48.184 52.2563 47.6672C52.5547 47.1503 52.7118 46.564 52.7118 45.9672C52.7118 45.3704 52.5547 44.7841 52.2563 44.2672L39.8041 22.7001C39.5057 22.1833 39.0765 21.7542 38.5596 21.4558C38.0428 21.1574 37.4565 21.0004 36.8598 21.0004C36.263 21.0004 35.6767 21.1574 35.1599 21.4558C34.643 21.7542 34.2138 22.1833 33.9154 22.7001L21.4646 44.2673C21.166 44.7841 21.0087 45.3703 21.0086 45.9671C21.0084 46.5639 21.1654 47.1503 21.4637 47.6672C21.762 48.1841 22.1912 48.6133 22.708 48.9118C23.2248 49.2102 23.8111 49.3673 24.4079 49.3673H26.1999C26.7303 49.3673 27.2391 49.578 27.6141 49.9531C27.9892 50.3282 28.1999 50.8369 28.1999 51.3673C28.1999 51.8978 27.9892 52.4065 27.6141 52.7815C27.2391 53.1566 26.7303 53.3673 26.1999 53.3673ZM100.065 71H101.8C104.239 71.0026 106.578 71.9728 108.302 73.6975C110.027 75.4223 110.997 77.7608 111 80.2V101.8C110.997 104.239 110.027 106.578 108.302 108.302C106.578 110.027 104.239 110.997 101.8 111H80.2C77.7608 110.997 75.4223 110.027 73.6975 108.302C71.9728 106.578 71.0026 104.239 71 101.8V80.2C71.0026 77.7608 71.9728 75.4223 73.6975 73.6975C75.4223 71.9728 77.7608 71.0026 80.2 71H89V65C89 64.4696 89.2107 63.9609 89.5858 63.5858C89.9609 63.2107 90.4696 63 91 63C91.5304 63 92.0391 63.2107 92.4142 63.5858C92.7893 63.9609 93 64.4696 93 65V73C93 73.5304 92.7893 74.0391 92.4142 74.4142C92.0391 74.7893 91.5304 75 91 75H80.2C78.8214 75.0017 77.4997 75.5501 76.5249 76.5249C75.5501 77.4997 75.0017 78.8214 75 80.2V101.8C75.0015 103.179 75.5498 104.5 76.5247 105.475C77.4995 106.45 78.8213 106.999 80.2 107H101.8C103.179 106.999 104.501 106.451 105.476 105.476C106.451 104.501 106.999 103.179 107 101.8V80.2C106.999 78.8213 106.45 77.4995 105.475 76.5247C104.5 75.5498 103.179 75.0015 101.8 75H100.065C99.5346 75 99.0259 74.7893 98.6508 74.4142C98.2757 74.0391 98.065 73.5304 98.065 73C98.065 72.4696 98.2757 71.9609 98.6508 71.5858C99.0259 71.2107 99.5346 71 100.065 71ZM63 89H56.7383C56.3609 87.2994 55.5051 85.7422 54.272 84.5118L43.4888 73.728C41.7623 72.0049 39.4227 71.0371 36.9834 71.0371C34.5441 71.0371 32.2045 72.0049 30.478 73.728L19.6948 84.5113C17.9721 86.238 17.0046 88.5775 17.0046 91.0166C17.0046 93.4557 17.9721 95.7953 19.6948 97.522L30.478 108.305C32.2046 110.028 34.5442 110.996 36.9834 110.996C39.4226 110.996 41.7622 110.028 43.4888 108.305L51.2857 100.508C51.6539 100.132 51.8587 99.6254 51.8557 99.0988C51.8528 98.5723 51.6423 98.0681 51.27 97.6958C50.8977 97.3234 50.3935 97.1129 49.867 97.11C49.3405 97.107 48.834 97.3119 48.4575 97.68L40.6607 105.477C39.6846 106.451 38.3622 106.997 36.9835 106.997C35.6047 106.997 34.2823 106.451 33.3062 105.477L22.523 94.6939C21.5493 93.7178 21.0024 92.3954 21.0024 91.0166C21.0024 89.6379 21.5493 88.3155 22.523 87.3394L33.3062 76.5562C34.2823 75.5825 35.6047 75.0356 36.9835 75.0356C38.3622 75.0356 39.6846 75.5825 40.6607 76.5562L51.4439 87.3394C51.9257 87.819 52.3082 88.389 52.5694 89.0166C52.8307 89.6443 52.9657 90.3172 52.9666 90.9971V90.9995C52.9666 91.4603 53.1257 91.907 53.4169 92.2641C53.7082 92.6212 54.1138 92.8668 54.5652 92.9595C54.5719 92.9608 54.5789 92.9612 54.586 92.9616L54.5881 92.9617C54.5938 92.962 54.5996 92.9624 54.6052 92.9634C54.7242 92.9865 54.8451 92.9988 54.9663 93H63C63.5304 93 64.0391 92.7893 64.4142 92.4142C64.7893 92.0391 65 91.5304 65 91C65 90.4696 64.7893 89.9608 64.4142 89.5858C64.0391 89.2107 63.5304 89 63 89ZM71.1013 39H62C61.4696 39 60.9609 38.7893 60.5858 38.4142C60.2107 38.0392 60 37.5304 60 37C60 36.4696 60.2107 35.9609 60.5858 35.5858C60.9609 35.2107 61.4696 35 62 35H73C73.5304 35 74.0391 35.2107 74.4142 35.5858C74.7893 35.9609 75 36.4696 75 37C75.001 40.8829 76.4137 44.6331 78.9747 47.5517C81.5358 50.4702 85.0706 52.3582 88.9204 52.8637C92.7703 53.3693 96.6727 52.4579 99.9004 50.2995C103.128 48.1411 105.461 44.8828 106.465 41.1317C107.468 37.3807 107.074 33.3928 105.355 29.911C103.636 26.4293 100.71 23.6913 97.1215 22.2071C93.5334 20.7228 89.5281 20.5937 85.8519 21.8438C82.1757 23.0938 79.0793 25.6377 77.1397 29.0015C76.8741 29.4607 76.437 29.7956 75.9244 29.9325C75.4119 30.0694 74.866 29.9971 74.4068 29.7315C73.9476 29.4659 73.6127 29.0288 73.4758 28.5162C73.3389 28.0037 73.4112 27.4578 73.6768 26.9986C76.0579 22.8728 79.8341 19.7328 84.3251 18.1443C88.8161 16.5557 93.7267 16.6231 98.1725 18.3342C102.618 20.0453 106.307 23.2877 108.574 27.4774C110.841 31.667 111.537 36.5284 110.538 41.1861C109.538 45.8437 106.909 49.9913 103.122 52.8818C99.3356 55.7724 94.6414 57.2158 89.8851 56.9522C85.1287 56.6885 80.6228 54.7351 77.179 51.4438C73.7352 48.1524 71.5799 43.7396 71.1013 39Z" /> </svg> <h3 class="text-skin-bwg pb-5 text-h5 font-normal">Webex portfolio</h3> </div> <div class="flex flex-col justify-between"> <p class="text-skin-grey pr-2-vw font-light text-base">Webex CPaaS Solutions is part of the Webex Collaboration portfolio. Users of the wider Webex Portfolio can frictionlessly work across our products.</p> <div class="flex flex-wrap gap-x-5 gap-y-3 mt-5 md:mt-7"> <a href="" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label=""> <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"> </span> </a> </div> </div> </div> <div class="flex-col flex items-start lg:justify-start md:col-span-1"> <div class="flex flex-col justify-start relative max-w-full"> <svg class="w-16 h-16 lg:mb-10 md:mb-7 mb-5" fill="url(#mantis-to-fountain-blue)" width="128" height="128" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"> <path d="M93.99 44H92C91.47 44 90.96 44.21 90.59 44.59C90.22 44.97 90 45.47 90 46C90 46.53 90.21 47.04 90.59 47.41C90.97 47.79 91.47 48 92 48H93.99C95.58 48 97.11 48.63 98.23 49.76C99.36 50.88 99.99 52.41 99.99 54V106C99.99 107.59 99.36 109.12 98.23 110.24C97.11 111.36 95.58 112 93.99 112H91.99C85.38 112 76.84 108.43 69.7 102.69C68.66 101.86 67.69 101.01 66.78 100.14C71.43 94.85 73.99 89.2 73.99 84C73.99 81.35 72.94 78.8 71.06 76.93C69.18 75.05 66.64 74 63.99 74C61.34 74 58.79 75.05 56.92 76.93C55.04 78.81 53.99 81.35 53.99 84C53.99 89.19 56.55 94.83 61.2 100.12C54.01 106.92 43.79 112 35.99 112H33.99C32.4 112 30.87 111.37 29.75 110.24C28.63 109.12 27.99 107.59 27.99 106V54C27.99 52.41 28.62 50.88 29.75 49.76C30.87 48.64 32.4 48 33.99 48H48.02H79.98C80.51 48 81.02 47.79 81.39 47.41C81.77 47.03 81.98 46.53 81.98 46V29.99C81.98 25.22 80.08 20.64 76.7 17.26C73.32 13.89 68.75 11.99 63.97 11.99C59.2 11.99 54.62 13.89 51.24 17.26C47.87 20.64 45.97 25.21 45.97 29.99L46 44H33.97C31.32 44 28.78 45.06 26.9 46.93C25.02 48.8 23.97 51.35 23.97 54V106C23.97 108.65 25.03 111.19 26.9 113.07C28.77 114.94 31.32 116 33.97 116H35.97C43.58 116 52.86 112.19 60.79 105.81C61.92 104.9 62.98 103.97 63.98 103.02C64.98 103.97 66.04 104.9 67.18 105.81C75 112.1 84.5 116 91.98 116H93.98C96.63 116 99.17 114.94 101.05 113.07C102.92 111.19 103.98 108.65 103.98 106V54C103.98 51.35 102.92 48.81 101.05 46.93C99.17 45.06 96.63 44 93.98 44H93.99ZM64 16C67.71 16 71.27 17.48 73.89 20.1C76.51 22.72 77.99 26.28 78 29.99V44H50.04L50.01 29.99C50.01 26.28 51.49 22.72 54.12 20.1C56.74 17.48 60.3 16 64.01 16H64ZM64 97.22C60.16 92.76 58 88.09 58 84C58 83.21 58.16 82.43 58.46 81.7C58.76 80.97 59.2 80.31 59.76 79.75C60.89 78.62 62.41 77.99 64 77.99C65.59 77.99 67.12 78.62 68.24 79.75C69.37 80.88 70 82.4 70 83.99C70 88.38 67.64 93.01 64 97.21V97.22Z" /> </svg> <h3 class="text-skin-bwg pb-5 text-h5 font-normal">Cisco Security</h3> </div> <div class="flex flex-col justify-between"> <p class="text-skin-grey pr-2-vw font-light text-base">Our products are shaped by Cisco’s secure by default vision, adhering to the latest security best practices.</p> <div class="flex flex-wrap gap-x-5 gap-y-3 mt-5 md:mt-7"> <a href="" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label=""> <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"> </span> </a> </div> </div> </div> <div class="flex-col flex items-start lg:justify-start md:col-span-1"> <div class="flex flex-col justify-start relative max-w-full"> <svg class="w-16 h-16 lg:mb-10 md:mb-7 mb-5" fill="url(#mantis-to-fountain-blue)" width="128" height="128" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"> <path d="M99.9563 87.8856C104.36 87.4031 108.432 85.3132 111.391 82.0161C114.35 78.7189 115.99 74.4461 115.995 70.0156C116.001 65.5852 114.372 61.3084 111.42 58.004C108.469 54.6996 104.403 52.5998 100 52.1065V51.9385L99.9979 51.9178C99.9779 42.3762 96.1707 33.233 89.4128 26.497C82.655 19.7611 73.4994 15.9835 63.9579 15.9944C54.4163 16.0053 45.2694 19.8038 38.527 26.5552C31.7845 33.3065 27.9982 42.4585 28 52.0001V83.8624C25.3023 83.4807 22.7752 82.3177 20.7307 80.5168C18.6862 78.7158 17.2136 76.3558 16.4946 73.7277C15.7756 71.0997 15.8416 68.3187 16.6846 65.7278C17.5276 63.1368 19.1106 60.8494 21.2383 59.1475C21.6517 58.815 21.916 58.3318 21.9731 57.8044C22.0303 57.2769 21.8755 56.7484 21.543 56.335C21.2104 55.9217 20.7273 55.6573 20.1998 55.6002C19.6724 55.5431 19.1438 55.6978 18.7305 56.0303C16.6289 57.7025 14.9321 59.8276 13.7667 62.2472C12.6013 64.6668 11.9973 67.3184 12 70.004C12.0064 74.7707 13.9011 79.3407 17.2694 82.7135C20.6377 86.0863 25.205 87.9873 29.9717 88.0001H30.0039C30.5337 87.9991 31.0414 87.788 31.4156 87.413C31.7898 87.038 32 86.5299 32 86.0001V52.0001C32 43.5132 35.3714 35.3739 41.3726 29.3727C47.3737 23.3716 55.5131 20.0001 64 20.0001C72.4869 20.0001 80.6262 23.3716 86.6274 29.3727C92.6286 35.3739 96 43.5132 96 52.0001V86.0001C96.003 86.0824 96.0111 86.1643 96.0243 86.2455C95.9419 93.4196 92.2959 98.7399 87.3691 102.323C82.0165 100.051 75.6305 98.0001 70 98.0001H69.9961C65.5801 98.0079 61.9932 101.15 62 105.004C62.0166 105.979 62.2471 106.938 62.6752 107.815C63.1033 108.691 63.7186 109.462 64.4776 110.074C66.0326 111.341 67.9819 112.023 69.9873 112.002H70.0039C70.0124 112.002 70.0203 112 70.0288 112C76.2771 111.885 82.3826 110.111 87.7197 106.86C90.8835 108.296 93.963 109.912 96.9434 111.698C97.3937 111.977 97.9364 112.066 98.4524 111.946C98.9683 111.825 99.4153 111.505 99.6952 111.055C99.9751 110.605 100.065 110.062 99.9454 109.546C99.8256 109.03 99.506 108.583 99.0566 108.302C98.7718 108.125 95.7568 106.266 91.4443 104.176C93.8982 102.184 95.919 99.7115 97.3827 96.9101C98.8465 94.1087 99.7222 91.0377 99.9563 87.8856ZM112 70.004C111.996 73.3688 110.781 76.6199 108.578 79.163C106.375 81.7061 103.33 83.3714 100 83.8546V56.1398C103.331 56.627 106.375 58.2953 108.578 60.8405C110.781 63.3856 111.995 66.6379 112 70.004V70.004ZM70 108L69.9837 108.002C68.9165 108.022 67.8759 107.669 67.041 107.004C66.73 106.767 66.4753 106.464 66.2953 106.117C66.1153 105.77 66.0145 105.387 66 104.996C65.9971 103.376 67.8294 102.004 70.003 102C74.0886 102.001 78.7515 103.277 83.0381 104.903C78.9698 106.873 74.5199 107.931 70 108Z" /> </svg> <h3 class="text-skin-bwg pb-5 text-h5 font-normal">Professional services</h3> </div> <div class="flex flex-col justify-between"> <p class="text-skin-grey pr-2-vw font-light text-base">Our bespoke services team can support you throughout your journey, from technical consultation to strategic planning and implementation.</p> <div class="flex flex-wrap gap-x-5 gap-y-3 mt-5 md:mt-7"> <a href="" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label=""> <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"> </span> </a> </div> </div> </div> <div class="flex-col flex items-start lg:justify-start md:col-span-1"> <div class="flex flex-col justify-start relative max-w-full"> <svg class="w-16 h-16 lg:mb-10 md:mb-7 mb-5" fill="url(#mantis-to-fountain-blue)" width="128" height="128" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"> <path d="M94 76.0002C94.5304 76.0001 95.0391 75.7894 95.4142 75.4143C95.7893 75.0393 96 74.5306 96 74.0001V50.0002C96 49.4697 95.7893 48.961 95.4142 48.586C95.0391 48.2109 94.5304 48.0002 94 48.0002C92.1357 47.9999 90.2903 48.3733 88.5727 49.0982C86.8552 49.8231 85.3003 50.8849 84 52.2209V28.0002C84.0026 26.595 83.6343 25.2141 82.9325 23.9969C82.2306 22.7796 81.22 21.769 80.0027 21.0673C78.7853 20.3656 77.4044 19.9975 75.9993 20.0002C74.5942 20.0029 73.2146 20.3763 72 21.0827V20.0002C72.0004 17.9554 71.2176 15.9881 69.8125 14.5025C68.4075 13.0169 66.4868 12.1259 64.4451 12.0124C62.4035 11.899 60.3959 12.5718 58.8349 13.8926C57.2739 15.2134 56.2781 17.0819 56.052 19.1142C54.8384 18.3956 53.4562 18.0113 52.046 18.0003C50.6357 17.9894 49.2477 18.3522 48.0232 19.0518C46.7987 19.7515 45.7813 20.763 45.0746 21.9835C44.368 23.204 43.9972 24.5898 44 26.0002V35.0827C42.7854 34.3763 41.4059 34.0029 40.0007 34.0002C38.5956 33.9975 37.2147 34.3656 35.9973 35.0673C34.78 35.7691 33.7694 36.7796 33.0675 37.9969C32.3657 39.2141 31.9974 40.595 32 42.0002V84.0002C32 92.4871 35.3714 100.626 41.3726 106.628C47.3738 112.629 55.5131 116 64 116C72.4869 116 80.6263 112.629 86.6274 106.628C92.6286 100.626 96 92.4871 96 84.0002C96 83.4697 95.7893 82.961 95.4142 82.5859C95.0392 82.2109 94.5304 82.0002 94 82.0002C93.4696 82.0002 92.9609 82.2109 92.5858 82.5859C92.2107 82.961 92 83.4697 92 84.0002C92 91.4262 89.05 98.5481 83.799 103.799C78.548 109.05 71.4261 112 64 112C56.574 112 49.452 109.05 44.201 103.799C38.95 98.5481 36 91.4262 36 84.0002V42.0002C36 40.9393 36.4214 39.9219 37.1716 39.1717C37.9217 38.4216 38.9391 38.0002 40 38.0002C41.0609 38.0002 42.0783 38.4216 42.8284 39.1717C43.5786 39.9219 44 40.9393 44 42.0002V66.0001C44 66.5306 44.2107 67.0393 44.5858 67.4144C44.9609 67.7894 45.4696 68.0001 46 68.0001C46.5304 68.0001 47.0392 67.7894 47.4142 67.4144C47.7893 67.0393 48 66.5306 48 66.0001V26.0002C48 24.9393 48.4214 23.9219 49.1716 23.1717C49.9217 22.4216 50.9391 22.0002 52 22.0002C53.0609 22.0002 54.0783 22.4216 54.8284 23.1717C55.5786 23.9219 56 24.9393 56 26.0002V62.0002C56 62.5306 56.2107 63.0393 56.5858 63.4144C56.9609 63.7894 57.4696 64.0001 58 64.0001C58.5304 64.0001 59.0392 63.7894 59.4142 63.4144C59.7893 63.0393 60 62.5306 60 62.0002V20.0002C60 18.9393 60.4214 17.9219 61.1716 17.1717C61.9217 16.4216 62.9391 16.0002 64 16.0002C65.0609 16.0002 66.0783 16.4216 66.8284 17.1717C67.5786 17.9219 68 18.9393 68 20.0002V62.0002C68 62.5306 68.2107 63.0393 68.5858 63.4144C68.9609 63.7894 69.4696 64.0001 70 64.0001C70.5304 64.0001 71.0392 63.7894 71.4142 63.4144C71.7893 63.0393 72 62.5306 72 62.0002V28.0002C72 26.9393 72.4214 25.9219 73.1716 25.1717C73.9217 24.4216 74.9391 24.0002 76 24.0002C77.0609 24.0002 78.0783 24.4216 78.8284 25.1717C79.5786 25.9219 80 26.9393 80 28.0002V72.09C74.5366 72.5957 69.4585 75.1219 65.7595 79.1742C62.0604 83.2266 60.0066 88.5134 60 94.0002C60 94.5306 60.2107 95.0393 60.5858 95.4144C60.9609 95.7894 61.4696 96.0002 62 96.0002C62.5304 96.0002 63.0392 95.7894 63.4142 95.4144C63.7893 95.0393 64 94.5306 64 94.0002C64.0056 89.228 65.9038 84.6528 69.2782 81.2784C72.6527 77.9039 77.2278 76.0057 82 76.0002C82.5304 76.0001 83.0391 75.7894 83.4142 75.4143C83.7893 75.0393 84 74.5306 84 74.0001V62.0002C84.003 59.6959 84.8004 57.4631 86.2576 55.6782C87.7149 53.8933 89.743 52.6653 92 52.2013V74.0001C92 74.5306 92.2108 75.0393 92.5858 75.4143C92.9609 75.7894 93.4696 76.0001 94 76.0002Z" /> </svg> <h3 class="text-skin-bwg pb-5 text-h5 font-normal">Compliance</h3> </div> <div class="flex flex-col justify-between"> <p class="text-skin-grey pr-2-vw font-light text-base">With GDPR, HIPPA and ISO 27001 controls built in and tools for meeting global and regional regulations, your compliance needs are met out-of-the-box.</p> <div class="flex flex-wrap gap-x-5 gap-y-3 mt-5 md:mt-7"> <a href="" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label=""> <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"> </span> </a> </div> </div> </div> <div class="flex-col flex items-start lg:justify-start md:col-span-1"> <div class="flex flex-col justify-start relative max-w-full"> <svg class="w-16 h-16 lg:mb-10 md:mb-7 mb-5" fill="url(#mantis-to-fountain-blue)" width="128" height="128" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"> <path d="M45.3301 97.86C46.6901 97.9 48.0101 97.45 49.0901 96.61C50.0901 95.81 50.7501 94.68 50.9601 93.43C51.1701 92.16 50.9101 90.87 50.2201 89.81C49.4301 88.58 46.1901 84.93 37.4401 88.82C36.1801 87.28 33.9901 83.68 33.9901 77.23V56.43C35.0401 56.43 36.0801 56.86 36.8201 57.6C37.5601 58.34 37.9901 59.38 37.9901 60.43V72.23C37.9901 72.77 38.2101 73.29 38.5801 73.64C39.3401 74.4 40.7001 74.37 41.4001 73.64C41.7801 73.26 41.9901 72.75 41.9901 72.23V38.23C41.9901 37.7 42.2001 37.19 42.5801 36.82C43.3401 36.07 44.6701 36.07 45.4001 36.82C45.7801 37.2 45.9901 37.71 45.9901 38.23V63.03C45.9901 63.57 46.2101 64.09 46.5901 64.45C47.3901 65.21 48.7101 65.16 49.4001 64.44C49.7801 64.06 49.9901 63.55 49.9901 63.03V35.23C49.9901 34.7 50.2001 34.19 50.5801 33.82C51.3401 33.06 52.6701 33.07 53.4001 33.82C53.7801 34.2 53.9901 34.71 53.9901 35.23V63.03C53.9901 63.57 54.2101 64.09 54.5901 64.45C55.3901 65.21 56.7101 65.16 57.4001 64.44C57.7801 64.06 57.9901 63.55 57.9901 63.03V38.23C57.9901 37.7 58.2001 37.19 58.5801 36.82C59.3401 36.07 60.6601 36.07 61.4001 36.82C61.7801 37.2 61.9901 37.71 61.9901 38.23V63.03C61.9901 63.57 62.2101 64.09 62.5901 64.45C63.3901 65.21 64.7101 65.16 65.4001 64.44C65.7801 64.06 65.9901 63.55 65.9901 63.03V38.23C65.9901 37.14 65.6901 36.07 65.1301 35.14C64.5701 34.2 63.7601 33.44 62.8001 32.93C61.8501 32.42 60.7701 32.19 59.6701 32.24C58.9001 32.28 58.1501 32.47 57.4601 32.79C57.0601 31.89 56.4401 31.09 55.6501 30.47C53.5901 28.86 50.4101 28.86 48.3501 30.47C47.5601 31.08 46.9401 31.89 46.5401 32.79C45.8501 32.47 45.1001 32.28 44.3301 32.24C43.2501 32.18 42.1701 32.42 41.2001 32.93C40.2301 33.45 39.4201 34.21 38.8701 35.14C38.3101 36.08 38.0101 37.15 38.0101 38.23V53.51C36.8001 52.81 35.4301 52.43 34.0101 52.43C32.9501 52.43 31.9201 52.86 31.1801 53.6C30.4401 54.34 30.0101 55.37 30.0101 56.43V77.23C30.0101 84.02 32.1801 88.33 33.8001 90.6L12.1101 101.44C11.6401 101.67 11.2901 102.08 11.1001 102.6C10.9401 103.11 10.9801 103.66 11.2101 104.11C11.4401 104.58 11.8501 104.94 12.3501 105.11C12.5601 105.18 12.7801 105.22 12.9901 105.22C13.3001 105.22 13.6101 105.15 13.8801 105L36.6401 93.62C40.4901 97.1 43.4801 97.85 45.3301 97.85V97.86ZM46.8701 91.96C47.0201 92.2 47.0701 92.49 47.0301 92.77C46.9801 93.05 46.8301 93.31 46.6001 93.49C45.6601 94.25 43.5201 93.97 40.6901 91.82C44.5801 90.44 46.4001 91.22 46.8801 91.97L46.8701 91.96ZM117.77 104.13C117.55 104.6 117.12 104.98 116.6 105.14C116.1 105.3 115.56 105.26 115.09 105.02L83.5101 89.23C81.8401 88.39 80.4401 87.12 79.4701 85.54C78.5001 83.97 77.9901 82.15 77.9901 80.28V42.22C77.9901 41.7 77.7801 41.19 77.4001 40.81C76.6601 40.06 75.3301 40.05 74.5801 40.81C74.2001 41.18 73.9901 41.69 73.9901 42.22V81.13C73.9901 88.98 71.5201 95.97 66.8201 101.41L92.8801 114.44C93.3601 114.66 93.7301 115.09 93.8901 115.61C94.0501 116.11 94.0101 116.65 93.7701 117.12C93.5301 117.6 93.1101 117.97 92.6101 118.13C92.1001 118.29 91.5701 118.25 91.0901 118.02L63.8401 104.39C61.7301 106.21 59.3801 107.77 56.8701 109.02L38.8701 118.02C38.5901 118.16 38.2801 118.24 37.9801 118.24C37.7601 118.24 37.5501 118.2 37.3401 118.13C36.8401 117.95 36.4301 117.59 36.2001 117.13C35.9701 116.68 35.9201 116.12 36.0901 115.62C36.2801 115.1 36.6301 114.69 37.1001 114.46L55.1001 105.46C64.7101 100.65 70.0001 92.02 70.0001 81.14V42.24C70.0001 40.66 70.6401 39.12 71.7601 38C72.8701 36.88 74.4101 36.24 76.0001 36.24C77.5901 36.24 79.1201 36.88 80.2401 38C81.3601 39.11 82.0001 40.65 82.0001 42.24V80.29C82.0001 81.4 82.3001 82.49 82.8901 83.45C83.4701 84.4 84.3101 85.16 85.3201 85.66L117.81 101.9L117.62 102.1C117.74 102.26 117.83 102.44 117.89 102.63C118.05 103.13 118.01 103.67 117.78 104.14L117.77 104.13ZM71.4001 24.98C71.2501 24.6 71.2201 24.2 71.2901 23.83C71.3701 23.45 71.5601 23.09 71.8301 22.82L79.8301 14.82C80.5601 14.09 81.9001 14.08 82.6501 14.83C83.0201 15.18 83.2401 15.7 83.2401 16.24C83.2401 16.78 83.0301 17.28 82.6601 17.65L74.6601 25.65C74.4301 25.86 74.2201 26 74.0001 26.09C73.7701 26.18 73.5001 26.23 73.2401 26.23C72.8501 26.23 72.4601 26.11 72.1301 25.89C71.7901 25.66 71.5301 25.35 71.3901 24.98H71.4001ZM47.5901 17.64C47.2201 17.27 47.0101 16.76 47.0101 16.23C47.0101 15.7 47.2201 15.19 47.6001 14.82C48.3001 14.09 49.6801 14.07 50.4201 14.81L58.4201 22.81C58.6301 23.04 58.7701 23.25 58.8601 23.47C58.9501 23.67 59.0101 23.95 59.0101 24.23C59.0201 24.45 58.9801 24.71 58.8701 24.99C58.7701 25.25 58.6201 25.49 58.4101 25.67C58.2101 25.86 57.9901 26 57.7701 26.08C57.5401 26.17 57.2701 26.22 57.0101 26.22C56.7501 26.22 56.5101 26.17 56.2501 26.07C56.0101 25.98 55.7901 25.84 55.5901 25.63L47.5901 17.63V17.64ZM63.1601 24.08C63.0501 23.85 63.0001 23.59 63.0001 23.3V11.99C63.0001 11.47 63.2101 10.96 63.5901 10.58C63.9701 10.2 64.4901 10 65.0401 10C65.5401 10 66.0401 10.21 66.4101 10.58C66.7801 10.95 67.0001 11.47 67.0001 11.99V23.3C66.9901 23.61 66.9301 23.86 66.8401 24.08C66.7601 24.29 66.6101 24.53 66.4101 24.73C66.2701 24.9 66.0501 25.05 65.7701 25.17C65.5401 25.27 65.2901 25.33 65.0401 25.33C65.0201 25.33 64.9901 25.33 64.9701 25.33C64.6901 25.32 64.4401 25.26 64.2301 25.17C64.0001 25.07 63.7801 24.92 63.5901 24.73C63.4101 24.55 63.2701 24.34 63.1601 24.09V24.08Z" /> </svg> <h3 class="text-skin-bwg pb-5 text-h5 font-normal">Partners</h3> </div> <div class="flex flex-col justify-between"> <p class="text-skin-grey pr-2-vw font-light text-base">Cisco’s partner ecosystem is one of the largest and most diverse in the IT industry, delivering innovative solutions to customers.</p> <div class="flex flex-wrap gap-x-5 gap-y-3 mt-5 md:mt-7"> <a href="" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label=""> <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"> </span> </a> </div> </div> </div> </div> </div> </section> <section class="bg-skin-wbg theme-dark relative" data-id="content-cards-grid" 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 py-10 md:py-16 lg:py-20 px-std flex relative justify-between flex-col"> <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">Want to learn more?</h2> <p class="flex-1 lg:max-w-1080 lg:mt-5 md:mt-4 mt-3 text-skin-grey text-lg">Get more support in sending cloud communications with these resources.</p> </div> </div> <div class="flex gap-5 flex-col md:flex-col lg:flex-row"> <div class="grid gap-5 w-full flex-wrap-reverse flex-row-reverse" style="grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));"> <div class="flex flex-1 flex-col cursor-pointer group min-w-[250px] relative fill-black-gradient"> <a href="/resources/whitepaper/webex-connect" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label=""> <div class="relative"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvR2VuZXJpYy9tYW4tbGFwdG9wLW9mZmljZS1kZXNrLndlYnA=?fit=crop&w=646&h=363&s=236ef687e62957569de71080adb99b65"> <img id="lsw6i8v7" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Generic/man-laptop-office-desk.jpg" class="lazyload w-full aspect-[16/9] lg:rounded-30 md:rounded-20 rounded-[16px] object-cover" alt=""> </picture> </div> <div class="flex justify-between items-start mt-5 md:mt-7 lg:gap-9 md:gap-6 gap-3 lg:mt-10 "> <div class="flex flex-col w-full"> <div> <div class="pl-4 float-right"> <svg class="inline group w-[42px] md:w-[52px] lg:w-14" width="56" height="56" viewBox="0 0 56 56"> <ellipse cx="28" cy="28" rx="28" ry="28" transform="matrix(1 0 1.52877e-10 -1 0 56)" class="fill-skin-bww group-hover:fill-skin-ggb duration-200 transition-colors" /> <path d="M38.5 39.4995L16.5 39.4995L16.5 41.4995L38.5 41.4995V39.4995Z" class="fill-skin-wbb group-hover:fill-skin-www duration-200 transition-colors" fill="#FFFFFF"/> <path d="M38.1066 25.2074L27.5 35.814L16.8935 25.207L18.3077 23.7928L26.5 31.9851L26.5 14.4995L28.5 14.4995L28.5 31.9855L36.6924 23.7931L38.1066 25.2074Z" class="fill-skin-wbb group-hover:fill-skin-www duration-200 transition-colors" fill="#FFFFFF"/> </svg> </div> <h3 class="text-h5 text-skin-bww">Webex Connect Whitepaper</h3> </div> <p class="text-sm text-skin-grey pt-3">With our experts giving best practices and use case examples, this whitepaper will help you get started.</p> </div> </div> </a> </div> <div class="flex flex-1 flex-col cursor-pointer group min-w-[250px] relative fill-black-gradient"> <a href="/resources/eguide/the-5-pillars-of-cloud-communications-security" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label=""> <div class="relative"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvUmVzb3VyY2VzL0xlYXJuaW5nL2d1aWRlLTUtcGlsbGFycy53ZWJw?fit=crop-49-68-1&w=646&h=363&s=fac9dd20783020568c2c42353097844c"> <img id="lsw6gtsq" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Resources/Learning/guide-5-pillars.jpg" class="lazyload w-full aspect-[16/9] lg:rounded-30 md:rounded-20 rounded-[16px] object-cover" alt=""> </picture> </div> <div class="flex justify-between items-start mt-5 md:mt-7 lg:gap-9 md:gap-6 gap-3 lg:mt-10 "> <div class="flex flex-col w-full"> <div> <div class="pl-4 float-right"> <svg class="inline group w-[42px] md:w-[52px] lg:w-14" width="56" height="56" viewBox="0 0 56 56"> <ellipse cx="28" cy="28" rx="28" ry="28" transform="matrix(1 0 1.52877e-10 -1 0 56)" class="fill-skin-bww group-hover:fill-skin-ggb duration-200 transition-colors" /> <path d="M38.5 39.4995L16.5 39.4995L16.5 41.4995L38.5 41.4995V39.4995Z" class="fill-skin-wbb group-hover:fill-skin-www duration-200 transition-colors" fill="#FFFFFF"/> <path d="M38.1066 25.2074L27.5 35.814L16.8935 25.207L18.3077 23.7928L26.5 31.9851L26.5 14.4995L28.5 14.4995L28.5 31.9855L36.6924 23.7931L38.1066 25.2074Z" class="fill-skin-wbb group-hover:fill-skin-www duration-200 transition-colors" fill="#FFFFFF"/> </svg> </div> <h3 class="text-h5 text-skin-bww">Security eGuide</h3> </div> <p class="text-sm text-skin-grey pt-3">Discover the 5 pillars of cloud communications security shaped by Cisco's secure default vision.</p> </div> </div> </a> </div> <div class="flex flex-1 flex-col cursor-pointer group min-w-[250px] relative fill-black-gradient"> <a href="/business-messaging/messaging-network" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label=""> <div class="relative"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvR2VuZXJpYy9tYW4tdGV4dGluZy1zdGFpcnMtc21pbGUud2VicA==?fit=crop&w=646&h=363&s=b77ebc840fe7efb9c954a5a4142e921b"> <img id="6q7apeKo" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Generic/man-texting-stairs-smile.jpg" class="lazyload w-full aspect-[16/9] lg:rounded-30 md:rounded-20 rounded-[16px] object-cover" alt=""> </picture> </div> <div class="flex justify-between items-start mt-5 md:mt-7 lg:gap-9 md:gap-6 gap-3 lg:mt-10 "> <div class="flex flex-col w-full"> <div> <div class="pl-4 float-right"> <svg class="inline group w-[42px] md:w-[52px] lg:w-14" width="56" height="56" viewBox="0 0 56 56"> <circle cx="28" cy="28" r="28" transform="matrix(1 0 0 -1 0 56)" class="fill-skin-bww group-hover:fill-skin-ggb transition-colors" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M39.1567 28.1569L28.5501 17.5503L27.1359 18.9645L35.3283 27.1569H17.843V29.1569H35.3284L27.1358 37.3494L28.55 38.7636L39.1566 28.157L39.1566 28.157L39.1567 28.1569Z" class="fill-skin-wbb group-hover:fill-skin-www transition-colors" fill="#FFFFFF"/> </svg> </div> <h3 class="text-h5 text-skin-bww">Messaging Network</h3> </div> <p class="text-sm text-skin-grey pt-3">Find out about our Tier 1 network that offers direct carrier connections.</p> </div> </div> </a> </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">Find out how we can help your business.</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="Contact us"> <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]"> Contact us <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>

CINXE.COM

Webex Connect Cloud Communications Platform