CINXE.COM

Government & Public Sector | Webex CPaaS Solutions

<!doctype html> <html id="app" lang="en" class="text-black"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NQLWWR');</script> <!-- End Google Tag Manager --> <title>Government & Public Sector | Webex CPaaS Solutions</title> <meta name="description" content="Every interaction engages the community. Improve efficiency and reduces costs with two-way communications across digital channels."> <link rel="canonical" href="https://cpaas.webex.com/solutions/government-and-public-sector"> <meta property="og:url" content="https://cpaas.webex.com/solutions/government-and-public-sector"> <link rel='alternate' href="https://cpaas.webex.com/solutions/government-and-public-sector" hreflang="en-US" > <meta property="og:site_name" content="Webex CPaaS Solutions"> <meta property="og:title" content="Government & Public Sector | Webex CPaaS Solutions"> <meta property="og:description" content="Every interaction engages the community. Improve efficiency and reduces costs with two-way communications across digital channels."> <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\/solutions\/government-and-public-sector","name":"Government & Public Sector | Webex CPaaS Solutions","isPartOf":{"@id":"https:\/\/cpaas.webex.com\/#website"},"inLanguage":"en-US","datePublished":"2023-05-17T00:00:00+00:00","dateModified":"2023-05-17T00: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":"Solutions","id":"https:\/\/cpaas.webex.com\/solutions"}},{"@type":"ListItem","position":3,"item":{"@type":"Thing","name":"Government & public sector","id":"https:\/\/cpaas.webex.com\/solutions\/government-and-public-sector"}}]}}]}</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'"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NQLWWR" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5K7LZVP" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <svg width="0" height="0" style="position:absolute;"> <defs> <linearGradient id="mantis-to-fountain-blue" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox"> <stop stop-color="#82CF5F" /> <stop offset="1" stop-color="#00BCF5" /> </linearGradient> <linearGradient id="fountain-blue-to-purple-heart" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox"> <stop stop-color="#00BCF5" /> <stop offset="1" stop-color="#A875FC" /> </linearGradient> <linearGradient id="passion-fruit-to-mantis" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox"> <stop stop-color="#82CF5F" /> <stop offset="1" stop-color="#FBBD23" /> </linearGradient> <linearGradient id="passion-fruit-to-mandarin" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox"> <stop stop-color="#FBBD23" /> <stop offset="1" stop-color="#FF7A3F" /> </linearGradient> <linearGradient id="scarlet-to-passion-fruit" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox"> <stop stop-color="#FF3A65" /> <stop offset="1" stop-color="#FBBD23" /> </linearGradient> <linearGradient id="scarlet-to-purple-heart" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox"> <stop stop-color="#A875FC" /> <stop offset="1" stop-color="#FF3A65" /> </linearGradient> </defs> </svg> <nav class="justify-start bg-skin-wbg theme-light flex-col top-0 z-50 hidden md:flex fixed shadow transition-all delay-75 w-full duration-300"> <aside class="py-3 bg-skin-wbg theme-dark text-skin-bwg md:flex hidden"> <div class="px-std flex items-center justify-between mx-auto max-w-[1440px] w-full"> <div class="flex"> <a href="https://www.webex.com/" aria-label="Webex"> <img src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/webex-logo-reverse.svg" alt="" class="w-24 h-7" loading="lazy"> </a> <h2 class="ml-5 text-sm font-normal items-center flex"></h2> </div> <ul class="flex"> <li ><a href="/resources/newsletter-sign-up" class="border-b border-skin-transparent hover:border-skin-bwg text-sm whitespace-nowrap ml-10">Sign up to our Newsletter</a></li> </ul> </div> </aside> <div class="max-w-[1440px] mx-auto w-full px-std items-center flex"> <a href="/" aria-label="imimobile" class="flex flex-wrap items-end mb-[7px] gap-y-[10.18px] min-w-[90px]"> <img src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/webex-wordmark-black.svg" alt="" class="mr-[8.04px] w-[71.23px] h-[17.39px]"> <img src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/cpaas-solutions-black.svg" alt="" class="w-[120.79px] h-[12.61px]"> </a> <ul class="flex md:mx-7 flex-1 font-medium"> <li class="text-skin-bwg md:py-9 md:px-3" @click.outside="dropdownMenuOpen = false" x-data="{ dropdownMenuOpen: false }"><button class="flex items-center font-medium cursor-pointer border-b border-skin-transparent hover:border-b fill-skin-bwb duration-200 ease-in-out" :class="dropdownMenuOpen ? 'text-skin-ggw hover:border-skin-ggw border-skin-ggw' : 'hover:border-skin-bwg'" x-on:click="dropdownMenuOpen = !dropdownMenuOpen;"> Products <div class="ml-2 duration-200" :class="dropdownMenuOpen ? 'rotate-180 ease-in-out fill-skin-ggw hover:border-skin-ggw' : ''"> <svg class="z-0" height="12" width="12" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </button> <div x-show="dropdownMenuOpen" x-cloak style="max-height: calc(85vh - 100px)" class="absolute overflow-y-scroll top-[147px] left-0 right-0 w-full bg-skin-wbg shadow"> <div class="relative pb-20 pt-7"> <div class="absolute bottom-0 left-0 w-9/12 md:block hidden max-w-400"> <svg class="z-0" width="600" height="400" viewBox="0 0 600 400" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9895" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="600" height="400"> <rect width="600" height="400" transform="matrix(-1 0 0 1 600 0)" fill="white"/> </mask> <g mask="url(#mask0_228_9895)"> <g opacity="0.6" filter="url(#filter0_f_228_9895)"> <ellipse cx="90.8997" cy="463.76" rx="220.21" ry="144.102" transform="rotate(-180 90.8997 463.76)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9895)"> <ellipse rx="215.901" ry="183.648" transform="matrix(-0.872916 -0.487871 -0.61533 0.788269 -96.4165 417.617)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9895" x="-301.683" y="147.286" width="785.165" height="632.949" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="86.1862" result="effect1_foregroundBlur_228_9895"/> </filter> <filter id="filter1_f_228_9895" x="-432.862" y="121.909" width="672.892" height="591.416" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="58.3333" result="effect1_foregroundBlur_228_9895"/> </filter> </defs> </svg> </div> <div class="absolute right-0 top-0 w-9/12 block md:hidden max-w-400"> <svg class="z-0" width="375" height="375" viewBox="0 0 375 375" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9900" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="375" height="375"> <rect width="375" height="375" fill="#C4C4C4"/> </mask> <g mask="url(#mask0_228_9900)"> <g opacity="0.6" filter="url(#filter0_f_228_9900)"> <ellipse rx="186.225" ry="164.22" transform="matrix(-1 3.29385e-08 -3.78354e-08 1 387.806 19.0903)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9900)"> <ellipse rx="199.525" ry="190.655" transform="matrix(-0.798787 0.601614 -0.501244 -0.865306 254.942 -59.2833)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9900" x="-20.0415" y="-366.751" width="815.694" height="771.684" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="110.811" result="effect1_foregroundBlur_228_9900"/> </filter> <filter id="filter1_f_228_9900" x="-80.918" y="-413.321" width="671.721" height="708.075" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="75" result="effect1_foregroundBlur_228_9900"/> </filter> </defs> </svg> </div> <div class="flex h-full w-full relative md:gap-x-5 px-std max-w-[1440px] mx-auto"> <div class="h-full flex-1"> <div class=""> <div> <h4 class="text-lg md:text-lg_lg mb-2 text-skin-bwg">CPaaS</h4> <p class="text-sm md:text-sm_lg md:max-w-10/12 text-skin-grey mb-3 font-normal">Create smarter customer interactions with Communications Platform as a Service (CPaaS).</p> <a href="/products/cpaas-overview" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Discover more"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Discover more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> </div> <div class="h-full flex-1"> <div class="md:mb-7"> <div> <h4 class="text-lg md:text-lg_lg mb-2 text-skin-bwg">Webex Connect</h4> <p class="text-sm md:text-sm_lg md:max-w-10/12 text-skin-grey mb-3 font-normal">Cloud communication platform to automate and orchestrate your customer interactions.</p> <a href="/products/webex-connect" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Explore the platform"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Explore the platform <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> <div class=""> <ul class="flex flex-col gap-y-2 items-start font-normal"> <li> <a href="/products/webex-connect/flows" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Flows"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Flows </span> </a> </li> <li> <a href="/products/webex-connect/nlp-and-ai" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="NLP & AI"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> NLP & AI </span> </a> </li> <li> <a href="/products/webex-connect/reporting-and-analytics" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Reporting & Analytics"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Reporting & Analytics </span> </a> </li> <li> <a href="/products/webex-connect/integrations" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Integrations"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Integrations </span> </a> </li> <li> <a href="/products/webex-connect/contact-management" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Contact Management"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Contact Management </span> </a> </li> <li> <a href="/products/webex-connect/apis-and-sdks" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="API and SDKs"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> API and SDKs </span> </a> </li> <li> <a href="/products/webex-connect/developer-hub" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Developer Hub"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Developer Hub </span> </a> </li> </ul> </div> </div> <div class="h-full flex-1"> <div class="md:mb-7"> <div> <h4 class="text-lg md:text-lg_lg mb-2 text-skin-bwg">Webex Campaign</h4> <p class="text-sm md:text-sm_lg md:max-w-10/12 text-skin-grey mb-3 font-normal">Manage and automate your marketing campaigns.</p> <a href="/products/webex-campaign" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Discover more"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Discover more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> <div class="md:mb-7"> <div> <h4 class="text-lg md:text-lg_lg mb-2 text-skin-bwg">Webex Engage</h4> <p class="text-sm md:text-sm_lg md:max-w-10/12 text-skin-grey mb-3 font-normal">Empower your contact center to support customer conversations on any channel.</p> <a href="/products/webex-engage" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Discover more"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Discover more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> <div class=""> <div> <h4 class="text-lg md:text-lg_lg mb-2 text-skin-bwg">Webex Notify</h4> <p class="text-sm md:text-sm_lg md:max-w-10/12 text-skin-grey mb-3 font-normal">Help operations staff keep your customers informed.</p> <a href="/products/webex-notify" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Discover more"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Discover more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> </div> <div class="h-full flex-1"> <div class="md:mb-7"> <div> <h4 class="text-lg md:text-lg_lg mb-2 text-skin-bwg">Business messaging</h4> <p class="text-sm md:text-sm_lg md:max-w-10/12 text-skin-grey mb-3 font-normal">From SMS to the next generation of digital messaging channels, start delivering richer experiences on the channel closest to customers.</p> <a href="/business-messaging" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Discover more"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Discover more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> <div class=""> <ul class="flex flex-col gap-y-2 items-start font-normal"> <li> <a href="/business-messaging/apple-messages-for-business" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Apple Messages for Business"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Apple Messages for Business </span> </a> </li> <li> <a href="/business-messaging/branded-text" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Branded Text"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Branded Text </span> </a> </li> <li> <a href="/business-messaging/instagram" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Instagram"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Instagram </span> </a> </li> <li> <a href="/business-messaging/mms" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="MMS"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> MMS </span> </a> </li> <li> <a href="/business-messaging/rcs-business-messaging" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="RCS Business Messaging"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> RCS Business Messaging </span> </a> </li> <li> <a href="/business-messaging/sms" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="SMS"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> SMS </span> </a> </li> <li> <a href="/business-messaging/web-rtc" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Web RTC"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Web RTC </span> </a> </li> <li> <a href="/business-messaging/whatsapp-business-api" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="WhatsApp Business API"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> WhatsApp Business API </span> </a> </li> </ul> </div> </div> </div> </div> </div></li> <li class="text-skin-bwg md:py-9 md:px-3" @click.outside="dropdownMenuOpen = false" x-data="{ dropdownMenuOpen: false }"> <button class="flex items-center font-medium cursor-pointer border-b border-skin-transparent hover:border-b fill-skin-bwb duration-200 ease-in-out whitespace-nowrap" :class="dropdownMenuOpen ? 'text-skin-ggw hover:border-skin-ggw border-skin-ggw' : 'hover:border-skin-bwg'" x-on:click="dropdownMenuOpen = !dropdownMenuOpen;"> Solutions <div class="ml-2 duration-200" :class="dropdownMenuOpen ? 'rotate-180 ease-in-out fill-skin-ggw' : ''"> <svg class="z-0" height="12" width="12" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </button> <div x-show="dropdownMenuOpen" x-cloak style="max-height: calc(85vh - 100px)" class="absolute overflow-y-scroll top-[147px] left-0 right-0 w-full bg-skin-wbg shadow"> <div class="relative pb-20 pt-7"> <div class="absolute bottom-0 left-0 w-9/12 md:block hidden max-w-400"> <svg width="600" height="400" viewBox="0 0 600 400" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9895" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="600" height="400"> <rect width="600" height="400" transform="matrix(-1 0 0 1 600 0)" fill="white"/> </mask> <g mask="url(#mask0_228_9895)"> <g opacity="0.6" filter="url(#filter0_f_228_9895)"> <ellipse cx="90.8997" cy="463.76" rx="220.21" ry="144.102" transform="rotate(-180 90.8997 463.76)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9895)"> <ellipse rx="215.901" ry="183.648" transform="matrix(-0.872916 -0.487871 -0.61533 0.788269 -96.4165 417.617)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9895" x="-301.683" y="147.286" width="785.165" height="632.949" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="86.1862" result="effect1_foregroundBlur_228_9895"/> </filter> <filter id="filter1_f_228_9895" x="-432.862" y="121.909" width="672.892" height="591.416" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="58.3333" result="effect1_foregroundBlur_228_9895"/> </filter> </defs> </svg> </div> <div class="absolute right-0 top-0 w-9/12 block md:hidden max-w-400"> <svg width="375" height="375" viewBox="0 0 375 375" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9900" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="375" height="375"> <rect width="375" height="375" fill="#C4C4C4"/> </mask> <g mask="url(#mask0_228_9900)"> <g opacity="0.6" filter="url(#filter0_f_228_9900)"> <ellipse rx="186.225" ry="164.22" transform="matrix(-1 3.29385e-08 -3.78354e-08 1 387.806 19.0903)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9900)"> <ellipse rx="199.525" ry="190.655" transform="matrix(-0.798787 0.601614 -0.501244 -0.865306 254.942 -59.2833)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9900" x="-20.0415" y="-366.751" width="815.694" height="771.684" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="110.811" result="effect1_foregroundBlur_228_9900"/> </filter> <filter id="filter1_f_228_9900" x="-80.918" y="-413.321" width="671.721" height="708.075" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="75" result="effect1_foregroundBlur_228_9900"/> </filter> </defs> </svg> </div> <div class="flex h-full w-full md:gap-x-5 relative px-std max-w-[1440px] mx-auto"> <div class="flex-1 flex"> <div class="flex-1"> <div> <h3 class="text-lg md:text-lg_lg md:mb-7">Industries</h3> <ul class="flex flex-col gap-y-2 font-normal"> <li> <a href="/solutions/automotive" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Automotive"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Automotive </span> </a> </li> <li> <a href="/solutions/banking" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Banking"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Banking </span> </a> </li> <li> <a href="/solutions/gaming" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Gaming"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Gaming </span> </a> </li> <li> <a href="/solutions/government-and-public-sector" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Government & public sector"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Government & public sector </span> </a> </li> <li> <a href="/solutions/healthcare" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Healthcare"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Healthcare </span> </a> </li> <li> <a href="/solutions/insurance" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Insurance"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Insurance </span> </a> </li> <li> <a href="/solutions/logistics" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Logistics"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Logistics </span> </a> </li> <li> <a href="/solutions/media-and-broadcasters" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Media & broadcasters"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Media & broadcasters </span> </a> </li> <li> <a href="/solutions/recruitment" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Recruitment"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Recruitment </span> </a> </li> <li> <a href="/solutions/retail" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Retail"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Retail </span> </a> </li> <li> <a href="/solutions/telecommunications" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Telecommunications"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Telecommunications </span> </a> </li> <li> <a href="/solutions/travel" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Travel"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Travel </span> </a> </li> <li> <a href="/solutions/utilities" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Utilities"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Utilities </span> </a> </li> </ul> </div> </div> <div class="flex-1"> <div> <h3 class="text-lg md:text-lg_lg md:mb-7">Teams</h3> <ul class="flex flex-col gap-y-2 font-normal"> <li> <a href="/solutions/customer-service" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Customer Service"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Customer Service </span> </a> </li> <li> <a href="/solutions/employee-communications" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Employee communications"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Employee communications </span> </a> </li> <li> <a href="/solutions/it-and-operations" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="IT & operations"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> IT & operations </span> </a> </li> <li> <a href="/solutions/marketing" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Marketing"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Marketing </span> </a> </li> </ul> </div> </div> </div> <div class="flex flex-col flex-shrink gap-y-5 flex-1"> <a href="/solutions/retail" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Discover retail solutions"> <div class="md:px-7 md:py-7 rounded-lg md:rounded-30 border border-skin-grey-light hover:border-skin-grey flex gap-10 group justify-between cursor-pointer transition-colors duration-200"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2">Every interaction makes customers smile</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal">Redefine the purchase journey with intelligent automation and contextual promotions.</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Discover retail solutions <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full max-w-200"> <div class="aspect-h-1 aspect-w-1 w-full"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvU29sdXRpb25zL1JldGFpbC93b21hbi1zaG9wLWlwYWQud2VicA==?fit=crop-62-48-1&w=200&h=200&s=b136aa0c7cbffd9dceab39327b27ab8e"> <img class="lazyload rounded-full w-full h-full object-cover" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Solutions/Retail/woman-shop-ipad.jpg" alt=""> </picture> </div> </div> </div> </a> <a href="/lp/authorised-push-payment-fraud" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Learn more"> <div class="md:px-7 md:py-7 rounded-lg md:rounded-30 border border-skin-grey-light hover:border-skin-grey flex gap-10 group justify-between cursor-pointer transition-colors duration-200"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2">Authorized Push Payment (APP) fraud solutions</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal">We analyze security risks and harness verified communications to help banks combat Authorized Push Payment (APP) fraud.</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Learn more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full max-w-200"> <div class="aspect-h-1 aspect-w-1 w-full"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvUmVzb3VyY2VzL0Jsb2cvaG93LXRvLXByZXZlbnQtYW5kLXJlZHVjZS1hdXRob3JpemVkLndlYnA=?fit=crop&w=200&h=200&s=ac8ee4aaa3bb60afa378ba69b2bc7bc0"> <img class="lazyload rounded-full w-full h-full object-cover" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Resources/Blog/how-to-prevent-and-reduce-authorized.jpg" alt=""> </picture> </div> </div> </div> </a> </div> </div> </div> </div> </li> <li class="text-skin-bwg md:py-9 md:px-3" @click.outside="dropdownMenuOpen = false" x-data="{ dropdownMenuOpen: false }"> <button class="flex items-center font-medium cursor-pointer border-b border-skin-transparent hover:border-b fill-skin-bwb duration-200 ease-in-out whitespace-nowrap" :class="dropdownMenuOpen ? 'text-skin-ggw hover:border-skin-ggw border-skin-ggw' : 'hover:border-skin-bwg'" x-on:click="dropdownMenuOpen = !dropdownMenuOpen;"> Resources <div class="ml-2 duration-200" :class="dropdownMenuOpen ? 'rotate-180 ease-in-out fill-skin-ggw' : ''"> <svg class="z-0" height="12" width="12" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </button> <div x-show="dropdownMenuOpen" x-cloak style="max-height: calc(85vh - 100px)" class="absolute overflow-y-scroll top-[147px] left-0 right-0 w-full bg-skin-wbg shadow"> <div class="relative pb-20 pt-7"> <div class="absolute bottom-0 left-0 w-9/12 md:block hidden max-w-400"> <svg width="600" height="400" viewBox="0 0 600 400" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9895" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="600" height="400"> <rect width="600" height="400" transform="matrix(-1 0 0 1 600 0)" fill="white"/> </mask> <g mask="url(#mask0_228_9895)"> <g opacity="0.6" filter="url(#filter0_f_228_9895)"> <ellipse cx="90.8997" cy="463.76" rx="220.21" ry="144.102" transform="rotate(-180 90.8997 463.76)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9895)"> <ellipse rx="215.901" ry="183.648" transform="matrix(-0.872916 -0.487871 -0.61533 0.788269 -96.4165 417.617)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9895" x="-301.683" y="147.286" width="785.165" height="632.949" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="86.1862" result="effect1_foregroundBlur_228_9895"/> </filter> <filter id="filter1_f_228_9895" x="-432.862" y="121.909" width="672.892" height="591.416" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="58.3333" result="effect1_foregroundBlur_228_9895"/> </filter> </defs> </svg> </div> <div class="absolute right-0 top-0 w-9/12 block md:hidden max-w-400"> <svg width="375" height="375" viewBox="0 0 375 375" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9900" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="375" height="375"> <rect width="375" height="375" fill="#C4C4C4"/> </mask> <g mask="url(#mask0_228_9900)"> <g opacity="0.6" filter="url(#filter0_f_228_9900)"> <ellipse rx="186.225" ry="164.22" transform="matrix(-1 3.29385e-08 -3.78354e-08 1 387.806 19.0903)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9900)"> <ellipse rx="199.525" ry="190.655" transform="matrix(-0.798787 0.601614 -0.501244 -0.865306 254.942 -59.2833)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9900" x="-20.0415" y="-366.751" width="815.694" height="771.684" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="110.811" result="effect1_foregroundBlur_228_9900"/> </filter> <filter id="filter1_f_228_9900" x="-80.918" y="-413.321" width="671.721" height="708.075" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="75" result="effect1_foregroundBlur_228_9900"/> </filter> </defs> </svg> </div> <div class="flex h-full w-full md:gap-x-5 relative px-std max-w-[1440px] mx-auto"> <div class="flex-1 flex justify-between"> <div class="mr-10 flex-shrink-0"> <div> <h3 class="text-lg md:text-lg_lg md:mb-7">Select a resource</h3> <ul class="flex flex-col gap-y-2 font-normal"> <li> <a href="/resources/learning" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Learning"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Learning </span> </a> </li> <li> <a href="/resources/customer-stories" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Customer stories"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Customer stories </span> </a> </li> <li> <a href="/blog" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Blog"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Blog </span> </a> </li> </ul> </div> </div> <div class="flex gap-x-5 justify-end"> <style> .clamp { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .clamp-2 { -webkit-line-clamp: 2; } .clamp-3 { -webkit-line-clamp: 3; } </style> <a href="/blog/rcs-ios-18" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Read blog"> <div class="md:px-7 md:py-7 rounded-20 md:rounded-30 border border-skin-grey-light hover:border-skin-grey transition-colors duration-200 flex flex-col justify-between group min-h-400 cursor-pointer"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2 clamp clamp-2">Apple now supports RCS in iOS 18 release</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal clamp clamp-3">RCS is now on iPhone - here’s what you need to know, and why you should expand your business messaging.</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Read blog <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full mt-5"> <div class="w-full"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL1Bob3RvZ3JhcGh5L1Jlc291cmNlcy9CbG9nL2FwcGxlLXJjcy1pb3MxOC1yZWxlYXNlLmpwZw==?fit=crop&w=300&h=150&s=3889500ef35b26bdebece1c04257c2fc"> <img class="lazyload rounded-[10px] w-full h-full object-cover min-h-150" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Resources/Blog/apple-rcs-ios18-release.jpg" alt=""> </picture> </div> </div> </div> </a> <a href="https://cpaas.webex.com/resources/report/gartner-magic-quadrant-cpaas-2024" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="See report"> <div class="md:px-7 md:py-7 rounded-20 md:rounded-30 border border-skin-grey-light hover:border-skin-grey transition-colors duration-200 flex flex-col justify-between group min-h-400 cursor-pointer"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2 clamp clamp-2">2024 Gartner® Magic Quadrant™</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal clamp clamp-3">Discover why we are recognized as a Visionary in the 2024 Gartner Magic Quadrant for CPaaS.</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> See report <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full mt-5"> <div class="w-full"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL3dlYnAvUmVuZGVycy9SZXNvdXJjZXMvcmVwb3J0LWdhcnRuZXItbXEtMjAyNC10YWJsZXQud2VicA==?fit=crop-41-40-1.3&w=300&h=150&s=99377d7f7e7c60de297e4946fa7f3c71"> <img class="lazyload rounded-[10px] w-full h-full object-cover min-h-150" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Renders/Resources/report-gartner-mq-2024-tablet.jpg" alt=""> </picture> </div> </div> </div> </a> <a href="https://cpaas.webex.com/resources/whitepaper/building-a-business-case-for-cpaas" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Read whitepaper"> <div class="md:px-7 md:py-7 rounded-20 md:rounded-30 border border-skin-grey-light hover:border-skin-grey transition-colors duration-200 flex flex-col justify-between group min-h-400 cursor-pointer"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2 clamp clamp-2">Building a business case for CPaaS</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal clamp clamp-3">The global CPaaS market will grow by 62 billion dollars by 2029 - have you started building your business case for it?</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Read whitepaper <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full mt-5"> <div class="w-full"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvU29sdXRpb25zL01hcmtldGluZy90d28tcGVvcGxlLWJvYXJkLWxvb2tpbmcud2VicA==?fit=crop-43-43-1&w=300&h=150&s=aa1085a376a5922b15b4a1e40d354fd5"> <img class="lazyload rounded-[10px] w-full h-full object-cover min-h-150" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Solutions/Marketing/two-people-board-looking.jpg" alt=""> </picture> </div> </div> </div> </a> </div> </div> </div> </div> </div> </li> <li class="text-skin-bwg md:py-9 md:px-3" @click.outside="dropdownMenuOpen = false" x-data="{ dropdownMenuOpen: false }"> <button class="flex items-center font-medium cursor-pointer border-b border-skin-transparent hover:border-b fill-skin-bwb duration-200 ease-in-out whitespace-nowrap" :class="dropdownMenuOpen ? 'text-skin-ggw hover:border-skin-ggw border-skin-ggw' : 'hover:border-skin-bwg'" x-on:click="dropdownMenuOpen = !dropdownMenuOpen;"> About us <div class="ml-2 duration-200" :class="dropdownMenuOpen ? 'rotate-180 ease-in-out fill-skin-ggw' : ''"> <svg class="z-0" height="12" width="12" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </button> <div x-show="dropdownMenuOpen" x-cloak style="max-height: calc(85vh - 100px)" class="absolute overflow-y-scroll top-[147px] left-0 right-0 w-full bg-skin-wbg shadow"> <div class="relative pb-20 pt-7"> <div class="absolute bottom-0 left-0 w-9/12 md:block hidden max-w-400"> <svg width="600" height="400" viewBox="0 0 600 400" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9895" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="600" height="400"> <rect width="600" height="400" transform="matrix(-1 0 0 1 600 0)" fill="white"/> </mask> <g mask="url(#mask0_228_9895)"> <g opacity="0.6" filter="url(#filter0_f_228_9895)"> <ellipse cx="90.8997" cy="463.76" rx="220.21" ry="144.102" transform="rotate(-180 90.8997 463.76)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9895)"> <ellipse rx="215.901" ry="183.648" transform="matrix(-0.872916 -0.487871 -0.61533 0.788269 -96.4165 417.617)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9895" x="-301.683" y="147.286" width="785.165" height="632.949" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="86.1862" result="effect1_foregroundBlur_228_9895"/> </filter> <filter id="filter1_f_228_9895" x="-432.862" y="121.909" width="672.892" height="591.416" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="58.3333" result="effect1_foregroundBlur_228_9895"/> </filter> </defs> </svg> </div> <div class="absolute right-0 top-0 w-9/12 block md:hidden max-w-400"> <svg width="375" height="375" viewBox="0 0 375 375" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9900" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="375" height="375"> <rect width="375" height="375" fill="#C4C4C4"/> </mask> <g mask="url(#mask0_228_9900)"> <g opacity="0.6" filter="url(#filter0_f_228_9900)"> <ellipse rx="186.225" ry="164.22" transform="matrix(-1 3.29385e-08 -3.78354e-08 1 387.806 19.0903)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9900)"> <ellipse rx="199.525" ry="190.655" transform="matrix(-0.798787 0.601614 -0.501244 -0.865306 254.942 -59.2833)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9900" x="-20.0415" y="-366.751" width="815.694" height="771.684" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="110.811" result="effect1_foregroundBlur_228_9900"/> </filter> <filter id="filter1_f_228_9900" x="-80.918" y="-413.321" width="671.721" height="708.075" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="75" result="effect1_foregroundBlur_228_9900"/> </filter> </defs> </svg> </div> <div class="flex h-full w-full md:gap-x-5 relative px-std max-w-[1440px] mx-auto"> <div class="flex-1 flex"> <div class="flex-1"> <div> <h3 class="text-lg md:text-lg_lg md:mb-7">Learn more</h3> <ul class="flex flex-col gap-y-2 font-normal"> <li> <a href="/about-us/our-story" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Our story"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Our story </span> </a> </li> <li> <a href="/about-us/press-releases" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Press and media"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Press and media </span> </a> </li> <li> <a href="/about-us/careers" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Careers"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Careers </span> </a> </li> <li> <a href="https://investors.imimobile.com/?_ga=2.53282664.1300160264.1643021306-1467879296.1630577117" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Investors"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Investors </span> </a> </li> </ul> </div> </div> <div class="flex-1"> <div> <h3 class="text-lg md:text-lg_lg md:mb-7"></h3> <ul class="flex flex-col gap-y-2 font-normal"> </ul> </div> </div> </div> <div class="flex flex-col flex-shrink gap-y-5 flex-1"> <a href="https://www.uctoday.com/unified-communications/cpaas/top-cpaas-providers-for-2023/" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Learn more"> <div class="md:px-7 md:py-7 rounded-lg md:rounded-30 border border-skin-grey-light hover:border-skin-grey flex gap-10 group justify-between cursor-pointer transition-colors duration-200"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2">Latest news</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal">Find out why UC Today recognise Webex CPaaS Solutions as one of the leading CPaaS providers of 2023.</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Learn more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full max-w-200"> <div class="aspect-h-1 aspect-w-1 w-full"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL290aGVyL3VjLXRvZGF5LWFydGljbGUtcHJvbW90aW9uLmpwZw==?fit=crop-80-60-1&w=200&h=200&s=feb792a54bd3dcc1236b12ca793869a4"> <img class="lazyload rounded-full w-full h-full object-cover" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/other/uc-today-article-promotion.jpg" alt=""> </picture> </div> </div> </div> </a> <a href="/blog/completion-of-imimobile-plcs-acquisition-by-cisco" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Learn more"> <div class="md:px-7 md:py-7 rounded-lg md:rounded-30 border border-skin-grey-light hover:border-skin-grey flex gap-10 group justify-between cursor-pointer transition-colors duration-200"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2">Completion of imi's acquisition by Cisco</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal">imimobile is now part of Cisco.</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Learn more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full max-w-200"> <div class="aspect-h-1 aspect-w-1 w-full"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL1Bob3RvZ3JhcGh5L1NvbHV0aW9ucy9NYXJrZXRpbmcvdHdvLXBlb3BsZS1ib2FyZC1sb29raW5nLmpwZw==?fit=crop-36-36-1&w=200&h=200&s=69b9f5615f2c23caa41c94c5652e6632"> <img class="lazyload rounded-full w-full h-full object-cover" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Solutions/Marketing/two-people-board-looking.jpg" alt=""> </picture> </div> </div> </div> </a> </div> </div> </div> </div> </li> <li><a href="/partners" class="md:py-9 md:px-3 block group"> <div class="group-hover:border-skin-bwg border-b border-skin-transparent text-skin-bwg group-hover:border-b transition-all duration-200"> Partners</div> </a> </li> <li><a href="/contact" class="md:py-9 md:px-3 block group"> <div class="group-hover:border-skin-bwg border-b text-skin-bwg border-skin-transparent group-hover:border-b transition-all duration-200"> Contact</div> </a> </li> </ul> <a href="/contact/book-a-demo" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Schedule a demo"> <span class="flex items-center rounded-full justify-center whitespace-nowrap border group duration-200 transition-colors font-medium text-[14px] md:text-[15px] leading-btn tracking-base bg-transparent border-skin-bww text-skin-bww hover:border-skin-bwb hover:bg-skin-bwb hover:text-skin-wbw fill-skin-bww hover:fill-skin-wbw py-5 px-[21px]"> Schedule a demo </span> </a> </div> </nav> <!-- Mobile Nav --> <nav class="items-center md:py-9 theme-light overflow-auto w-full bg-skin-wbg fixed top-0 z-50 flex-col md:hidden shadow" x-bind:class="mobileNavOpen ? 'flex h-full' : ''"> <div class="flex justify-between w-full z-10 py-6 px-std"> <a href="/" aria-label="imimobile" class="flex w-[200px] items-end"> <img src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/webex-wordmark-black.svg" alt="" class="mr-[8.04px] w-[71.23px] h-[17.39px]"> <img src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/cpaas-solutions-black.svg" alt="" class="w-[120.79px] h-[12.61px]"> </a> <button class="border-skin-bwg cursor-pointer" aria-label="navigation button" x-on:click="mobileNavOpen = !mobileNavOpen; animateBurger(mobileNavOpen)"> <svg width="20" height="20" viewBox="0 -5 20 20" id="burgericon" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="20" height="2" fill="#181818"/> <rect y="8" width="20" height="2" fill="#181818"/> </svg> </button> </div> <ul class="gap-x-5 md:mx-7 flex-1 font-medium justify-start w-full z-10 flex flex-col px-std" x-cloak x-show="mobileNavOpen"> <li class="text-h4 py-3 border-t flex flex-col justify-between items-center" x-data="{ open: false }" @click.outside="open = false"> <button class="cursor-pointer flex justify-between w-full items-center" x-on:click="open = !open"> Products <div x-bind:class="open ? 'hidden' : 'block'"> <svg class="w-5 h-5" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="9.9563" width="20" height="2" fill="#181818"/> <rect x="9" y="20.9563" width="20" height="2" transform="rotate(-90 9 20.9563)" fill="#181818"/> </svg> </div> <div x-bind:class="open ? 'block' : 'hidden'"> <svg class="w-5 h-5" width="20" height="3" viewBox="0 0 20 3" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.399902" width="20" height="2" fill="#181818"/> </svg> </div> </button> <div x-show="open" class="pt-10 border-skin-grey flex flex-col w-full"> <h5><a href="/products/cpaas-overview">CPaaS</a></h5> <p class="text-skin-grey text-sm mt-4">Create smarter customer interactions with Communications Platform as a Service (CPaaS).</p> </div> <div x-show="open" class="pt-10 pb-10 border-b border-skin-grey flex flex-col w-full"> <h5><a href="/products/webex-connect">Webex Connect</a></h5> <p class="text-skin-grey text-sm mt-4">Cloud communication platform to automate and orchestrate your customer interactions.</p> </div> <div x-show="open" class=" border-skin-grey flex flex-col w-full"> <a href="/products/webex-connect/flows" class="font-medium text-base mt-7">Flows</a> <a href="/products/webex-connect/nlp-and-ai" class="font-medium text-base mt-5">NLP & AI</a> <a href="/products/webex-connect/reporting-and-analytics" class="font-medium text-base mt-5">Reporting & Analytics</a> <a href="/products/webex-connect/integrations" class="font-medium text-base mt-5">Integrations</a> <a href="/products/webex-connect/contact-management" class="font-medium text-base mt-5">Contact Management</a> <a href="/products/webex-connect/apis-and-sdks" class="font-medium text-base mt-5">API and SDKs</a> <a href="/products/webex-connect/developer-hub" class="font-medium text-base mt-5">Developer Hub</a> </div> <div x-show="open" class="pt-10 border-skin-grey flex flex-col w-full"> <h5><a href="/products/webex-campaign">Webex Campaign</a></h5> <p class="text-skin-grey text-sm mt-4">Manage and automate your marketing campaigns.</p> </div> <div x-show="open" class="pt-10 border-skin-grey flex flex-col w-full"> <h5><a href="/products/webex-engage">Webex Engage</a></h5> <p class="text-skin-grey text-sm mt-4">Empower your contact center to support customer conversations on any channel.</p> </div> <div x-show="open" class="pt-10 border-skin-grey flex flex-col w-full"> <h5><a href="/products/webex-notify">Webex Notify</a></h5> <p class="text-skin-grey text-sm mt-4">Help operations staff keep your customers informed.</p> </div> <div x-show="open" class="pt-10 border-skin-grey flex flex-col w-full"> <h5><a href="/business-messaging">Business messaging</a></h5> <p class="text-skin-grey text-sm mt-4">From SMS to the next generation of digital messaging channels, start delivering richer experiences on the channel closest to customers.</p> </div> <div x-show="open" class=" border-skin-grey flex flex-col w-full"> <a href="/business-messaging/apple-messages-for-business" class="font-medium text-base mt-7">Apple Messages for Business</a> <a href="/business-messaging/branded-text" class="font-medium text-base mt-5">Branded Text</a> <a href="/business-messaging/instagram" class="font-medium text-base mt-5">Instagram</a> <a href="/business-messaging/mms" class="font-medium text-base mt-5">MMS</a> <a href="/business-messaging/rcs-business-messaging" class="font-medium text-base mt-5">RCS Business Messaging</a> <a href="/business-messaging/sms" class="font-medium text-base mt-5">SMS</a> <a href="/business-messaging/web-rtc" class="font-medium text-base mt-5">Web RTC</a> <a href="/business-messaging/whatsapp-business-api" class="font-medium text-base mt-5">WhatsApp Business API</a> </div> </li> <li class="text-h4 py-3 border-t flex flex-col justify-between items-center" x-data="{ open: false }" @click.outside="open = false"> <button class="cursor-pointer flex justify-between w-full items-center" x-on:click="open = !open"> Solutions <div x-bind:class="open ? 'hidden' : 'block'"> <svg class="w-5 h-5" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="9.9563" width="20" height="2" fill="#181818"/> <rect x="9" y="20.9563" width="20" height="2" transform="rotate(-90 9 20.9563)" fill="#181818"/> </svg> </div> <div x-bind:class="open ? 'block' : 'hidden'"> <svg class="w-5 h-5" width="20" height="3" viewBox="0 0 20 3" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.399902" width="20" height="2" fill="#181818"/> </svg> </div> </button> <div x-show="open" class="py-10 border-b border-skin-grey flex flex-col w-full"> <h5>Industries</h5> <a href="/solutions/automotive" class="font-medium text-base mt-5">Automotive</a> <a href="/solutions/banking" class="font-medium text-base mt-5">Banking</a> <a href="/solutions/gaming" class="font-medium text-base mt-5">Gaming</a> <a href="/solutions/government-and-public-sector" class="font-medium text-base mt-5">Government & public sector</a> <a href="/solutions/healthcare" class="font-medium text-base mt-5">Healthcare</a> <a href="/solutions/insurance" class="font-medium text-base mt-5">Insurance</a> <a href="/solutions/logistics" class="font-medium text-base mt-5">Logistics</a> <a href="/solutions/media-and-broadcasters" class="font-medium text-base mt-5">Media & broadcasters</a> <a href="/solutions/recruitment" class="font-medium text-base mt-5">Recruitment</a> <a href="/solutions/retail" class="font-medium text-base mt-5">Retail</a> <a href="/solutions/telecommunications" class="font-medium text-base mt-5">Telecommunications</a> <a href="/solutions/travel" class="font-medium text-base mt-5">Travel</a> <a href="/solutions/utilities" class="font-medium text-base mt-5">Utilities</a> </div> <div x-show="open" class="py-10 border-b border-skin-grey flex flex-col w-full"> <h5>Teams</h5> <a href="/solutions/customer-service" class="font-medium text-base mt-5">Customer Service</a> <a href="/solutions/employee-communications" class="font-medium text-base mt-5">Employee communications</a> <a href="/solutions/it-and-operations" class="font-medium text-base mt-5">IT & operations</a> <a href="/solutions/marketing" class="font-medium text-base mt-5">Marketing</a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-b border-skin-grey"> <a href="/solutions/retail" class="font-medium text-base flex w-full items-center"> <img data-src="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvU29sdXRpb25zL1JldGFpbC93b21hbi1zaG9wLWlwYWQud2VicA==?fit=crop-62-48-1&w=80&h=80&s=24e0c48feb7cbbaa8a969e98664eeb1a" alt="" class="lazyload w-20 h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>Every interaction makes customers smile</h5> <p class="text-xs text-skin-grey mt-2">Redefine the purchase journey with intelligent automation and contextual promotions.</p> </div> </a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-skin-grey"> <a href="/lp/authorised-push-payment-fraud" class="font-medium text-base flex w-full items-center"> <img data-src="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvUmVzb3VyY2VzL0Jsb2cvaG93LXRvLXByZXZlbnQtYW5kLXJlZHVjZS1hdXRob3JpemVkLndlYnA=?fit=crop&w=80&h=80&s=739870764de7c9f77fa6cc49169bd3a3" alt="" class="lazyload w-20 h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>Authorized Push Payment (APP) fraud solutions</h5> <p class="text-xs text-skin-grey mt-2">We analyze security risks and harness verified communications to help banks combat Authorized Push Payment (APP) fraud.</p> </div> </a> </div> </li> <li class="text-h4 py-3 border-t flex flex-col justify-between items-center" x-data="{ open: false }" @click.outside="open = false"> <button class="cursor-pointer flex justify-between w-full items-center" x-on:click="open = !open"> Resources <div x-bind:class="open ? 'hidden' : 'block'"> <svg class="w-5 h-5" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="9.9563" width="20" height="2" fill="#181818"/> <rect x="9" y="20.9563" width="20" height="2" transform="rotate(-90 9 20.9563)" fill="#181818"/> </svg> </div> <div x-bind:class="open ? 'block' : 'hidden'"> <svg class="w-5 h-5" width="20" height="3" viewBox="0 0 20 3" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.399902" width="20" height="2" fill="#181818"/> </svg> </div> </button> <div x-show="open" class="py-10 border-b border-skin-grey flex flex-col w-full"> <h5>Select a resource</h5> <a href="/resources/learning" class="font-medium text-base mt-5">Learning</a> <a href="/resources/customer-stories" class="font-medium text-base mt-5">Customer stories</a> <a href="/blog" class="font-medium text-base mt-5">Blog</a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-b border-skin-grey"> <a href="/blog/rcs-ios-18" class="font-medium text-base flex w-full items-center"> <img data-src="/img/asset/YXNzZXRzL1Bob3RvZ3JhcGh5L1Jlc291cmNlcy9CbG9nL2FwcGxlLXJjcy1pb3MxOC1yZWxlYXNlLmpwZw==?fit=crop&w=80&h=80&s=67b196a42a39e255449440359a52cd92" alt="" class="lazyload w-20 h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>Apple now supports RCS in iOS 18 release</h5> <p class="text-xs text-skin-grey mt-2">RCS is now on iPhone - here’s what you need to know, and why you should expand your business messaging.</p> </div> </a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-b border-skin-grey"> <a href="https://cpaas.webex.com/resources/report/gartner-magic-quadrant-cpaas-2024" class="font-medium text-base flex w-full items-center"> <img data-src="/img/asset/YXNzZXRzL3dlYnAvUmVuZGVycy9SZXNvdXJjZXMvcmVwb3J0LWdhcnRuZXItbXEtMjAyNC10YWJsZXQud2VicA==?fit=crop-41-40-1.3&w=80&h=80&s=ee32f5bef45b3831585121cd0e9e242b" alt="" class="lazyload w-20 h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>2024 Gartner® Magic Quadrant™</h5> <p class="text-xs text-skin-grey mt-2">Discover why we are recognized as a Visionary in the 2024 Gartner Magic Quadrant for CPaaS.</p> </div> </a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-skin-grey"> <a href="https://cpaas.webex.com/resources/whitepaper/building-a-business-case-for-cpaas" class="font-medium text-base flex w-full items-center"> <img data-src="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvU29sdXRpb25zL01hcmtldGluZy90d28tcGVvcGxlLWJvYXJkLWxvb2tpbmcud2VicA==?fit=crop-43-43-1&w=80&h=80&s=156f0bc83ec5e23c9886ab24b267c2e5" alt="" class="lazyload w-20 h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>Building a business case for CPaaS</h5> <p class="text-xs text-skin-grey mt-2">The global CPaaS market will grow by 62 billion dollars by 2029 - have you started building your business case for it?</p> </div> </a> </div> </li> <li class="text-h4 py-3 border-t flex flex-col justify-between items-center" x-data="{ open: false }" @click.outside="open = false"> <button class="cursor-pointer flex justify-between w-full items-center" x-on:click="open = !open"> About us <div x-bind:class="open ? 'hidden' : 'block'"> <svg class="w-5 h-5" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="9.9563" width="20" height="2" fill="#181818"/> <rect x="9" y="20.9563" width="20" height="2" transform="rotate(-90 9 20.9563)" fill="#181818"/> </svg> </div> <div x-bind:class="open ? 'block' : 'hidden'"> <svg class="w-5 h-5" width="20" height="3" viewBox="0 0 20 3" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.399902" width="20" height="2" fill="#181818"/> </svg> </div> </button> <div x-show="open" class="py-10 border-b border-skin-grey flex flex-col w-full"> <h5>Learn more</h5> <a href="/about-us/our-story" class="font-medium text-base mt-5">Our story</a> <a href="/about-us/press-releases" class="font-medium text-base mt-5">Press and media</a> <a href="/about-us/careers" class="font-medium text-base mt-5">Careers</a> <a href="https://investors.imimobile.com/?_ga=2.53282664.1300160264.1643021306-1467879296.1630577117" class="font-medium text-base mt-5">Investors</a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-b border-skin-grey"> <a href="https://www.uctoday.com/unified-communications/cpaas/top-cpaas-providers-for-2023/" class="font-medium text-base flex w-full items-center"> <img data-src="/img/asset/YXNzZXRzL290aGVyL3VjLXRvZGF5LWFydGljbGUtcHJvbW90aW9uLmpwZw==?fit=crop-80-60-1&w=80&h=80&s=9c34bb38b8b0e642a5adc54bd13e6f72" alt="" class="lazyload w-20 h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>Latest news</h5> <p class="text-xs text-skin-grey mt-2">Find out why UC Today recognise Webex CPaaS Solutions as one of the leading CPaaS providers of 2023.</p> </div> </a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-skin-grey"> <a href="/blog/completion-of-imimobile-plcs-acquisition-by-cisco" class="font-medium text-base flex w-full items-center"> <img data-src="/img/asset/YXNzZXRzL1Bob3RvZ3JhcGh5L1NvbHV0aW9ucy9NYXJrZXRpbmcvdHdvLXBlb3BsZS1ib2FyZC1sb29raW5nLmpwZw==?fit=crop-36-36-1&w=80&h=80&s=91ae4ca8ca587b2392ae044f40ce2f61" alt="" class="lazyload w-20 h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>Completion of imi's acquisition by Cisco</h5> <p class="text-xs text-skin-grey mt-2">imimobile is now part of Cisco.</p> </div> </a> </div> </li> <li class="text-h4 py-3 border-t font-normal"><a class="block" href="/partners">Partners</a></li> <li class="text-h4 py-3 border-t border-b font-normal"><a class="block" href="/contact">Contact</a></li> <li class="py-6"> <a href="/contact/book-a-demo" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Schedule a demo"> <span class="flex items-center rounded-full justify-center whitespace-nowrap border group duration-200 transition-colors font-medium text-[14px] md:text-[15px] leading-btn tracking-base bg-transparent border-skin-bww text-skin-bww hover:border-skin-bwb hover:bg-skin-bwb hover:text-skin-wbw fill-skin-bww hover:fill-skin-wbw py-5 px-[21px]"> Schedule a demo </span> </a> </li> </ul> </nav> <script> window.addEventListener('DOMContentLoaded', function() { burgerTlm = new gsap.timeline({ paused: true, reversed: false }); burgerTlm.to('#burgericon > rect:last-child', { rotate: -45, transformOrigin: 'center center', y: -4, duration: 0.1, ease: 'linear' }).to('#burgericon > rect:first-child', { rotate: 45, transformOrigin: 'center center', y: 4, duration: 0.1, ease: 'linear' }, 0); var prevScrollpos = window.pageYOffset; var goingDown = true; var scrollDifference = 0; window.onscroll = function() { var currentScrollPos = window.pageYOffset; if (prevScrollpos > currentScrollPos && goingDown) { goingDown = false; scrollDifference = 0; } if (prevScrollpos < currentScrollPos && !goingDown) { goingDown = true; scrollDifference = 0; } scrollDifference += Math.abs(prevScrollpos - currentScrollPos) if (prevScrollpos > currentScrollPos && scrollDifference > 70) { document.getElementsByTagName("nav")[0].style.top = "0"; } else if (scrollDifference > 70) { document.getElementsByTagName("nav")[0].style.top = "-150px"; } prevScrollpos = currentScrollPos; } }); function animateBurger(open) { if (open) { burgerTlm.play(); } else { burgerTlm.reverse(); } } </script> <main> <div class="md:pt-[52px]"></div> <div class="md:pt-[97px]"></div> <section class="bg-skin-wbg theme-dark relative" data-id="banner" id="" style="scroll-margin-top: 6rem"> <div class="max-w-[1440px] mx-auto py-10 md:py-16 lg:py-20 px-std flex relative justify-between flex-col md:flex-row"> <div class="flex-1 flex justify-center items-start lg:max-w-[41%] order-1 md:order-3 mb-10 md:mb-0 relative"> <div class="w-[535px] aspect-[1/1] max-w-full"> <picture> <source type="image/webp" data-srcset="/img/http/aHR0cHM6Ly93ZWJleC1pbWltb2JpbGUubnljMy5jZG4uZGlnaXRhbG9jZWFuc3BhY2VzLmNvbS93ZWJwL1Bob3RvZ3JhcGh5L0dlbmVyaWMvZmFtaWx5LWxpdmluZy1yb29tLW1hbi1sYXB0b3Aud2VicA==?fit=crop&w=535&h=535&s=e385ce1ef856b5af26ade7bff387a491"> <img id="assets::webp/Photography/Generic/family-living-room-man-laptop.webp" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Generic/family-living-room-man-laptop.jpg" class="lazyload w-full lg:rounded-30 md:rounded-20 rounded-[16px] object-cover" alt=""> </picture> </div> </div> <div class="flex flex-1 flex-col order-2 relative md:pr-12 max-w-800 md:min-w-500"> <span class="font-normal text-skin-bwg text-h5">Government & public sector</span> <h1 class="pb-5 text-skin-bwg">Every interaction engages the community.</h1> <div class="text-lg md:max-w-10/12 max-w-11/12 prose-top-block "> <p>Improve efficiency and reduce costs with two-way communications across digital channels.</p> </div> <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="Talk to an expert"> <span class="flex items-center rounded-full justify-center whitespace-nowrap border group duration-200 transition-colors font-medium text-[14px] md:text-[15px] leading-btn tracking-base border border-skin-ggg hover:border-skin-bwg bg-skin-ggw text-skin-wwb hover:bg-skin-bwb hover:text-skin-wbw fill-skin-wwb hover:fill-skin-wbw lg:py-5 py-[18px] px-[21px]"> Talk to an expert <svg width="14" height="14" viewBox="0 0 14 14" class="inline ml-1"> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> <a href="/products/webex-connect" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Discover our CPaaS platform"> <span class="flex items-center rounded-full justify-center whitespace-nowrap border group duration-200 transition-colors font-medium text-[14px] md:text-[15px] leading-btn tracking-base 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 our CPaaS platform <svg width="14" height="14" viewBox="0 0 14 14" class="inline ml-1"> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </span> </div> </div> </section> <section class="relative theme-light bg-skin-wbg" data-id="list" id="" style="scroll-margin-top: 6rem"> <div class="mx-auto max-w-[1440px] py-10 md:py-16 lg:py-20 px-std flex justify-between flex-col "> <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 ">Popular solutions.</h2> </div> </div> <div class="flex justify-end"> <ul class="flex flex-wrap gap-x-5 justify-end md:max-w-10/12"> <li class="w-full md:max-w-45 border-t border-skin-grey-light"> <h3 class="text-h5 font-normal py-5 md:max-w-10/12 text-skin-bwg">Interactive voice and digital channels</h3> </li> <li class="w-full md:max-w-45 border-t border-skin-grey-light"> <h3 class="text-h5 font-normal py-5 md:max-w-10/12 text-skin-bwg">IVR call deflection</h3> </li> <li class="w-full md:max-w-45 border-t border-skin-grey-light"> <h3 class="text-h5 font-normal py-5 md:max-w-10/12 text-skin-bwg">Proactive communications</h3> </li> <li class="w-full md:max-w-45 border-t border-skin-grey-light"> <h3 class="text-h5 font-normal py-5 md:max-w-10/12 text-skin-bwg">Intelligent automation</h3> </li> <li class="w-full md:max-w-45 border-t border-skin-grey-light md:border-b "> <h3 class="text-h5 font-normal py-5 md:max-w-10/12 text-skin-bwg">Remote working for contact centers</h3> </li> <li class="w-full md:max-w-45 border-t border-skin-grey-light border-b"> <h3 class="text-h5 font-normal py-5 md:max-w-10/12 text-skin-bwg">System integrated customer journeys</h3> </li> </ul> </div> </div> </div> </section> <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 ">Who we work with.</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/department-of-education.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/students-loan-company.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/british-council.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/department-of-education.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/students-loan-company.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/british-council.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/kirklees-council.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/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/st-helens-council.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/kirklees-council.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/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/st-helens-council.svg" alt=""> </div> </div> </div> </div> </div> </section> <script> document.addEventListener('alpine:init', () => { Alpine.data('logos', () => ({ logosOneCount: '3', logosTwoCount: '3', 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="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 ">Transform how you interact and deliver services to people.</h2> </div> </div> <div class="flex flex-col relative"> <div class="flex w-full justify-center md:mb-20 mb-10 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/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvR2VuZXJpYy9tYW4tb3V0c2lkZS1sb29raW5nLXBob25lLXRoZXJtb3MtY3VwLndlYnA=?fit=crop-58-58-1&w=646&h=646&s=fbc642b3482237c4dd2ba54f174f7082"> <img id="iMsvujt8" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Generic/man-outside-looking-phone-thermos-cup.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 "> <div class=" lg:pr-[131px] md:pr-[100px] "> <h3 class="text-h4 font-normal mb-3 md:mb-10">Better connections using digital channels</h3> <div class="prose-page md:max-w-500"> <h3>Interactive experiences</h3><p>Engage with people on the channels they use every day across voice and digital channels such as SMS, <a href="/business-messaging/apple-messages-for-business">Apple Messages for Business</a>, and more.</p><h3>Proactive communication</h3><p>Proactively send emergency communications, payment reminders, status updates, and more to improve efficiency and reduce costs.</p> </div> </div> </div> </div> <div class="flex w-full justify-center md:mb-20 mb-10 flex-wrap md:flex-nowrap gap-x-10 md:gap-0"> <div class="flex flex-1 min-w-300 mb-8 md:mb-0 w-full justify-center gap-4 md:gap-5 md:order-1"> <div class="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/YXNzZXRzL1Bob3RvZ3JhcGh5L0dlbmVyaWMvd29tYW4tb3V0c2lkZS1waG9uZS1zbWlsaW5nLmpwZw==?fit=crop&w=646&h=646&s=01c0e824532500b2002cfe200e42a789"> <img id="E55dgi4B" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Generic/woman-outside-phone-smiling.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 "> <div class=" lg:pl-[131px] md:pl-[100px] "> <h3 class="text-h4 font-normal mb-3 md:mb-10">Support any citizen with ease</h3> <div class="prose-page md:max-w-500"> <h3>Offer video assistance</h3><p>Provide one-to-one help with real-time video assistance for requirements such as housing repairs. Reduce technician call-out costs and solve issues virtually.</p><h3>Remote contact centers</h3><p>Empower contact center agents to work remotely using cloud applications. Continue to monitor calls and workload using centralized admin dashboards and reporting.</p> </div> </div> </div> </div> <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/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvR2VuZXJpYy93b21hbi12aWRlby1jYWxsLW9mZmljZS13ZWJleC1waG9uZS53ZWJw?fit=crop-26-40-1&w=646&h=646&s=74c530b211a0eb765e1cffaef2f15835"> <img id="tzF6tnuy" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Generic/woman-video-call-office-webex-phone.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 "> <div class=" lg:pr-[131px] md:pr-[100px] "> <h3 class="text-h4 font-normal mb-3 md:mb-10">Create more efficient service teams</h3> <div class="prose-page md:max-w-500"> <h3>Empower people with self-service</h3><p>Allow citizens to find solutions in a self-serve mode to reduce call volumes. Deploy AI-driven chatbots, FAQ portals, and live chat to handle routine enquiries.</p><h3>Deflect to messaging channels</h3><p>Create an efficient customer service process with IVR call deflection. Deflect inbound calls to digital messaging channels and enable agents to handle complex enquiries.</p><h3>Equip agents with the right tools</h3><p>Manage interactions across multiple channels. Have all customer data and history in one place to manage enquiries, improving first contact resolution and customer satisfaction.</p> </div> </div> </div> </div> </div> </div> </section> <section class="relative theme-light bg-skin-wbg text-skin-bwg" data-id="resource-link" id="" style="scroll-margin-top: 6rem"> <div class="max-w-[1440px] mx-auto px-std py-10 md:py-16 lg:py-20 "> <div class="flex flex-col md:flex-row relative justify-between gap-x-10"> <div class="flex flex-col flex-1"> <div class="md:max-w-600"> <span class="md:mb-5 mb-3 text-skin-grey">EGUIDE</span> <h2 class="md:pb-5 pb-3 md:text-h3 text-h2 text-fountain-blue-to-purple-heart"> IT buyer’s guide for CPaaS.</h2> <p class="md:text-base_lg text-base text-skin-grey">CPaaS is one of the most exciting opportunities in the cloud communications space. A growing number of enterprises are using APIs, SDKs, and low-code tools within CPaaS solutions to design communications-enabled applications that enhance digital competitiveness. Discover the key features and functionality that you need to look for in an Enterprise CPaaS solution.</p> <div class="md:pt-10 pt-8 flex gap-x-3 flex-wrap gap-y-3 pb-14 md:pb-0"> <a href="/resources/eguide/it-buyers-guide-for-cpaas" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Discover more"> <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:p-[13px] lg:pl-[21px] md:p-[11px] md:px-[21px] p-[11px]"> Discover more <svg class="inline ml-[10px]" width="28" height="28" 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="duration-200 transition-colors fill-skin-wwg group-hover:fill-skin-ggg" /> <path d="M38.5 39.4995L16.5 39.4995L16.5 41.4995L38.5 41.4995V39.4995Z" class="duration-200 transition-colors fill-skin-bbw group-hover:fill-skin-www" /> <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="duration-200 transition-colors fill-skin-bbw group-hover:fill-skin-www" /> </svg> </span> </a> </div> </div> </div> <picture> <source type="image/webp" data-srcset="/img/http/aHR0cHM6Ly93ZWJleC1pbWltb2JpbGUubnljMy5jZG4uZGlnaXRhbG9jZWFuc3BhY2VzLmNvbS93ZWJwL1Bob3RvZ3JhcGh5L1Jlc291cmNlcy9MZWFybmluZy9ndWlkZS1lbnRlcnByaXNlLWNwYWFzLWJ1eWVycy53ZWJw?fit=crop&w=535&h=535&s=846529d9945c8435a4e830ebd81803a1"> <img class="lazyload w-full lg:h-[535px] lg:w-[535px] md:w-[460px] md:h-[460px] h-full object-cover hidden md:block rounded-full" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Resources/Learning/guide-enterprise-cpaas-buyers.jpg" alt=""> </picture> </div> </div> </div> </section> <section class="theme-dark bg-skin-wbg relative" data-id="box-call-outs" id="" style="scroll-margin-top: 6rem"> <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-bww ">Why Webex CPaaS Solutions?</h2> </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"> <svg class="w-16 h-16 lg:mb-10 md:mb-7 mb-5" fill="url(#scarlet-to-purple-heart)" 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">Agile</h3> </div> <div class="flex flex-col justify-between"> <p class="text-skin-grey pr-2-vw font-light text-base">Respond to disruptions or changes in regulations with ease. Modify and iterate communication journeys at pace.</p> </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(#scarlet-to-purple-heart)" 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">Secure</h3> </div> <div class="flex flex-col justify-between"> <p class="text-skin-grey pr-2-vw font-light text-base">We safeguard citizen data and information based on the latest security frameworks trusted by the world's leading blue-chip organizations.</p> </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(#scarlet-to-purple-heart)" width="128" height="128" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"> <path d="M115.95 80.6699C113.91 75.7399 110.45 71.5199 106.01 68.5499C101.57 65.5799 96.35 63.9999 91.01 63.9999C90.68 63.9999 90.34 64.0199 90.01 64.0299V47.9999C90.01 45.3499 88.95 42.8099 87.08 40.9299C85.21 39.0499 82.66 37.9999 80.01 37.9999H48.01C45.36 37.9999 42.82 39.0599 40.94 40.9299C39.06 42.7999 38.01 45.3499 38.01 47.9999V53.9999H14L37 13.9999L46.77 30.9999C47.03 31.4599 47.47 31.7899 47.98 31.9299C48.49 32.0699 49.04 31.9999 49.5 31.7299C49.96 31.4699 50.29 31.0299 50.43 30.5199C50.57 30.0099 50.5 29.4599 50.24 28.9999L40.47 11.9999C40.12 11.3899 39.62 10.8799 39.01 10.5299C38.4 10.1799 37.71 9.98989 37 9.99989C36.3 9.99989 35.6 10.1799 34.99 10.5299C34.38 10.8799 33.88 11.3899 33.53 11.9999L10.53 52.0099C10.18 52.6199 10 53.3099 10 54.0099C10 54.7099 10.19 55.3999 10.54 56.0099C10.89 56.6199 11.4 57.1199 12 57.4699C12.61 57.8199 13.3 57.9999 14 57.9999H38V79.9999C38 82.6499 39.06 85.1899 40.93 87.0699C42.8 88.9499 45.35 89.9999 48 89.9999H64.03C64.02 90.3299 64 90.6699 64 90.9999C64 96.3399 65.58 101.56 68.55 106C71.52 110.44 75.73 113.9 80.67 115.95C85.6 117.99 91.03 118.53 96.27 117.49C101.51 116.45 106.32 113.88 110.09 110.1C113.86 106.32 116.44 101.51 117.48 96.2799C118.52 91.0399 117.99 85.6099 115.94 80.6799L115.95 80.6699ZM42 47.9999C42 46.4099 42.63 44.8799 43.76 43.7599C44.88 42.6399 46.41 41.9999 48 41.9999H53.1L60 53.9999H42V47.9999ZM48 85.9999C46.41 85.9999 44.88 85.3699 43.76 84.2399C42.64 83.1099 42 81.5899 42 79.9999V57.9999H60C60.7 57.9999 61.39 57.8199 62 57.4699C62.61 57.1199 63.11 56.6199 63.46 56.0099C63.81 55.3999 64 54.7099 64 54.0099C64 53.3099 63.82 52.6199 63.47 52.0099L57.72 41.9999H80.01C81.6 41.9999 83.13 42.6299 84.25 43.7599C85.37 44.8799 86.01 46.4099 86.01 47.9999V64.4799C82.29 65.1699 78.76 66.6399 75.65 68.7899C72.54 70.9399 69.92 73.7299 67.96 76.9599C67.68 77.4099 67.6 77.9599 67.72 78.4699C67.84 78.9899 68.17 79.4299 68.62 79.7099C69.07 79.9899 69.62 80.0699 70.13 79.9499C70.65 79.8299 71.09 79.4999 71.37 79.0499C72.97 76.3999 75.1 74.0999 77.61 72.2999C80.13 70.4999 82.98 69.2199 86.01 68.5599V80.0099C86.01 81.5999 85.38 83.1299 84.25 84.2499C83.13 85.3699 81.6 86.0099 80.01 86.0099H48.01L48 85.9999ZM107.26 107.26C102.95 111.57 97.1 114 91 114C84.9 114 79.06 111.57 74.74 107.26C70.43 102.95 68 97.0999 68 90.9999C68 90.6699 68 90.3399 68.02 89.9999H80C82.65 89.9999 85.19 88.9399 87.07 87.0699C88.94 85.1999 90 82.6499 90 79.9999V68.0199C90.34 67.9999 90.67 67.9999 91 67.9999C97.1 67.9999 102.95 70.4199 107.26 74.7399C111.57 79.0499 114 84.8999 114 90.9999C114 97.0999 111.58 102.95 107.26 107.26Z" /> </svg> <h3 class="text-skin-bwg pb-5 text-h5 font-normal">Integrated</h3> </div> <div class="flex flex-col justify-between"> <p class="text-skin-grey pr-2-vw font-light text-base">Centralize citizen communications. Integrate with existing systems to eliminate functional silos and create seamless experiences.</p> </div> </div> </div> </div> </section> <section class="relative theme-light bg-skin-wbg text-skin-bwg" data-id="resource-link" id="" style="scroll-margin-top: 6rem"> <div class="max-w-[1440px] mx-auto px-std py-10 md:py-16 lg:py-20 "> <div class="flex flex-col md:flex-row relative justify-between gap-x-10"> <div class="flex flex-col flex-1"> <div class="md:max-w-600"> <span class="md:mb-5 mb-3 text-skin-grey">BLOG</span> <h2 class="md:pb-5 pb-3 md:text-h3 text-h2 text-skin-bwg"> How to support home working in three days.</h2> <p class="md:text-base_lg text-base text-skin-grey">Empower contact center agents to work remotely but maintain productivity levels. Find out how you could enable a functional remote working contact center in just three days.</p> <div class="md:pt-10 pt-8 flex gap-x-3 flex-wrap gap-y-3 pb-14 md:pb-0"> <a href="/blog/how-to-set-up-a-contact-center-to-support-home-working-in-3-days" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Read more"> <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]"> Read more <svg width="14" height="14" viewBox="0 0 14 14" class="inline ml-1"> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> </div> <picture> <source type="image/webp" data-srcset="/img/http/aHR0cHM6Ly93ZWJleC1pbWltb2JpbGUubnljMy5jZG4uZGlnaXRhbG9jZWFuc3BhY2VzLmNvbS93ZWJwL1Bob3RvZ3JhcGh5L1Jlc291cmNlcy9CbG9nL2hvdy10by1zZXQtdXAtY29udGFjdC1jZW50ZXIud2VicA==?fit=crop&w=535&h=535&s=decf9feb01141eb6a2153bce81b30471"> <img class="lazyload w-full lg:h-[535px] lg:w-[535px] md:w-[460px] md:h-[460px] h-full object-cover hidden md:block rounded-full" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Resources/Blog/how-to-set-up-contact-center.jpg" alt=""> </picture> </div> </div> </div> </section> <section class="relative theme-light bg-skin-wbg" data-id="testimonial" id="" style="scroll-margin-top: 6rem"> <svg class="absolute w-1/2 pointer-events-none corner-gradient-tl" viewBox="0 0 629 324" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_10523_56085)"> <g opacity="0.5"> <g filter="url(#filter0_f_10523_56085)"> <ellipse cx="150" cy="100" rx="150" ry="100" transform="matrix(0.866025 -0.5 -0.5 -0.866026 544 497.205)" fill="#04BAE9" /> </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="#04BAE9" /> </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="mx-auto max-w-[1440px] flex flex-col items-center md:py-16 lg:py-20 py-10 relative px-std"> <div class="relative flex flex-col lg:flex-row lg:gap-[131px]"> <div class="flex flex-col gap-5"> <div class="flex gap-[10px] md:gap-4"> <div class="text-h5 text-skin-bwg">“</div> <div class="text-h5 text-skin-bwg md:max-w-800 relative">imimobile’s contact center software has enabled a seamless transition to remote working overnight and has removed the need for fixed, office-based agents. ”</div> </div> <div class="ml-4 md:ml-[27px] text-skin-grey md:text-sm_lg text-sm self-start">Yvonne Steele, Team Manager of Income, Rent To Buy & Leasehold Services, Dudley Council</div> </div> </div> </div> </section> <section class="relative theme-light bg-skin-wbg" data-id="related-content" 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="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 ">Want to learn more?</h2> </div> </div> <div class="relative"> <div class="block whitespace-nowrap overflow-x-scroll md:max-w-none md:overflow-x-auto md:flex md:pr-0 pr-24 md:pb-10 relative" x-data> <div class="inline-block md:flex-1 whitespace-normal max-h-600 group w-72 relative last:mr-0 mr-5 cursor-pointer"> <a href="/blog/reducing-call-volumes-using-call-deflection-automation-and-ai" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block md:w-full" x-ref="" aria-label=""> <div class="aspect-w-16 aspect-h-16"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvUmVzb3VyY2VzL0Jsb2cvcmVkdWNpbmctY2FsbC12b2x1bWVzLndlYnA=?fit=crop-57-36-1&w=600&h=600&s=6612d46507d74e457d1888f38bd632a6"> <img id="NgKJnsqW" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Resources/Blog/reducing-call-volumes.jpg" class="lazyload w-full lg:rounded-30 md:rounded-20 rounded-[16px] object-cover" alt=""> </picture> </div> <div class="flex md:mt-10 justify-between mt-5"> <div class="w-full"> <h3 class="text-h5 font-normal text-skin-bwb">Blog</h3> <p class="text-skin-grey whitespace-normal transition-colors duration-200 group-hover:text-skin-bwb text-base md:max-w-11/12 mt-5 mb-10 md:mt-5 md:mb-0"> Reduce call volumes using call deflection, automation, and AI</p> </div> <div class="md:w-1/5 flex justify-center"> <svg class="inline group " width="64" height="64" 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> </div> </a> </div> <div class="inline-block md:flex-1 whitespace-normal max-h-600 group w-72 relative last:mr-0 mr-5 cursor-pointer"> <a href="/resources/eguide/conversational-messaging" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block md:w-full" x-ref="" aria-label=""> <div class="aspect-w-16 aspect-h-16"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvUmVzb3VyY2VzL0xlYXJuaW5nL2d1aWRlLWNvbnZlcnNhdGlvbmFsLW1lc3NhZ2luZy53ZWJw?fit=crop&w=600&h=600&s=e70b53be49f35c0f92f7a8be8f9696d8"> <img id="x41yhYda" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Resources/Learning/guide-conversational-messaging.jpg" class="lazyload w-full lg:rounded-30 md:rounded-20 rounded-[16px] object-cover" alt=""> </picture> </div> <div class="flex md:mt-10 justify-between mt-5"> <div class="w-full"> <h3 class="text-h5 font-normal text-skin-bwb">Download</h3> <p class="text-skin-grey whitespace-normal transition-colors duration-200 group-hover:text-skin-bwb text-base md:max-w-11/12 mt-5 mb-10 md:mt-5 md:mb-0"> Conversational Messaging eGuide</p> </div> <div class="md:w-1/5 flex justify-center"> <svg class="inline group " width="64" height="64" 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> </div> </a> </div> <div class="inline-block md:flex-1 whitespace-normal max-h-600 group w-72 relative last:mr-0 mr-5 cursor-pointer"> <a href="/resources/whitepaper/effective-call-deflection-tactics-2020" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block md:w-full" x-ref="" aria-label=""> <div class="aspect-w-16 aspect-h-16"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvUmVzb3VyY2VzL0xlYXJuaW5nL3doaXRlcGFwZXItY2FsbC1kZWZsZWN0aW9uLXRhY3RpY3Mud2VicA==?fit=crop&w=600&h=600&s=8cb28c06f288bb54f1aa264027703139"> <img id="iWrY15Mw" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Resources/Learning/whitepaper-call-deflection-tactics.jpg" class="lazyload w-full lg:rounded-30 md:rounded-20 rounded-[16px] object-cover" alt=""> </picture> </div> <div class="flex md:mt-10 justify-between mt-5"> <div class="w-full"> <h3 class="text-h5 font-normal text-skin-bwb">Download</h3> <p class="text-skin-grey whitespace-normal transition-colors duration-200 group-hover:text-skin-bwb text-base md:max-w-11/12 mt-5 mb-10 md:mt-5 md:mb-0"> Call deflection: tactics for success</p> </div> <div class="md:w-1/5 flex justify-center"> <svg class="inline group " width="64" height="64" 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> </div> </a> </div> </div> <span style="background:linear-gradient(-90deg, var(--wbg) , transparent)" class="absolute md:hidden pointer-events-none h-full md:w-48 top-0 right-0 pr-24"></span> </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">Start engaging with citizens at scale.</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="/products/webex-connect" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Discover our CPaaS platform"> <span class="flex items-center rounded-full justify-center whitespace-nowrap border group duration-200 transition-colors font-medium text-[14px] md:text-[15px] leading-btn tracking-base border border-skin-ggg hover:border-skin-bwg bg-skin-ggw text-skin-wwb hover:bg-skin-bwb hover:text-skin-wbw fill-skin-wwb hover:fill-skin-wbw lg:py-5 py-[18px] px-[21px]"> Discover our CPaaS platform <svg width="14" height="14" viewBox="0 0 14 14" class="inline ml-1"> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> <a href="/contact/book-a-demo" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Book a demo"> <span class="flex items-center rounded-full justify-center whitespace-nowrap border group duration-200 transition-colors font-medium text-[14px] md:text-[15px] leading-btn tracking-base bg-transparent border-skin-bww text-skin-bww hover:border-skin-bwb hover:bg-skin-bwb hover:text-skin-wbw fill-skin-bww hover:fill-skin-wbw lg:py-5 py-[18px] px-[21px]"> Book a demo <svg width="14" height="14" viewBox="0 0 14 14" class="inline ml-1"> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> </div> </section> </main> <footer class="flex flex-col lg:py-20 theme-dark bg-skin-wbg py-5"> <div class="flex gap-x-5 md:mb-40 flex-col md:flex-row px-std max-w-[1440px] mx-auto w-full"> <div class="flex flex-1 flex-col" x-data="{ open : false }"> <h3 class="md:mb-10 text-base md:text-base_lg text-skin-bww py-4 md:py-0 flex justify-between theme-black cursor-pointer md:cursor-default" x-on:click="open = !open" x-bind:class="open ? 'text-skin-bwg md:text-skin-bww' : ''"> Products <div x-bind:class="open ? 'rotate-180 fill-skin-ggb' : 'fill-skin-bww'" class="h-3 duration-300"> <svg height="12" width="12" class="md:hidden" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </h3> <ul class="md:block" x-bind:class="open ? 'block' : 'hidden'"> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/cpaas-overview" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="CPaaS"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> CPaaS </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/webex-connect" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Webex Connect"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Webex Connect </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/webex-connect/developer-hub" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Developer Hub"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Developer Hub </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/webex-connect/apis-and-sdks" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Webex Connect APIs and SDKs"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Webex Connect APIs and SDKs </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/webex-campaign" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Webex Campaign"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Webex Campaign </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/webex-engage" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Webex Engage"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Webex Engage </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/webex-notify" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Webex Notify"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Webex Notify </span> </a> </li> </ul> </div> <div class="flex flex-1 flex-col" x-data="{ open : false }"> <h3 class="md:mb-10 text-base md:text-base_lg text-skin-bww py-4 md:py-0 flex justify-between theme-black cursor-pointer md:cursor-default" x-on:click="open = !open" x-bind:class="open ? 'text-skin-bwg md:text-skin-bww' : ''"> Solutions <div x-bind:class="open ? 'rotate-180 fill-skin-ggb' : 'fill-skin-bww'" class="h-3 duration-300"> <svg height="12" width="12" class="md:hidden" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </h3> <ul class="md:block" x-bind:class="open ? 'block' : 'hidden'"> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/automotive" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Automotive"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Automotive </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/banking" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Banking"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Banking </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/gaming" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Gaming"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Gaming </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/government-and-public-sector" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Government & public sector"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Government & public sector </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/healthcare" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Healthcare"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Healthcare </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/insurance" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Insurance"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Insurance </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/logistics" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Logistics"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Logistics </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/media-and-broadcasters" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Media & broadcasters"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Media & broadcasters </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/recruitment" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Recruitment"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Recruitment </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/retail" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Retail"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Retail </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/travel" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Travel"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Travel </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/telecommunications" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Telecommunications"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Telecommunications </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/utilities" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Utilities"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Utilities </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/customer-service" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Customer service"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Customer service </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/employee-communications" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Employee communications"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Employee communications </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/it-and-operations" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="IT & operations"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> IT & operations </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/marketing" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Marketing"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Marketing </span> </a> </li> </ul> </div> <div class="flex flex-1 flex-col" x-data="{ open : false }"> <h3 class="md:mb-10 text-base md:text-base_lg text-skin-bww py-4 md:py-0 flex justify-between theme-black cursor-pointer md:cursor-default" x-on:click="open = !open" x-bind:class="open ? 'text-skin-bwg md:text-skin-bww' : ''"> Business Messaging <div x-bind:class="open ? 'rotate-180 fill-skin-ggb' : 'fill-skin-bww'" class="h-3 duration-300"> <svg height="12" width="12" class="md:hidden" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </h3> <ul class="md:block" x-bind:class="open ? 'block' : 'hidden'"> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Business messaging"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Business messaging </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/branded-text" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Branded Text"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Branded Text </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/apple-messages-for-business" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Apple Messages for Business"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Apple Messages for Business </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/rcs-business-messaging" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="RCS Business Messaging"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> RCS Business Messaging </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/sms" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="SMS"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> SMS </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/mms" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="MMS"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> MMS </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/web-rtc" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Web RTC"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Web RTC </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/whatsapp-business-api" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="WhatsApp Business API"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> WhatsApp Business API </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/instagram" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Instagram"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Instagram </span> </a> </li> </ul> </div> <div class="flex flex-1 flex-col" x-data="{ open : false }"> <h3 class="md:mb-10 text-base md:text-base_lg text-skin-bww py-4 md:py-0 flex justify-between theme-black cursor-pointer md:cursor-default" x-on:click="open = !open" x-bind:class="open ? 'text-skin-bwg md:text-skin-bww' : ''"> Resources <div x-bind:class="open ? 'rotate-180 fill-skin-ggb' : 'fill-skin-bww'" class="h-3 duration-300"> <svg height="12" width="12" class="md:hidden" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </h3> <ul class="md:block" x-bind:class="open ? 'block' : 'hidden'"> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/resources/learning" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Learning"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Learning </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/resources/customer-stories" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Customer stories"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Customer stories </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/blog" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Blog"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Blog </span> </a> </li> </ul> </div> <div class="flex flex-1 flex-col" x-data="{ open : false }"> <h3 class="md:mb-10 text-base md:text-base_lg text-skin-bww py-4 md:py-0 flex justify-between theme-black cursor-pointer md:cursor-default" x-on:click="open = !open" x-bind:class="open ? 'text-skin-bwg md:text-skin-bww' : ''"> Company <div x-bind:class="open ? 'rotate-180 fill-skin-ggb' : 'fill-skin-bww'" class="h-3 duration-300"> <svg height="12" width="12" class="md:hidden" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </h3> <ul class="md:block" x-bind:class="open ? 'block' : 'hidden'"> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/about-us/our-story" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="About us"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> About us </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="https://investor.cisco.com/home/" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Investors"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Investors </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/about-us/press-releases" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Press releases"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Press releases </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/partners" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Partners"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Partners </span> </a> </li> </ul> </div> </div> <div class="flex justify-between flex-col md:flex-row mt-20 md:mt-0 px-std max-w-[1440px] mx-auto w-full"> <div> <div class="flex gap-y-2 text-sm flex-col"> <ul class="flex gap-x-5 flex-col md:flex-row mb-10 md:mb-0"> <li class="md:mb-5 text-skin-bww py-3 md:py-0"> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="/legal/terms-and-conditions">Terms & Conditions</a> </li> <li class="md:mb-5 text-skin-bww py-3 md:py-0"> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="/legal/privacy-statement">Privacy Statement</a> </li> <li class="md:mb-5 text-skin-bww py-3 md:py-0"> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="/legal/cookie-policy">Cookies</a> </li> <li class="md:mb-5 text-skin-bww py-3 md:py-0"> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="/certifications">Certifications</a> </li> <li class="md:mb-5 text-skin-bww py-3 md:py-0"> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="/about-us/careers">Careers</a> </li> </ul> <div class="flex gap-x-3 flex-col md:flex-row mb-10 md:mb-0"> <p class="text-sm text-skin-bww mb-3 md:mb-0">Find us on:</p> <div class="flex"> <div> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="https://www.linkedin.com/company/webex-cpaas-solutions/"> <img class="mr-2" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/linkedin.svg" alt="linkedin" style="width: 20px; height: 20px;"> </a> </div> <div> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="https://twitter.com/webex_cpaas"> <img class="mr-2" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/x_reverse.svg" alt="x logo" style="width: 20px; height: 20px;"> </a> </div> <div> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="https://www.youtube.com/@webexcpaassolutions"> <img class="mr-2" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/youtube_reverse.svg" alt="youtube logo" style="width: 20px; height: 20px;"> </a> </div> </div> </div> </div> </div> <div class="text-skin-grey flex flex-col gap-10"> <div class="flex flex-col gap-y-3"> <div class="flex flex-col md:flex-row"> <p class="text-sm">Copyright @2000 - 2024 IMImobile Limited. All Rights Reserved.</p> </div> </div> </div> </div> </footer> <script src="/js/site.js?id=8e51d1a01b8926a74dc8"></script> <script src="/js/lazysizes.min.js?id=5a7ec366575ee7eeb208" async=""></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10