Automotive | 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">  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NQLWWR');</script>  <title>Automotive | Webex CPaaS Solutions</title> <meta name="description" content="Every interaction keeps customers moving. Drive a seamless customer journey with proactive communications and automation."> <link rel="canonical" href="https://cpaas.webex.com/solutions/automotive"> <meta property="og:url" content="https://cpaas.webex.com/solutions/automotive"> <link rel='alternate' href="https://cpaas.webex.com/solutions/automotive" hreflang="en-US" > <meta property="og:site_name" content="Webex CPaaS Solutions"> <meta property="og:title" content="Automotive | Webex CPaaS Solutions"> <meta property="og:description" content="Every interaction keeps customers moving. Drive a seamless customer journey with proactive communications and automation."> <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\/automotive","name":"Automotive | Webex CPaaS Solutions","isPartOf":{"@id":"https:\/\/cpaas.webex.com\/#website"},"inLanguage":"en-US","datePublished":"2024-07-19T00:00:00+00:00","dateModified":"2024-07-19T00: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":"Automotive","id":"https:\/\/cpaas.webex.com\/solutions\/automotive"}}]}}]}</script> <link defer rel="stylesheet" href="/css/tailwind.css?id=3821b24e7e1cde666ce9"> <script defer src="https://cdn.jsdelivr.net/npm/@caneara/iodine@8.3.0/dist/iodine.min.umd.js"></script> <script defer src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js" crossorigin="anonymous" referrerpolicy="no-referrer" integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg=="></script> <script defer src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js" crossorigin="anonymous" referrerpolicy="no-referrer" integrity="sha512-onMTRKJBKz8M1TnqqDuGBlowlH0ohFzMXYRNebz+yOcc5TQr/zAKsthzhuv0hiyUKEiQEQXEynnXCvNTOk50dg=="></script> <script defer src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/TextPlugin.min.js" crossorigin="anonymous" referrerpolicy="no-referrer" integrity="sha512-xAxjKW1J/R4TFytv43xvQ7jFTrJlBzsDOH/Aw0fFc2nvarQkE3d08lTicjzUsZJYDoHYDCpwsUUqOJXh34A1sw=="></script> <link href="/css/swiper-custom.css?id=24da3a70d961cc51844f" rel="stylesheet"> <script defer src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> <script defer src="https://unpkg.com/alpinejs@3.9.1/dist/cdn.min.js"></script> <script type="text/javascript" async src="https://bot.leadoo.com/bot/dynamic.js?company=Gx692d7w"></script> <link rel="shortcut icon" type="image/x-icon" href="/assets/webex-favicon.ico"> </head> <body class="flex flex-col font-cisco relative md:mt-0 mt-[68px]" x-data="{ mobileNavOpen : false }" x-bind:class="mobileNavOpen ? 'overflow-hidden' : 'overflow-auto'">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NQLWWR" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5K7LZVP" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <svg width="0" height="0" style="position:absolute;"> <defs> <linearGradient id="mantis-to-fountain-blue" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox"> <stop stop-color="#82CF5F" /> <stop offset="1" stop-color="#00BCF5" /> </linearGradient> <linearGradient id="fountain-blue-to-purple-heart" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox"> <stop stop-color="#00BCF5" /> <stop offset="1" stop-color="#A875FC" /> </linearGradient> <linearGradient id="passion-fruit-to-mantis" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox"> <stop stop-color="#82CF5F" /> <stop offset="1" stop-color="#FBBD23" /> </linearGradient> <linearGradient id="passion-fruit-to-mandarin" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox"> <stop stop-color="#FBBD23" /> <stop offset="1" stop-color="#FF7A3F" /> </linearGradient> <linearGradient id="scarlet-to-passion-fruit" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox"> <stop stop-color="#FF3A65" /> <stop offset="1" stop-color="#FBBD23" /> </linearGradient> <linearGradient id="scarlet-to-purple-heart" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox"> <stop stop-color="#A875FC" /> <stop offset="1" stop-color="#FF3A65" /> </linearGradient> </defs> </svg> <nav class="justify-start bg-skin-wbg theme-light flex-col top-0 z-50 hidden md:flex fixed shadow transition-all delay-75 w-full duration-300"> <aside class="py-3 bg-skin-wbg theme-dark text-skin-bwg md:flex hidden"> <div class="px-std flex items-center justify-between mx-auto max-w-[1440px] w-full"> <div class="flex"> <a href="https://www.webex.com/" aria-label="Webex"> <img src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/webex-logo-reverse.svg" alt="" class="w-24 h-7" loading="lazy"> </a> <h2 class="ml-5 text-sm font-normal items-center flex"></h2> </div> <ul class="flex"> <li ><a href="/resources/newsletter-sign-up" class="border-b border-skin-transparent hover:border-skin-bwg text-sm whitespace-nowrap ml-10">Sign up to our Newsletter</a></li> </ul> </div> </aside> <div class="max-w-[1440px] mx-auto w-full px-std items-center flex"> <a href="/" aria-label="imimobile" class="flex flex-wrap items-end mb-[7px] gap-y-[10.18px] min-w-[90px]"> <img src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/webex-wordmark-black.svg" alt="" class="mr-[8.04px] w-[71.23px] h-[17.39px]"> <img src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/cpaas-solutions-black.svg" alt="" class="w-[120.79px] h-[12.61px]"> </a> <ul class="flex md:mx-7 flex-1 font-medium"> <li class="text-skin-bwg md:py-9 md:px-3" @click.outside="dropdownMenuOpen = false" x-data="{ dropdownMenuOpen: false }"><button class="flex items-center font-medium cursor-pointer border-b border-skin-transparent hover:border-b fill-skin-bwb duration-200 ease-in-out" :class="dropdownMenuOpen ? 'text-skin-ggw hover:border-skin-ggw border-skin-ggw' : 'hover:border-skin-bwg'" x-on:click="dropdownMenuOpen = !dropdownMenuOpen;"> Products <div class="ml-2 duration-200" :class="dropdownMenuOpen ? 'rotate-180 ease-in-out fill-skin-ggw hover:border-skin-ggw' : ''"> <svg class="z-0" height="12" width="12" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </button> <div x-show="dropdownMenuOpen" x-cloak style="max-height: calc(85vh - 100px)" class="absolute overflow-y-scroll top-[147px] left-0 right-0 w-full bg-skin-wbg shadow"> <div class="relative pb-20 pt-7"> <div class="absolute bottom-0 left-0 w-9/12 md:block hidden max-w-400"> <svg class="z-0" width="600" height="400" viewBox="0 0 600 400" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9895" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="600" height="400"> <rect width="600" height="400" transform="matrix(-1 0 0 1 600 0)" fill="white"/> </mask> <g mask="url(#mask0_228_9895)"> <g opacity="0.6" filter="url(#filter0_f_228_9895)"> <ellipse cx="90.8997" cy="463.76" rx="220.21" ry="144.102" transform="rotate(-180 90.8997 463.76)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9895)"> <ellipse rx="215.901" ry="183.648" transform="matrix(-0.872916 -0.487871 -0.61533 0.788269 -96.4165 417.617)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9895" x="-301.683" y="147.286" width="785.165" height="632.949" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="86.1862" result="effect1_foregroundBlur_228_9895"/> </filter> <filter id="filter1_f_228_9895" x="-432.862" y="121.909" width="672.892" height="591.416" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="58.3333" result="effect1_foregroundBlur_228_9895"/> </filter> </defs> </svg> </div> <div class="absolute right-0 top-0 w-9/12 block md:hidden max-w-400"> <svg class="z-0" width="375" height="375" viewBox="0 0 375 375" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9900" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="375" height="375"> <rect width="375" height="375" fill="#C4C4C4"/> </mask> <g mask="url(#mask0_228_9900)"> <g opacity="0.6" filter="url(#filter0_f_228_9900)"> <ellipse rx="186.225" ry="164.22" transform="matrix(-1 3.29385e-08 -3.78354e-08 1 387.806 19.0903)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9900)"> <ellipse rx="199.525" ry="190.655" transform="matrix(-0.798787 0.601614 -0.501244 -0.865306 254.942 -59.2833)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9900" x="-20.0415" y="-366.751" width="815.694" height="771.684" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="110.811" result="effect1_foregroundBlur_228_9900"/> </filter> <filter id="filter1_f_228_9900" x="-80.918" y="-413.321" width="671.721" height="708.075" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="75" result="effect1_foregroundBlur_228_9900"/> </filter> </defs> </svg> </div> <div class="flex h-full w-full relative md:gap-x-5 px-std max-w-[1440px] mx-auto"> <div class="h-full flex-1"> <div class=""> <div> <h4 class="text-lg md:text-lg_lg mb-2 text-skin-bwg">CPaaS</h4> <p class="text-sm md:text-sm_lg md:max-w-10/12 text-skin-grey mb-3 font-normal">Create smarter customer interactions with Communications Platform as a Service (CPaaS).</p> <a href="/products/cpaas-overview" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Discover more"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Discover more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> </div> <div class="h-full flex-1"> <div class="md:mb-7"> <div> <h4 class="text-lg md:text-lg_lg mb-2 text-skin-bwg">Webex Connect</h4> <p class="text-sm md:text-sm_lg md:max-w-10/12 text-skin-grey mb-3 font-normal">Cloud communication platform to automate and orchestrate your customer interactions.</p> <a href="/products/webex-connect" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Explore the platform"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Explore the platform <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> <div class=""> <ul class="flex flex-col gap-y-2 items-start font-normal"> <li> <a href="/products/webex-connect/flows" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Flows"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Flows </span> </a> </li> <li> <a href="/products/webex-connect/nlp-and-ai" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="NLP & AI"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> NLP & AI </span> </a> </li> <li> <a href="/products/webex-connect/reporting-and-analytics" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Reporting & Analytics"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Reporting & Analytics </span> </a> </li> <li> <a href="/products/webex-connect/integrations" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Integrations"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Integrations </span> </a> </li> <li> <a href="/products/webex-connect/contact-management" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Contact Management"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Contact Management </span> </a> </li> <li> <a href="/products/webex-connect/apis-and-sdks" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="API and SDKs"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> API and SDKs </span> </a> </li> <li> <a href="/products/webex-connect/developer-hub" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Developer Hub"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Developer Hub </span> </a> </li> </ul> </div> </div> <div class="h-full flex-1"> <div class="md:mb-7"> <div> <h4 class="text-lg md:text-lg_lg mb-2 text-skin-bwg">Webex Campaign</h4> <p class="text-sm md:text-sm_lg md:max-w-10/12 text-skin-grey mb-3 font-normal">Manage and automate your marketing campaigns.</p> <a href="/products/webex-campaign" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Discover more"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Discover more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> <div class="md:mb-7"> <div> <h4 class="text-lg md:text-lg_lg mb-2 text-skin-bwg">Webex Engage</h4> <p class="text-sm md:text-sm_lg md:max-w-10/12 text-skin-grey mb-3 font-normal">Empower your contact center to support customer conversations on any channel.</p> <a href="/products/webex-engage" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Discover more"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Discover more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> <div class=""> <div> <h4 class="text-lg md:text-lg_lg mb-2 text-skin-bwg">Webex Notify</h4> <p class="text-sm md:text-sm_lg md:max-w-10/12 text-skin-grey mb-3 font-normal">Help operations staff keep your customers informed.</p> <a href="/products/webex-notify" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Discover more"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Discover more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> </div> <div class="h-full flex-1"> <div class="md:mb-7"> <div> <h4 class="text-lg md:text-lg_lg mb-2 text-skin-bwg">Business messaging</h4> <p class="text-sm md:text-sm_lg md:max-w-10/12 text-skin-grey mb-3 font-normal">From SMS to the next generation of digital messaging channels, start delivering richer experiences on the channel closest to customers.</p> <a href="/business-messaging" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Discover more"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Discover more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> <div class=""> <ul class="flex flex-col gap-y-2 items-start font-normal"> <li> <a href="/business-messaging/apple-messages-for-business" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Apple Messages for Business"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Apple Messages for Business </span> </a> </li> <li> <a href="/business-messaging/branded-text" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Branded Text"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Branded Text </span> </a> </li> <li> <a href="/business-messaging/instagram" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Instagram"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Instagram </span> </a> </li> <li> <a href="/business-messaging/mms" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="MMS"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> MMS </span> </a> </li> <li> <a href="/business-messaging/rcs-business-messaging" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="RCS Business Messaging"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> RCS Business Messaging </span> </a> </li> <li> <a href="/business-messaging/sms" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="SMS"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> SMS </span> </a> </li> <li> <a href="/business-messaging/web-rtc" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Web RTC"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Web RTC </span> </a> </li> <li> <a href="/business-messaging/whatsapp-business-api" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="WhatsApp Business API"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> WhatsApp Business API </span> </a> </li> </ul> </div> </div> </div> </div> </div></li> <li class="text-skin-bwg md:py-9 md:px-3" @click.outside="dropdownMenuOpen = false" x-data="{ dropdownMenuOpen: false }"> <button class="flex items-center font-medium cursor-pointer border-b border-skin-transparent hover:border-b fill-skin-bwb duration-200 ease-in-out whitespace-nowrap" :class="dropdownMenuOpen ? 'text-skin-ggw hover:border-skin-ggw border-skin-ggw' : 'hover:border-skin-bwg'" x-on:click="dropdownMenuOpen = !dropdownMenuOpen;"> Solutions <div class="ml-2 duration-200" :class="dropdownMenuOpen ? 'rotate-180 ease-in-out fill-skin-ggw' : ''"> <svg class="z-0" height="12" width="12" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </button> <div x-show="dropdownMenuOpen" x-cloak style="max-height: calc(85vh - 100px)" class="absolute overflow-y-scroll top-[147px] left-0 right-0 w-full bg-skin-wbg shadow"> <div class="relative pb-20 pt-7"> <div class="absolute bottom-0 left-0 w-9/12 md:block hidden max-w-400"> <svg width="600" height="400" viewBox="0 0 600 400" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9895" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="600" height="400"> <rect width="600" height="400" transform="matrix(-1 0 0 1 600 0)" fill="white"/> </mask> <g mask="url(#mask0_228_9895)"> <g opacity="0.6" filter="url(#filter0_f_228_9895)"> <ellipse cx="90.8997" cy="463.76" rx="220.21" ry="144.102" transform="rotate(-180 90.8997 463.76)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9895)"> <ellipse rx="215.901" ry="183.648" transform="matrix(-0.872916 -0.487871 -0.61533 0.788269 -96.4165 417.617)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9895" x="-301.683" y="147.286" width="785.165" height="632.949" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="86.1862" result="effect1_foregroundBlur_228_9895"/> </filter> <filter id="filter1_f_228_9895" x="-432.862" y="121.909" width="672.892" height="591.416" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="58.3333" result="effect1_foregroundBlur_228_9895"/> </filter> </defs> </svg> </div> <div class="absolute right-0 top-0 w-9/12 block md:hidden max-w-400"> <svg width="375" height="375" viewBox="0 0 375 375" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9900" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="375" height="375"> <rect width="375" height="375" fill="#C4C4C4"/> </mask> <g mask="url(#mask0_228_9900)"> <g opacity="0.6" filter="url(#filter0_f_228_9900)"> <ellipse rx="186.225" ry="164.22" transform="matrix(-1 3.29385e-08 -3.78354e-08 1 387.806 19.0903)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9900)"> <ellipse rx="199.525" ry="190.655" transform="matrix(-0.798787 0.601614 -0.501244 -0.865306 254.942 -59.2833)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9900" x="-20.0415" y="-366.751" width="815.694" height="771.684" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="110.811" result="effect1_foregroundBlur_228_9900"/> </filter> <filter id="filter1_f_228_9900" x="-80.918" y="-413.321" width="671.721" height="708.075" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="75" result="effect1_foregroundBlur_228_9900"/> </filter> </defs> </svg> </div> <div class="flex h-full w-full md:gap-x-5 relative px-std max-w-[1440px] mx-auto"> <div class="flex-1 flex"> <div class="flex-1"> <div> <h3 class="text-lg md:text-lg_lg md:mb-7">Industries</h3> <ul class="flex flex-col gap-y-2 font-normal"> <li> <a href="/solutions/automotive" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Automotive"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Automotive </span> </a> </li> <li> <a href="/solutions/banking" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Banking"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Banking </span> </a> </li> <li> <a href="/solutions/gaming" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Gaming"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Gaming </span> </a> </li> <li> <a href="/solutions/government-and-public-sector" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Government & public sector"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Government & public sector </span> </a> </li> <li> <a href="/solutions/healthcare" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Healthcare"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Healthcare </span> </a> </li> <li> <a href="/solutions/insurance" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Insurance"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Insurance </span> </a> </li> <li> <a href="/solutions/logistics" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Logistics"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Logistics </span> </a> </li> <li> <a href="/solutions/media-and-broadcasters" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Media & broadcasters"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Media & broadcasters </span> </a> </li> <li> <a href="/solutions/recruitment" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Recruitment"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Recruitment </span> </a> </li> <li> <a href="/solutions/retail" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Retail"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Retail </span> </a> </li> <li> <a href="/solutions/telecommunications" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Telecommunications"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Telecommunications </span> </a> </li> <li> <a href="/solutions/travel" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Travel"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Travel </span> </a> </li> <li> <a href="/solutions/utilities" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Utilities"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Utilities </span> </a> </li> </ul> </div> </div> <div class="flex-1"> <div> <h3 class="text-lg md:text-lg_lg md:mb-7">Teams</h3> <ul class="flex flex-col gap-y-2 font-normal"> <li> <a href="/solutions/customer-service" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Customer Service"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Customer Service </span> </a> </li> <li> <a href="/solutions/employee-communications" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Employee communications"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Employee communications </span> </a> </li> <li> <a href="/solutions/it-and-operations" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="IT & operations"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> IT & operations </span> </a> </li> <li> <a href="/solutions/marketing" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Marketing"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Marketing </span> </a> </li> </ul> </div> </div> </div> <div class="flex flex-col flex-shrink gap-y-5 flex-1"> <a href="/solutions/retail" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Discover retail solutions"> <div class="md:px-7 md:py-7 rounded-lg md:rounded-30 border border-skin-grey-light hover:border-skin-grey flex gap-10 group justify-between cursor-pointer transition-colors duration-200"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2">Every interaction makes customers smile</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal">Redefine the purchase journey with intelligent automation and contextual promotions.</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Discover retail solutions <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full max-w-200"> <div class="aspect-h-1 aspect-w-1 w-full"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvU29sdXRpb25zL1JldGFpbC93b21hbi1zaG9wLWlwYWQud2VicA==?fit=crop-62-48-1&w=200&h=200&s=b136aa0c7cbffd9dceab39327b27ab8e"> <img class="lazyload rounded-full w-full h-full object-cover" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Solutions/Retail/woman-shop-ipad.jpg" alt=""> </picture> </div> </div> </div> </a> <a href="/lp/authorised-push-payment-fraud" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Learn more"> <div class="md:px-7 md:py-7 rounded-lg md:rounded-30 border border-skin-grey-light hover:border-skin-grey flex gap-10 group justify-between cursor-pointer transition-colors duration-200"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2">Authorized Push Payment (APP) fraud solutions</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal">We analyze security risks and harness verified communications to help banks combat Authorized Push Payment (APP) fraud.</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Learn more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full max-w-200"> <div class="aspect-h-1 aspect-w-1 w-full"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvUmVzb3VyY2VzL0Jsb2cvaG93LXRvLXByZXZlbnQtYW5kLXJlZHVjZS1hdXRob3JpemVkLndlYnA=?fit=crop&w=200&h=200&s=ac8ee4aaa3bb60afa378ba69b2bc7bc0"> <img class="lazyload rounded-full w-full h-full object-cover" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Resources/Blog/how-to-prevent-and-reduce-authorized.jpg" alt=""> </picture> </div> </div> </div> </a> </div> </div> </div> </div> </li> <li class="text-skin-bwg md:py-9 md:px-3" @click.outside="dropdownMenuOpen = false" x-data="{ dropdownMenuOpen: false }"> <button class="flex items-center font-medium cursor-pointer border-b border-skin-transparent hover:border-b fill-skin-bwb duration-200 ease-in-out whitespace-nowrap" :class="dropdownMenuOpen ? 'text-skin-ggw hover:border-skin-ggw border-skin-ggw' : 'hover:border-skin-bwg'" x-on:click="dropdownMenuOpen = !dropdownMenuOpen;"> Resources <div class="ml-2 duration-200" :class="dropdownMenuOpen ? 'rotate-180 ease-in-out fill-skin-ggw' : ''"> <svg class="z-0" height="12" width="12" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </button> <div x-show="dropdownMenuOpen" x-cloak style="max-height: calc(85vh - 100px)" class="absolute overflow-y-scroll top-[147px] left-0 right-0 w-full bg-skin-wbg shadow"> <div class="relative pb-20 pt-7"> <div class="absolute bottom-0 left-0 w-9/12 md:block hidden max-w-400"> <svg width="600" height="400" viewBox="0 0 600 400" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9895" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="600" height="400"> <rect width="600" height="400" transform="matrix(-1 0 0 1 600 0)" fill="white"/> </mask> <g mask="url(#mask0_228_9895)"> <g opacity="0.6" filter="url(#filter0_f_228_9895)"> <ellipse cx="90.8997" cy="463.76" rx="220.21" ry="144.102" transform="rotate(-180 90.8997 463.76)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9895)"> <ellipse rx="215.901" ry="183.648" transform="matrix(-0.872916 -0.487871 -0.61533 0.788269 -96.4165 417.617)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9895" x="-301.683" y="147.286" width="785.165" height="632.949" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="86.1862" result="effect1_foregroundBlur_228_9895"/> </filter> <filter id="filter1_f_228_9895" x="-432.862" y="121.909" width="672.892" height="591.416" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="58.3333" result="effect1_foregroundBlur_228_9895"/> </filter> </defs> </svg> </div> <div class="absolute right-0 top-0 w-9/12 block md:hidden max-w-400"> <svg width="375" height="375" viewBox="0 0 375 375" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9900" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="375" height="375"> <rect width="375" height="375" fill="#C4C4C4"/> </mask> <g mask="url(#mask0_228_9900)"> <g opacity="0.6" filter="url(#filter0_f_228_9900)"> <ellipse rx="186.225" ry="164.22" transform="matrix(-1 3.29385e-08 -3.78354e-08 1 387.806 19.0903)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9900)"> <ellipse rx="199.525" ry="190.655" transform="matrix(-0.798787 0.601614 -0.501244 -0.865306 254.942 -59.2833)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9900" x="-20.0415" y="-366.751" width="815.694" height="771.684" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="110.811" result="effect1_foregroundBlur_228_9900"/> </filter> <filter id="filter1_f_228_9900" x="-80.918" y="-413.321" width="671.721" height="708.075" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="75" result="effect1_foregroundBlur_228_9900"/> </filter> </defs> </svg> </div> <div class="flex h-full w-full md:gap-x-5 relative px-std max-w-[1440px] mx-auto"> <div class="flex-1 flex justify-between"> <div class="mr-10 flex-shrink-0"> <div> <h3 class="text-lg md:text-lg_lg md:mb-7">Select a resource</h3> <ul class="flex flex-col gap-y-2 font-normal"> <li> <a href="/resources/learning" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Learning"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Learning </span> </a> </li> <li> <a href="/resources/customer-stories" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Customer stories"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Customer stories </span> </a> </li> <li> <a href="/blog" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Blog"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Blog </span> </a> </li> </ul> </div> </div> <div class="flex gap-x-5 justify-end"> <style> .clamp { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .clamp-2 { -webkit-line-clamp: 2; } .clamp-3 { -webkit-line-clamp: 3; } </style> <a href="/blog/rcs-ios-18" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Read blog"> <div class="md:px-7 md:py-7 rounded-20 md:rounded-30 border border-skin-grey-light hover:border-skin-grey transition-colors duration-200 flex flex-col justify-between group min-h-400 cursor-pointer"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2 clamp clamp-2">Apple now supports RCS in iOS 18 release</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal clamp clamp-3">RCS is now on iPhone - here’s what you need to know, and why you should expand your business messaging.</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Read blog <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full mt-5"> <div class="w-full"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL1Bob3RvZ3JhcGh5L1Jlc291cmNlcy9CbG9nL2FwcGxlLXJjcy1pb3MxOC1yZWxlYXNlLmpwZw==?fit=crop&w=300&h=150&s=3889500ef35b26bdebece1c04257c2fc"> <img class="lazyload rounded-[10px] w-full h-full object-cover min-h-150" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Resources/Blog/apple-rcs-ios18-release.jpg" alt=""> </picture> </div> </div> </div> </a> <a href="https://cpaas.webex.com/resources/report/gartner-magic-quadrant-cpaas-2024" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="See report"> <div class="md:px-7 md:py-7 rounded-20 md:rounded-30 border border-skin-grey-light hover:border-skin-grey transition-colors duration-200 flex flex-col justify-between group min-h-400 cursor-pointer"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2 clamp clamp-2">2024 Gartner® Magic Quadrant™</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal clamp clamp-3">Discover why we are recognized as a Visionary in the 2024 Gartner Magic Quadrant for CPaaS.</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> See report <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full mt-5"> <div class="w-full"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL3dlYnAvUmVuZGVycy9SZXNvdXJjZXMvcmVwb3J0LWdhcnRuZXItbXEtMjAyNC10YWJsZXQud2VicA==?fit=crop-41-40-1.3&w=300&h=150&s=99377d7f7e7c60de297e4946fa7f3c71"> <img class="lazyload rounded-[10px] w-full h-full object-cover min-h-150" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Renders/Resources/report-gartner-mq-2024-tablet.jpg" alt=""> </picture> </div> </div> </div> </a> <a href="https://cpaas.webex.com/resources/whitepaper/building-a-business-case-for-cpaas" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Read whitepaper"> <div class="md:px-7 md:py-7 rounded-20 md:rounded-30 border border-skin-grey-light hover:border-skin-grey transition-colors duration-200 flex flex-col justify-between group min-h-400 cursor-pointer"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2 clamp clamp-2">Building a business case for CPaaS</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal clamp clamp-3">The global CPaaS market will grow by 62 billion dollars by 2029 - have you started building your business case for it?</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Read whitepaper <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full mt-5"> <div class="w-full"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvU29sdXRpb25zL01hcmtldGluZy90d28tcGVvcGxlLWJvYXJkLWxvb2tpbmcud2VicA==?fit=crop-43-43-1&w=300&h=150&s=aa1085a376a5922b15b4a1e40d354fd5"> <img class="lazyload rounded-[10px] w-full h-full object-cover min-h-150" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Solutions/Marketing/two-people-board-looking.jpg" alt=""> </picture> </div> </div> </div> </a> </div> </div> </div> </div> </div> </li> <li class="text-skin-bwg md:py-9 md:px-3" @click.outside="dropdownMenuOpen = false" x-data="{ dropdownMenuOpen: false }"> <button class="flex items-center font-medium cursor-pointer border-b border-skin-transparent hover:border-b fill-skin-bwb duration-200 ease-in-out whitespace-nowrap" :class="dropdownMenuOpen ? 'text-skin-ggw hover:border-skin-ggw border-skin-ggw' : 'hover:border-skin-bwg'" x-on:click="dropdownMenuOpen = !dropdownMenuOpen;"> About us <div class="ml-2 duration-200" :class="dropdownMenuOpen ? 'rotate-180 ease-in-out fill-skin-ggw' : ''"> <svg class="z-0" height="12" width="12" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </button> <div x-show="dropdownMenuOpen" x-cloak style="max-height: calc(85vh - 100px)" class="absolute overflow-y-scroll top-[147px] left-0 right-0 w-full bg-skin-wbg shadow"> <div class="relative pb-20 pt-7"> <div class="absolute bottom-0 left-0 w-9/12 md:block hidden max-w-400"> <svg width="600" height="400" viewBox="0 0 600 400" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9895" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="600" height="400"> <rect width="600" height="400" transform="matrix(-1 0 0 1 600 0)" fill="white"/> </mask> <g mask="url(#mask0_228_9895)"> <g opacity="0.6" filter="url(#filter0_f_228_9895)"> <ellipse cx="90.8997" cy="463.76" rx="220.21" ry="144.102" transform="rotate(-180 90.8997 463.76)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9895)"> <ellipse rx="215.901" ry="183.648" transform="matrix(-0.872916 -0.487871 -0.61533 0.788269 -96.4165 417.617)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9895" x="-301.683" y="147.286" width="785.165" height="632.949" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="86.1862" result="effect1_foregroundBlur_228_9895"/> </filter> <filter id="filter1_f_228_9895" x="-432.862" y="121.909" width="672.892" height="591.416" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="58.3333" result="effect1_foregroundBlur_228_9895"/> </filter> </defs> </svg> </div> <div class="absolute right-0 top-0 w-9/12 block md:hidden max-w-400"> <svg width="375" height="375" viewBox="0 0 375 375" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9900" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="375" height="375"> <rect width="375" height="375" fill="#C4C4C4"/> </mask> <g mask="url(#mask0_228_9900)"> <g opacity="0.6" filter="url(#filter0_f_228_9900)"> <ellipse rx="186.225" ry="164.22" transform="matrix(-1 3.29385e-08 -3.78354e-08 1 387.806 19.0903)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9900)"> <ellipse rx="199.525" ry="190.655" transform="matrix(-0.798787 0.601614 -0.501244 -0.865306 254.942 -59.2833)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9900" x="-20.0415" y="-366.751" width="815.694" height="771.684" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="110.811" result="effect1_foregroundBlur_228_9900"/> </filter> <filter id="filter1_f_228_9900" x="-80.918" y="-413.321" width="671.721" height="708.075" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="75" result="effect1_foregroundBlur_228_9900"/> </filter> </defs> </svg> </div> <div class="flex h-full w-full md:gap-x-5 relative px-std max-w-[1440px] mx-auto"> <div class="flex-1 flex"> <div class="flex-1"> <div> <h3 class="text-lg md:text-lg_lg md:mb-7">Learn more</h3> <ul class="flex flex-col gap-y-2 font-normal"> <li> <a href="/about-us/our-story" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Our story"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Our story </span> </a> </li> <li> <a href="/about-us/press-releases" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Press and media"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Press and media </span> </a> </li> <li> <a href="/about-us/careers" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Careers"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Careers </span> </a> </li> <li> <a href="https://investors.imimobile.com/?_ga=2.53282664.1300160264.1643021306-1467879296.1630577117" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Investors"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Investors </span> </a> </li> </ul> </div> </div> <div class="flex-1"> <div> <h3 class="text-lg md:text-lg_lg md:mb-7"></h3> <ul class="flex flex-col gap-y-2 font-normal"> </ul> </div> </div> </div> <div class="flex flex-col flex-shrink gap-y-5 flex-1"> <a href="https://www.uctoday.com/unified-communications/cpaas/top-cpaas-providers-for-2023/" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Learn more"> <div class="md:px-7 md:py-7 rounded-lg md:rounded-30 border border-skin-grey-light hover:border-skin-grey flex gap-10 group justify-between cursor-pointer transition-colors duration-200"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2">Latest news</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal">Find out why UC Today recognise Webex CPaaS Solutions as one of the leading CPaaS providers of 2023.</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Learn more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full max-w-200"> <div class="aspect-h-1 aspect-w-1 w-full"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL290aGVyL3VjLXRvZGF5LWFydGljbGUtcHJvbW90aW9uLmpwZw==?fit=crop-80-60-1&w=200&h=200&s=feb792a54bd3dcc1236b12ca793869a4"> <img class="lazyload rounded-full w-full h-full object-cover" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/other/uc-today-article-promotion.jpg" alt=""> </picture> </div> </div> </div> </a> <a href="/blog/completion-of-imimobile-plcs-acquisition-by-cisco" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Learn more"> <div class="md:px-7 md:py-7 rounded-lg md:rounded-30 border border-skin-grey-light hover:border-skin-grey flex gap-10 group justify-between cursor-pointer transition-colors duration-200"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2">Completion of imi's acquisition by Cisco</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal">imimobile is now part of Cisco.</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Learn more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full max-w-200"> <div class="aspect-h-1 aspect-w-1 w-full"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL1Bob3RvZ3JhcGh5L1NvbHV0aW9ucy9NYXJrZXRpbmcvdHdvLXBlb3BsZS1ib2FyZC1sb29raW5nLmpwZw==?fit=crop-36-36-1&w=200&h=200&s=69b9f5615f2c23caa41c94c5652e6632"> <img class="lazyload rounded-full w-full h-full object-cover" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Solutions/Marketing/two-people-board-looking.jpg" alt=""> </picture> </div> </div> </div> </a> </div> </div> </div> </div> </li> <li><a href="/partners" class="md:py-9 md:px-3 block group"> <div class="group-hover:border-skin-bwg border-b border-skin-transparent text-skin-bwg group-hover:border-b transition-all duration-200"> Partners</div> </a> </li> <li><a href="/contact" class="md:py-9 md:px-3 block group"> <div class="group-hover:border-skin-bwg border-b text-skin-bwg border-skin-transparent group-hover:border-b transition-all duration-200"> Contact</div> </a> </li> </ul> <a href="/contact/book-a-demo" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Schedule a demo"> <span class="flex items-center rounded-full justify-center whitespace-nowrap border group duration-200 transition-colors font-medium text-[14px] md:text-[15px] leading-btn tracking-base bg-transparent border-skin-bww text-skin-bww hover:border-skin-bwb hover:bg-skin-bwb hover:text-skin-wbw fill-skin-bww hover:fill-skin-wbw py-5 px-[21px]"> Schedule a demo </span> </a> </div> </nav>  <nav class="items-center md:py-9 theme-light overflow-auto w-full bg-skin-wbg fixed top-0 z-50 flex-col md:hidden shadow" x-bind:class="mobileNavOpen ? 'flex h-full' : ''"> <div class="flex justify-between w-full z-10 py-6 px-std"> <a href="/" aria-label="imimobile" class="flex w-[200px] items-end"> <img src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/webex-wordmark-black.svg" alt="" class="mr-[8.04px] w-[71.23px] h-[17.39px]"> <img src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/cpaas-solutions-black.svg" alt="" class="w-[120.79px] h-[12.61px]"> </a> <button class="border-skin-bwg cursor-pointer" aria-label="navigation button" x-on:click="mobileNavOpen = !mobileNavOpen; animateBurger(mobileNavOpen)"> <svg width="20" height="20" viewBox="0 -5 20 20" id="burgericon" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="20" height="2" fill="#181818"/> <rect y="8" width="20" height="2" fill="#181818"/> </svg> </button> </div> <ul class="gap-x-5 md:mx-7 flex-1 font-medium justify-start w-full z-10 flex flex-col px-std" x-cloak x-show="mobileNavOpen"> <li class="text-h4 py-3 border-t flex flex-col justify-between items-center" x-data="{ open: false }" @click.outside="open = false"> <button class="cursor-pointer flex justify-between w-full items-center" x-on:click="open = !open"> Products <div x-bind:class="open ? 'hidden' : 'block'"> <svg class="w-5 h-5" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="9.9563" width="20" height="2" fill="#181818"/> <rect x="9" y="20.9563" width="20" height="2" transform="rotate(-90 9 20.9563)" fill="#181818"/> </svg> </div> <div x-bind:class="open ? 'block' : 'hidden'"> <svg class="w-5 h-5" width="20" height="3" viewBox="0 0 20 3" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.399902" width="20" height="2" fill="#181818"/> </svg> </div> </button> <div x-show="open" class="pt-10 border-skin-grey flex flex-col w-full"> <h5><a href="/products/cpaas-overview">CPaaS</a></h5> <p class="text-skin-grey text-sm mt-4">Create smarter customer interactions with Communications Platform as a Service (CPaaS).</p> </div> <div x-show="open" class="pt-10 pb-10 border-b border-skin-grey flex flex-col w-full"> <h5><a href="/products/webex-connect">Webex Connect</a></h5> <p class="text-skin-grey text-sm mt-4">Cloud communication platform to automate and orchestrate your customer interactions.</p> </div> <div x-show="open" class=" border-skin-grey flex flex-col w-full"> <a href="/products/webex-connect/flows" class="font-medium text-base mt-7">Flows</a> <a href="/products/webex-connect/nlp-and-ai" class="font-medium text-base mt-5">NLP & AI</a> <a href="/products/webex-connect/reporting-and-analytics" class="font-medium text-base mt-5">Reporting & Analytics</a> <a href="/products/webex-connect/integrations" class="font-medium text-base mt-5">Integrations</a> <a href="/products/webex-connect/contact-management" class="font-medium text-base mt-5">Contact Management</a> <a href="/products/webex-connect/apis-and-sdks" class="font-medium text-base mt-5">API and SDKs</a> <a href="/products/webex-connect/developer-hub" class="font-medium text-base mt-5">Developer Hub</a> </div> <div x-show="open" class="pt-10 border-skin-grey flex flex-col w-full"> <h5><a href="/products/webex-campaign">Webex Campaign</a></h5> <p class="text-skin-grey text-sm mt-4">Manage and automate your marketing campaigns.</p> </div> <div x-show="open" class="pt-10 border-skin-grey flex flex-col w-full"> <h5><a href="/products/webex-engage">Webex Engage</a></h5> <p class="text-skin-grey text-sm mt-4">Empower your contact center to support customer conversations on any channel.</p> </div> <div x-show="open" class="pt-10 border-skin-grey flex flex-col w-full"> <h5><a href="/products/webex-notify">Webex Notify</a></h5> <p class="text-skin-grey text-sm mt-4">Help operations staff keep your customers informed.</p> </div> <div x-show="open" class="pt-10 border-skin-grey flex flex-col w-full"> <h5><a href="/business-messaging">Business messaging</a></h5> <p class="text-skin-grey text-sm mt-4">From SMS to the next generation of digital messaging channels, start delivering richer experiences on the channel closest to customers.</p> </div> <div x-show="open" class=" border-skin-grey flex flex-col w-full"> <a href="/business-messaging/apple-messages-for-business" class="font-medium text-base mt-7">Apple Messages for Business</a> <a href="/business-messaging/branded-text" class="font-medium text-base mt-5">Branded Text</a> <a href="/business-messaging/instagram" class="font-medium text-base mt-5">Instagram</a> <a href="/business-messaging/mms" class="font-medium text-base mt-5">MMS</a> <a href="/business-messaging/rcs-business-messaging" class="font-medium text-base mt-5">RCS Business Messaging</a> <a href="/business-messaging/sms" class="font-medium text-base mt-5">SMS</a> <a href="/business-messaging/web-rtc" class="font-medium text-base mt-5">Web RTC</a> <a href="/business-messaging/whatsapp-business-api" class="font-medium text-base mt-5">WhatsApp Business API</a> </div> </li> <li class="text-h4 py-3 border-t flex flex-col justify-between items-center" x-data="{ open: false }" @click.outside="open = false"> <button class="cursor-pointer flex justify-between w-full items-center" x-on:click="open = !open"> Solutions <div x-bind:class="open ? 'hidden' : 'block'"> <svg class="w-5 h-5" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="9.9563" width="20" height="2" fill="#181818"/> <rect x="9" y="20.9563" width="20" height="2" transform="rotate(-90 9 20.9563)" fill="#181818"/> </svg> </div> <div x-bind:class="open ? 'block' : 'hidden'"> <svg class="w-5 h-5" width="20" height="3" viewBox="0 0 20 3" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.399902" width="20" height="2" fill="#181818"/> </svg> </div> </button> <div x-show="open" class="py-10 border-b border-skin-grey flex flex-col w-full"> <h5>Industries</h5> <a href="/solutions/automotive" class="font-medium text-base mt-5">Automotive</a> <a href="/solutions/banking" class="font-medium text-base mt-5">Banking</a> <a href="/solutions/gaming" class="font-medium text-base mt-5">Gaming</a> <a href="/solutions/government-and-public-sector" class="font-medium text-base mt-5">Government & public sector</a> <a href="/solutions/healthcare" class="font-medium text-base mt-5">Healthcare</a> <a href="/solutions/insurance" class="font-medium text-base mt-5">Insurance</a> <a href="/solutions/logistics" class="font-medium text-base mt-5">Logistics</a> <a href="/solutions/media-and-broadcasters" class="font-medium text-base mt-5">Media & broadcasters</a> <a href="/solutions/recruitment" class="font-medium text-base mt-5">Recruitment</a> <a href="/solutions/retail" class="font-medium text-base mt-5">Retail</a> <a href="/solutions/telecommunications" class="font-medium text-base mt-5">Telecommunications</a> <a href="/solutions/travel" class="font-medium text-base mt-5">Travel</a> <a href="/solutions/utilities" class="font-medium text-base mt-5">Utilities</a> </div> <div x-show="open" class="py-10 border-b border-skin-grey flex flex-col w-full"> <h5>Teams</h5> <a href="/solutions/customer-service" class="font-medium text-base mt-5">Customer Service</a> <a href="/solutions/employee-communications" class="font-medium text-base mt-5">Employee communications</a> <a href="/solutions/it-and-operations" class="font-medium text-base mt-5">IT & operations</a> <a href="/solutions/marketing" class="font-medium text-base mt-5">Marketing</a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-b border-skin-grey"> <a href="/solutions/retail" class="font-medium text-base flex w-full items-center"> <img data-src="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvU29sdXRpb25zL1JldGFpbC93b21hbi1zaG9wLWlwYWQud2VicA==?fit=crop-62-48-1&w=80&h=80&s=24e0c48feb7cbbaa8a969e98664eeb1a" alt="" class="lazyload w-20 h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>Every interaction makes customers smile</h5> <p class="text-xs text-skin-grey mt-2">Redefine the purchase journey with intelligent automation and contextual promotions.</p> </div> </a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-skin-grey"> <a href="/lp/authorised-push-payment-fraud" class="font-medium text-base flex w-full items-center"> <img data-src="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvUmVzb3VyY2VzL0Jsb2cvaG93LXRvLXByZXZlbnQtYW5kLXJlZHVjZS1hdXRob3JpemVkLndlYnA=?fit=crop&w=80&h=80&s=739870764de7c9f77fa6cc49169bd3a3" alt="" class="lazyload w-20 h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>Authorized Push Payment (APP) fraud solutions</h5> <p class="text-xs text-skin-grey mt-2">We analyze security risks and harness verified communications to help banks combat Authorized Push Payment (APP) fraud.</p> </div> </a> </div> </li> <li class="text-h4 py-3 border-t flex flex-col justify-between items-center" x-data="{ open: false }" @click.outside="open = false"> <button class="cursor-pointer flex justify-between w-full items-center" x-on:click="open = !open"> Resources <div x-bind:class="open ? 'hidden' : 'block'"> <svg class="w-5 h-5" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="9.9563" width="20" height="2" fill="#181818"/> <rect x="9" y="20.9563" width="20" height="2" transform="rotate(-90 9 20.9563)" fill="#181818"/> </svg> </div> <div x-bind:class="open ? 'block' : 'hidden'"> <svg class="w-5 h-5" width="20" height="3" viewBox="0 0 20 3" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.399902" width="20" height="2" fill="#181818"/> </svg> </div> </button> <div x-show="open" class="py-10 border-b border-skin-grey flex flex-col w-full"> <h5>Select a resource</h5> <a href="/resources/learning" class="font-medium text-base mt-5">Learning</a> <a href="/resources/customer-stories" class="font-medium text-base mt-5">Customer stories</a> <a href="/blog" class="font-medium text-base mt-5">Blog</a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-b border-skin-grey"> <a href="/blog/rcs-ios-18" class="font-medium text-base flex w-full items-center"> <img data-src="/img/asset/YXNzZXRzL1Bob3RvZ3JhcGh5L1Jlc291cmNlcy9CbG9nL2FwcGxlLXJjcy1pb3MxOC1yZWxlYXNlLmpwZw==?fit=crop&w=80&h=80&s=67b196a42a39e255449440359a52cd92" alt="" class="lazyload w-20 h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>Apple now supports RCS in iOS 18 release</h5> <p class="text-xs text-skin-grey mt-2">RCS is now on iPhone - here’s what you need to know, and why you should expand your business messaging.</p> </div> </a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-b border-skin-grey"> <a href="https://cpaas.webex.com/resources/report/gartner-magic-quadrant-cpaas-2024" class="font-medium text-base flex w-full items-center"> <img data-src="/img/asset/YXNzZXRzL3dlYnAvUmVuZGVycy9SZXNvdXJjZXMvcmVwb3J0LWdhcnRuZXItbXEtMjAyNC10YWJsZXQud2VicA==?fit=crop-41-40-1.3&w=80&h=80&s=ee32f5bef45b3831585121cd0e9e242b" alt="" class="lazyload w-20 h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>2024 Gartner® Magic Quadrant™</h5> <p class="text-xs text-skin-grey mt-2">Discover why we are recognized as a Visionary in the 2024 Gartner Magic Quadrant for CPaaS.</p> </div> </a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-skin-grey"> <a href="https://cpaas.webex.com/resources/whitepaper/building-a-business-case-for-cpaas" class="font-medium text-base flex w-full items-center"> <img data-src="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvU29sdXRpb25zL01hcmtldGluZy90d28tcGVvcGxlLWJvYXJkLWxvb2tpbmcud2VicA==?fit=crop-43-43-1&w=80&h=80&s=156f0bc83ec5e23c9886ab24b267c2e5" alt="" class="lazyload w-20 h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>Building a business case for CPaaS</h5> <p class="text-xs text-skin-grey mt-2">The global CPaaS market will grow by 62 billion dollars by 2029 - have you started building your business case for it?</p> </div> </a> </div> </li> <li class="text-h4 py-3 border-t flex flex-col justify-between items-center" x-data="{ open: false }" @click.outside="open = false"> <button class="cursor-pointer flex justify-between w-full items-center" x-on:click="open = !open"> About us <div x-bind:class="open ? 'hidden' : 'block'"> <svg class="w-5 h-5" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="9.9563" width="20" height="2" fill="#181818"/> <rect x="9" y="20.9563" width="20" height="2" transform="rotate(-90 9 20.9563)" fill="#181818"/> </svg> </div> <div x-bind:class="open ? 'block' : 'hidden'"> <svg class="w-5 h-5" width="20" height="3" viewBox="0 0 20 3" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.399902" width="20" height="2" fill="#181818"/> </svg> </div> </button> <div x-show="open" class="py-10 border-b border-skin-grey flex flex-col w-full"> <h5>Learn more</h5> <a href="/about-us/our-story" class="font-medium text-base mt-5">Our story</a> <a href="/about-us/press-releases" class="font-medium text-base mt-5">Press and media</a> <a href="/about-us/careers" class="font-medium text-base mt-5">Careers</a> <a href="https://investors.imimobile.com/?_ga=2.53282664.1300160264.1643021306-1467879296.1630577117" class="font-medium text-base mt-5">Investors</a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-b border-skin-grey"> <a href="https://www.uctoday.com/unified-communications/cpaas/top-cpaas-providers-for-2023/" class="font-medium text-base flex w-full items-center"> <img data-src="/img/asset/YXNzZXRzL290aGVyL3VjLXRvZGF5LWFydGljbGUtcHJvbW90aW9uLmpwZw==?fit=crop-80-60-1&w=80&h=80&s=9c34bb38b8b0e642a5adc54bd13e6f72" alt="" class="lazyload w-20 h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>Latest news</h5> <p class="text-xs text-skin-grey mt-2">Find out why UC Today recognise Webex CPaaS Solutions as one of the leading CPaaS providers of 2023.</p> </div> </a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-skin-grey"> <a href="/blog/completion-of-imimobile-plcs-acquisition-by-cisco" class="font-medium text-base flex w-full items-center"> <img data-src="/img/asset/YXNzZXRzL1Bob3RvZ3JhcGh5L1NvbHV0aW9ucy9NYXJrZXRpbmcvdHdvLXBlb3BsZS1ib2FyZC1sb29raW5nLmpwZw==?fit=crop-36-36-1&w=80&h=80&s=91ae4ca8ca587b2392ae044f40ce2f61" alt="" class="lazyload w-20 h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>Completion of imi's acquisition by Cisco</h5> <p class="text-xs text-skin-grey mt-2">imimobile is now part of Cisco.</p> </div> </a> </div> </li> <li class="text-h4 py-3 border-t font-normal"><a class="block" href="/partners">Partners</a></li> <li class="text-h4 py-3 border-t border-b font-normal"><a class="block" href="/contact">Contact</a></li> <li class="py-6"> <a href="/contact/book-a-demo" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Schedule a demo"> <span class="flex items-center rounded-full justify-center whitespace-nowrap border group duration-200 transition-colors font-medium text-[14px] md:text-[15px] leading-btn tracking-base bg-transparent border-skin-bww text-skin-bww hover:border-skin-bwb hover:bg-skin-bwb hover:text-skin-wbw fill-skin-bww hover:fill-skin-wbw py-5 px-[21px]"> Schedule a demo </span> </a> </li> </ul> </nav> <script> window.addEventListener('DOMContentLoaded', function() { burgerTlm = new gsap.timeline({ paused: true, reversed: false }); burgerTlm.to('#burgericon > rect:last-child', { rotate: -45, transformOrigin: 'center center', y: -4, duration: 0.1, ease: 'linear' }).to('#burgericon > rect:first-child', { rotate: 45, transformOrigin: 'center center', y: 4, duration: 0.1, ease: 'linear' }, 0); var prevScrollpos = window.pageYOffset; var goingDown = true; var scrollDifference = 0; window.onscroll = function() { var currentScrollPos = window.pageYOffset; if (prevScrollpos > currentScrollPos && goingDown) { goingDown = false; scrollDifference = 0; } if (prevScrollpos < currentScrollPos && !goingDown) { goingDown = true; scrollDifference = 0; } scrollDifference += Math.abs(prevScrollpos - currentScrollPos) if (prevScrollpos > currentScrollPos && scrollDifference > 70) { document.getElementsByTagName("nav")[0].style.top = "0"; } else if (scrollDifference > 70) { document.getElementsByTagName("nav")[0].style.top = "-150px"; } prevScrollpos = currentScrollPos; } }); function animateBurger(open) { if (open) { burgerTlm.play(); } else { burgerTlm.reverse(); } } </script> <main> <div class="md:pt-[52px]"></div> <div class="md:pt-[97px]"></div> <section class="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/aHR0cHM6Ly93ZWJleC1pbWltb2JpbGUubnljMy5jZG4uZGlnaXRhbG9jZWFuc3BhY2VzLmNvbS93ZWJwL1Bob3RvZ3JhcGh5L1NvbHV0aW9ucy9BdXRvbW90aXZlL2ZhbWlseS1pbi1jYXIud2VicA==?fit=crop&w=535&h=535&s=87b810c0798b8752e074e4b79e13bde0"> <img id="assets::webp/Photography/Solutions/Automotive/family-in-car.webp" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Solutions/Automotive/family-in-car.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">Automotive</span> <h1 class="pb-5 text-skin-bwg">Transform the driver experience.</h1> <div class="text-lg md:max-w-10/12 max-w-11/12 prose-top-block standard"> <p>Deliver tailored interactions and services across the customer journey that drive revenue and increase customer satisfaction.</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 text-h2">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">Automated test drive booking</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">Showroom or service center locator</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">Payment notifications</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">AI-driven chatbots and self-service</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">Share vehicle brochures via messaging</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">Vehicle service reminders</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 text-h2">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/hyundai.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/mercedes.svg" alt=""> </div> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/toyota.svg" alt=""> </div> </div> <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/hyundai.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/mercedes.svg" alt=""> </div> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/toyota.svg" alt=""> </div> </div> </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/aa.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/skoda.png" 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/advance-ap.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/aa.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/skoda.png" 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/advance-ap.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 text-h2">Deliver rich interactions across the customer lifecycle.</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/YXNzZXRzL3dlYnAvUmVuZGVycy9DaGFubmVscy9hbWItYXV0b21vdGl2ZS1zZXJ2aWNlLXJlbWluZGVyLndlYnA=?fit=crop&w=700&h=700&s=864be2096f0226ed7d3c7465ed68ddde"> <img id="3ijewCVi" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Renders/Channels/amb-automotive-service-reminder.jpg" class="lazyload w-full rounded-full 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">Build lasting customer relationships</h3> <div class="prose-page standard md:max-w-500"> <h3>Marketing made easy</h3><p>Attract and engage new customers with targeted marketing campaigns across any messaging channel. Avoid enquiry abandonment with proactive alerts around available offers or finance deals.</p><h3>Personalized offers</h3><p>Offer personalized deals, discounts, and offers to customers. Integrate with CRM systems to leverage customer data and suggest relevant buying options. Trigger end-of-lease reminders for rental vehicles or renewal offers over customers’ preferred channels.<br></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="flex-1"> <div class="aspect-h-1 aspect-w-1 w-full order-1"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvR2VuZXJpYy93b21lbi1jb3VwbGUtbG9va2luZy1hdC1waG9uZS53ZWJw?fit=crop-54-54-1&w=408&h=408&s=680952d47bb8a7109092bd240f47001f"> <img id="memmfjl0" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Generic/women-couple-looking-at-phone.jpg" class="lazyload w-full md:rounded-2vw rounded-4vw lg:rounded-30 md:rounded-20 rounded-[16px] object-cover" alt=""> </picture> </div> </div> <div class="flex-1 "> <div class="w-full"> <div class="w-full"> <div class="w-full border-device-wrapper md:border-device-wrapper-lg "> <picture> <source type="image/webp" data-srcset="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/webp/Screenshots/Channels/amb-automotive-time-picker.webp"> <img id="memmfjl0" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Screenshots/Channels/amb-automotive-time-picker.jpg" class="lazyload w-full rounded-2vw border-device md:rounded-device-lg aspect-[253/548] object-cover" alt=""> </picture> </div> </div> </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">Put customers in the driving seat</h3> <div class="prose-page standard md:max-w-500"> <h3>Transform the test drive experience</h3><p>Automate test drive appointment bookings. Send proactive alerts with a response path using SMS, <a href="/business-messaging/rcs-business-messaging">RCS</a>, <a href="/business-messaging/whatsapp-business-api">WhatsApp Business</a>, and more. Choose available slots using time pickers, action buttons, and carousels.</p><h3>Provide assistance at all times</h3><p>Address customer enquiries instantly via voice, live chat, and AI chatbots. Provide real-time agent assistance to deliver a contextual customer experience. Recover missed sales opportunities by deflecting inbound calls to digital channels.</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="flex-1"> <div class="aspect-h-1 aspect-w-1 w-full order-1"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvU29sdXRpb25zL0F1dG9tb3RpdmUvbWFuLXRleHRpbmctbGVhbmluZy1vbi1jYXIud2VicA==?fit=crop&w=408&h=408&s=e3dae12b5c67220385b3405a689284a6"> <img id="3SAI8fcU" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Solutions/Automotive/man-texting-leaning-on-car.jpg" class="lazyload w-full md:rounded-2vw rounded-4vw lg:rounded-30 md:rounded-20 rounded-[16px] object-cover" alt=""> </picture> </div> </div> <div class="flex-1 order-first "> <div class="w-full"> <div class="w-full"> <div class="w-full border-device-wrapper md:border-device-wrapper-lg "> <picture> <source type="image/webp" data-srcset="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/webp/Screenshots/Channels/amb-automotive-chat-feedback.webp"> <img id="3SAI8fcU" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Screenshots/Channels/amb-automotive-chat-feedback.jpg" class="lazyload w-full rounded-2vw border-device md:rounded-device-lg aspect-[253/548] object-cover" alt=""> </picture> </div> </div> </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">Make customer interactions go further</h3> <div class="prose-page standard md:max-w-500"> <h3>Proactive alerts</h3><p>Trigger proactive service reminders and post-service car collection alerts by integrating with existing systems. Engage and retain customers through the service lifecycle with first-service add-ons, service package information, and more.</p><h3>Customer feedback</h3><p>Enhance customer loyalty with feedback surveys following a vehicle service or a showroom visit. Encourage customers to respond by using two-way messaging channels.</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"> <svg class="absolute w-1/2 pointer-events-none corner-gradient-br" viewBox="0 0 629 324" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_10523_56085)"> <g opacity="0.5"> <g filter="url(#filter0_f_10523_56085)"> <ellipse cx="150" cy="100" rx="150" ry="100" transform="matrix(0.866025 -0.5 -0.5 -0.866026 544 497.205)" fill="#01B172" /> </g> <g filter="url(#filter1_f_10523_56085)"> <ellipse cx="150" cy="100" rx="150" ry="100" transform="matrix(1 0 1.88408e-07 -1 288 468)" fill="#01B172" /> </g> </g> </g> <defs> <filter id="filter0_f_10523_56085" x="284.672" y="21.0361" width="678.463" height="629.133" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_10523_56085" /> </filter> <filter id="filter1_f_10523_56085" x="88" y="68" width="700" height="600" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_10523_56085" /> </filter> <clipPath id="clip0_10523_56085"> <rect width="629" height="324" fill="white" /> </clipPath> </defs> </svg> <div class="max-w-[1440px] mx-auto px-std py-10 md:py-16 lg:py-20 "> <div class="flex flex-col md:flex-row relative justify-between gap-x-10"> <div class="flex flex-col flex-1"> <div class="md:max-w-600"> <span class="md:mb-5 mb-3 text-skin-grey"></span> <h2 class="md:pb-5 pb-3 text-h4 text-skin-bwg"> ŠKODA AUTO uses WhatsApp solutions.</h2> <p class="md:text-base_lg text-base text-skin-grey">Discover how SKODA started using WhatsApp Business as a customer service channel to improve the experience for booking vehicle services.</p> <div class="md:pt-10 pt-8 flex gap-x-3 flex-wrap gap-y-3 pb-14 md:pb-0"> <a href="/company/press-releases/imimobile-enables-skoda-auto-to-use-the-whatsapp-business-api-for-customer-interactions" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Read now"> <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 now <svg width="14" height="14" viewBox="0 0 14 14" class="inline ml-1"> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> </div> <div class="flex md:px-5 px-4 w-full flex-1 gap-x-2 items-center md:pl-7/100 md:max-w-1/2"> <div class="flex-1"> <div class="aspect-w-1 aspect-h-1 w-full"> <picture> <source type="image/webp" data-srcset="/img/http/aHR0cHM6Ly93ZWJleC1pbWltb2JpbGUubnljMy5jZG4uZGlnaXRhbG9jZWFuc3BhY2VzLmNvbS93ZWJwL1Bob3RvZ3JhcGh5L1Jlc291cmNlcy9CbG9nLzQtdHJlbmRzLWd1aWRpbmctY3VzdG9tZXItc2VydmljZS53ZWJw?fit=crop&w=300&h=300&s=6d4a7bcfd64f784ecfa3f6df1eb8e51a"> <img class="lazyload object-cover rounded-full" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Resources/Blog/4-trends-guiding-customer-service.jpg" alt=""> </picture> </div> </div> <div class="flex-1"> <div class="aspect-w-1 aspect-h-1 w-full"> <picture> <source type="image/webp" data-srcset="/img/http/aHR0cHM6Ly93ZWJleC1pbWltb2JpbGUubnljMy5jZG4uZGlnaXRhbG9jZWFuc3BhY2VzLmNvbS93ZWJwL1Bob3RvZ3JhcGh5L1NvbHV0aW9ucy9BdXRvbW90aXZlL2NvdXBsZS1sb29raW5nLWF0LXBob25lLWNhci1uZWFyLXNlYS53ZWJw?fit=crop&w=300&h=300&s=28893e767529b5b4c660231cdd0d6c03"> <img class="lazyload object-cover rounded-full" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Solutions/Automotive/couple-looking-at-phone-car-near-sea.jpg" alt=""> </picture> </div> </div> <div class="flex-1"> <div class="aspect-w-1 aspect-h-1 w-full"> <picture> <source type="image/webp" data-srcset="/img/http/aHR0cHM6Ly93ZWJleC1pbWltb2JpbGUubnljMy5jZG4uZGlnaXRhbG9jZWFuc3BhY2VzLmNvbS9QaG90b2dyYXBoeS9SZXNvdXJjZXMvQmxvZy93aGF0c0FwcC1idXNpbmVzcy10cmF2ZWwtaW5kdXN0cnkuanBn?fit=crop&w=300&h=300&s=31cdd90d775249c54a452905b13e118c"> <img class="lazyload object-cover rounded-full" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Resources/Blog/whatsApp-business-travel-industry.jpg" alt=""> </picture> </div> </div> </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 text-h2">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(#mantis-to-fountain-blue)" width="128" height="128" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.1999 53.3673H24.4076L24.4079 53.367C23.109 53.367 21.8329 53.025 20.7081 52.3755C19.5832 51.726 18.6491 50.7917 17.9998 49.6668C17.3504 48.5418 17.0086 47.2657 17.0088 45.9668C17.009 44.6678 17.3511 43.3918 18.0007 42.267L30.4507 20.7001C31.0944 19.5702 32.0272 18.632 33.1534 17.9817C34.2796 17.3315 35.5585 16.9927 36.8589 17.0001H36.8599C38.1603 16.9925 39.4393 17.3312 40.5655 17.9815C41.6917 18.6317 42.6245 19.5701 43.268 20.7001L55.7201 42.2673C56.3696 43.3922 56.7115 44.6683 56.7115 45.9672C56.7115 47.2662 56.3697 48.5422 55.7202 49.6672C55.0708 50.7921 54.1367 51.7263 53.0118 52.3758C51.8869 53.0253 50.6109 53.3673 49.3119 53.3673H38.9999V63.0001C38.9999 63.5306 38.7892 64.0393 38.4141 64.4143C38.0391 64.7894 37.5303 65.0001 36.9999 65.0001C36.4695 65.0001 35.9608 64.7894 35.5857 64.4143C35.2106 64.0393 34.9999 63.5306 34.9999 63.0001V51.3672C34.9999 50.8368 35.2106 50.3281 35.5857 49.953C35.9608 49.5779 36.4695 49.3672 36.9999 49.3672H49.3119C49.9087 49.3672 50.495 49.2101 51.0119 48.9117C51.5287 48.6133 51.9579 48.184 52.2563 47.6672C52.5547 47.1503 52.7118 46.564 52.7118 45.9672C52.7118 45.3704 52.5547 44.7841 52.2563 44.2672L39.8041 22.7001C39.5057 22.1833 39.0765 21.7542 38.5596 21.4558C38.0428 21.1574 37.4565 21.0004 36.8598 21.0004C36.263 21.0004 35.6767 21.1574 35.1599 21.4558C34.643 21.7542 34.2138 22.1833 33.9154 22.7001L21.4646 44.2673C21.166 44.7841 21.0087 45.3703 21.0086 45.9671C21.0084 46.5639 21.1654 47.1503 21.4637 47.6672C21.762 48.1841 22.1912 48.6133 22.708 48.9118C23.2248 49.2102 23.8111 49.3673 24.4079 49.3673H26.1999C26.7303 49.3673 27.2391 49.578 27.6141 49.9531C27.9892 50.3282 28.1999 50.8369 28.1999 51.3673C28.1999 51.8978 27.9892 52.4065 27.6141 52.7815C27.2391 53.1566 26.7303 53.3673 26.1999 53.3673ZM100.065 71H101.8C104.239 71.0026 106.578 71.9728 108.302 73.6975C110.027 75.4223 110.997 77.7608 111 80.2V101.8C110.997 104.239 110.027 106.578 108.302 108.302C106.578 110.027 104.239 110.997 101.8 111H80.2C77.7608 110.997 75.4223 110.027 73.6975 108.302C71.9728 106.578 71.0026 104.239 71 101.8V80.2C71.0026 77.7608 71.9728 75.4223 73.6975 73.6975C75.4223 71.9728 77.7608 71.0026 80.2 71H89V65C89 64.4696 89.2107 63.9609 89.5858 63.5858C89.9609 63.2107 90.4696 63 91 63C91.5304 63 92.0391 63.2107 92.4142 63.5858C92.7893 63.9609 93 64.4696 93 65V73C93 73.5304 92.7893 74.0391 92.4142 74.4142C92.0391 74.7893 91.5304 75 91 75H80.2C78.8214 75.0017 77.4997 75.5501 76.5249 76.5249C75.5501 77.4997 75.0017 78.8214 75 80.2V101.8C75.0015 103.179 75.5498 104.5 76.5247 105.475C77.4995 106.45 78.8213 106.999 80.2 107H101.8C103.179 106.999 104.501 106.451 105.476 105.476C106.451 104.501 106.999 103.179 107 101.8V80.2C106.999 78.8213 106.45 77.4995 105.475 76.5247C104.5 75.5498 103.179 75.0015 101.8 75H100.065C99.5346 75 99.0259 74.7893 98.6508 74.4142C98.2757 74.0391 98.065 73.5304 98.065 73C98.065 72.4696 98.2757 71.9609 98.6508 71.5858C99.0259 71.2107 99.5346 71 100.065 71ZM63 89H56.7383C56.3609 87.2994 55.5051 85.7422 54.272 84.5118L43.4888 73.728C41.7623 72.0049 39.4227 71.0371 36.9834 71.0371C34.5441 71.0371 32.2045 72.0049 30.478 73.728L19.6948 84.5113C17.9721 86.238 17.0046 88.5775 17.0046 91.0166C17.0046 93.4557 17.9721 95.7953 19.6948 97.522L30.478 108.305C32.2046 110.028 34.5442 110.996 36.9834 110.996C39.4226 110.996 41.7622 110.028 43.4888 108.305L51.2857 100.508C51.6539 100.132 51.8587 99.6254 51.8557 99.0988C51.8528 98.5723 51.6423 98.0681 51.27 97.6958C50.8977 97.3234 50.3935 97.1129 49.867 97.11C49.3405 97.107 48.834 97.3119 48.4575 97.68L40.6607 105.477C39.6846 106.451 38.3622 106.997 36.9835 106.997C35.6047 106.997 34.2823 106.451 33.3062 105.477L22.523 94.6939C21.5493 93.7178 21.0024 92.3954 21.0024 91.0166C21.0024 89.6379 21.5493 88.3155 22.523 87.3394L33.3062 76.5562C34.2823 75.5825 35.6047 75.0356 36.9835 75.0356C38.3622 75.0356 39.6846 75.5825 40.6607 76.5562L51.4439 87.3394C51.9257 87.819 52.3082 88.389 52.5694 89.0166C52.8307 89.6443 52.9657 90.3172 52.9666 90.9971V90.9995C52.9666 91.4603 53.1257 91.907 53.4169 92.2641C53.7082 92.6212 54.1138 92.8668 54.5652 92.9595C54.5719 92.9608 54.5789 92.9612 54.586 92.9616L54.5881 92.9617C54.5938 92.962 54.5996 92.9624 54.6052 92.9634C54.7242 92.9865 54.8451 92.9988 54.9663 93H63C63.5304 93 64.0391 92.7893 64.4142 92.4142C64.7893 92.0391 65 91.5304 65 91C65 90.4696 64.7893 89.9608 64.4142 89.5858C64.0391 89.2107 63.5304 89 63 89ZM71.1013 39H62C61.4696 39 60.9609 38.7893 60.5858 38.4142C60.2107 38.0392 60 37.5304 60 37C60 36.4696 60.2107 35.9609 60.5858 35.5858C60.9609 35.2107 61.4696 35 62 35H73C73.5304 35 74.0391 35.2107 74.4142 35.5858C74.7893 35.9609 75 36.4696 75 37C75.001 40.8829 76.4137 44.6331 78.9747 47.5517C81.5358 50.4702 85.0706 52.3582 88.9204 52.8637C92.7703 53.3693 96.6727 52.4579 99.9004 50.2995C103.128 48.1411 105.461 44.8828 106.465 41.1317C107.468 37.3807 107.074 33.3928 105.355 29.911C103.636 26.4293 100.71 23.6913 97.1215 22.2071C93.5334 20.7228 89.5281 20.5937 85.8519 21.8438C82.1757 23.0938 79.0793 25.6377 77.1397 29.0015C76.8741 29.4607 76.437 29.7956 75.9244 29.9325C75.4119 30.0694 74.866 29.9971 74.4068 29.7315C73.9476 29.4659 73.6127 29.0288 73.4758 28.5162C73.3389 28.0037 73.4112 27.4578 73.6768 26.9986C76.0579 22.8728 79.8341 19.7328 84.3251 18.1443C88.8161 16.5557 93.7267 16.6231 98.1725 18.3342C102.618 20.0453 106.307 23.2877 108.574 27.4774C110.841 31.667 111.537 36.5284 110.538 41.1861C109.538 45.8437 106.909 49.9913 103.122 52.8818C99.3356 55.7724 94.6414 57.2158 89.8851 56.9522C85.1287 56.6885 80.6228 54.7351 77.179 51.4438C73.7352 48.1524 71.5799 43.7396 71.1013 39Z" /> </svg> <h3 class="text-skin-bwg pb-5 text-h5 font-normal">Agile</h3> </div> <div class="flex flex-col justify-between"> <p class="text-skin-grey pr-2-vw font-light text-base">Build and modify customer journeys dynamically. Seamlessly combine online and offline journeys with a centralized communications platform.</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(#mantis-to-fountain-blue)" 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">Have a unified view of all customer communications. Manage leads, sales, and post-sales customer journeys on a single platform.</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(#mantis-to-fountain-blue)" width="128" height="128" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"> <path d="M116.463 113.537L99.9254 96.9991C99.5518 96.6252 99.0454 96.4144 98.5168 96.413C97.9883 96.4115 97.4807 96.6195 97.105 96.9913C91.4415 102.592 84.486 106.711 76.853 108.985C69.2199 111.26 61.1441 111.62 53.339 110.033C45.5339 108.446 38.2397 104.961 32.1007 99.887C25.9617 94.8126 21.1668 88.3044 18.1395 80.9374C15.1123 73.5704 13.9459 65.5712 14.7433 57.6464C15.5407 49.7217 18.2775 42.1153 22.7118 35.4991C27.1462 28.8829 33.1416 23.4605 40.1686 19.711C47.1955 15.9614 55.0378 14 63.0025 14.0001C90.6529 14.0001 111.505 33.7784 111.505 60.006C111.505 79.9933 94.2799 91.0001 63.0026 91.0001C50.7487 91.0001 39.9996 87.3732 39.9996 83.2384C39.9996 72.2042 50.5338 62.8829 63.0026 62.8829C72.9449 62.8829 81.8063 68.9366 84.5524 77.6036C84.7124 78.1092 85.0668 78.5305 85.5374 78.7748C86.0081 79.0191 86.5565 79.0664 87.0621 78.9064C87.5677 78.7463 87.989 78.392 88.2333 77.9213C88.4776 77.4506 88.5249 76.9022 88.3649 76.3966C85.9265 68.6972 79.4921 62.7348 71.5325 60.2065C74.1625 58.3887 76.143 55.7782 77.185 52.7558C78.2271 49.7334 78.2763 46.457 77.3254 43.4047C76.3745 40.3523 74.4733 37.6836 71.8991 35.7877C69.3249 33.8918 66.2122 32.868 63.0152 32.8654C59.8182 32.8629 56.704 33.8819 54.1267 35.7737C51.5495 37.6655 49.6441 40.3313 48.6884 43.3821C47.7327 46.433 47.7768 49.7094 48.8141 52.7334C49.8514 55.7575 51.8277 58.3711 54.4548 60.193C43.8568 63.5038 35.9996 72.7169 35.9996 83.2384C35.9996 90.9601 49.5836 95.0001 63.0025 95.0001C96.3677 95.0001 115.505 82.2452 115.505 60.006C115.566 53.275 114.226 46.605 111.57 40.42C108.913 34.235 104.999 28.6705 100.076 24.0802C90.3307 15.0001 77.1647 10.0001 63.0026 10.0001C54.4652 10.0004 46.0568 12.0826 38.5059 16.0663C30.955 20.0499 24.4894 25.8149 19.6695 32.8615C14.8496 39.9081 11.8209 48.0238 10.8456 56.5052C9.87041 64.9866 10.9782 73.5779 14.0729 81.5346C17.1677 89.4912 22.1561 96.5732 28.6058 102.167C35.0555 107.76 42.7719 111.696 51.0864 113.634C59.4008 115.572 68.0624 115.454 76.3206 113.288C84.5788 111.123 92.1843 106.976 98.4781 101.208L113.635 116.365C114.01 116.74 114.519 116.951 115.049 116.951C115.58 116.951 116.088 116.74 116.463 116.365C116.839 115.99 117.049 115.482 117.049 114.951C117.049 114.421 116.838 113.912 116.463 113.537ZM52.0025 47.8829C52.0025 45.7073 52.6477 43.5806 53.8563 41.7717C55.065 39.9627 56.783 38.5528 58.793 37.7203C60.803 36.8877 63.0147 36.6699 65.1485 37.0943C67.2823 37.5187 69.2423 38.5664 70.7807 40.1048C72.3191 41.6431 73.3667 43.6031 73.7912 45.7369C74.2156 47.8707 73.9977 50.0825 73.1652 52.0925C72.3326 54.1024 70.9227 55.8204 69.1138 57.0291C67.3048 58.2378 65.1781 58.8829 63.0025 58.8829C60.0861 58.8796 57.2902 57.7197 55.228 55.6575C53.1658 53.5953 52.0058 50.7993 52.0025 47.8829Z" /> </svg> <h3 class="text-skin-bwg pb-5 text-h5 font-normal">Personalized</h3> </div> <div class="flex flex-col justify-between"> <p class="text-skin-grey pr-2-vw font-light text-base">Use data from existing systems to build journeys unique to your customers. Suggest personalized offers and deals to drive customer engagement and increase revenue.</p> </div> </div> </div> </div> </section> <section class="relative theme-dark 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">New channels such as WhatsApp Business offer endless possibilities for improving the purchase, post-sales support, and customer service journeys. ”</div> </div> <div class="ml-4 md:ml-[27px] text-skin-grey md:text-sm_lg text-sm self-start">Santosh Iyer, Vice-President, Sales & Marketing, Mercedes-Benz India</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"> <svg class="absolute w-1/2 pointer-events-none corner-gradient-bl" 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="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-mantis-to-fountain-blue"> 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="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-bwg text-h2">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="/company/press-releases/imimobile-launches-whatsapp-business-for-mercedes-benz" 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/YXNzZXRzL1Bob3RvZ3JhcGh5L1Jlc291cmNlcy9MZWFybmluZy93ZWJpbmFyLXdoYXRzYXBwLWxhdGVzdC1mZWF0dXJlcy5qcGc=?fit=crop&w=600&h=600&s=94bd86f627b7cb0238399ad1973d9dd8"> <img id="L14vI0R9" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Resources/Learning/webinar-whatsapp-latest-features.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">Press release</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"> WhatsApp Business for Mercedes-Benz</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/article/rcs-marketing-toolkit" 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/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvUmVzb3VyY2VzL0Jsb2cvd2hhdC1pcy1yY3MtbWVzc2FnaW5nLXRyZW5kc2pwZy53ZWJw?fit=crop-61-55-1&w=600&h=600&s=7d09bbe6b3bdd063892f1caacde03e6c"> <img id="yq9PDxcl" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Resources/Blog/what-is-rcs-messaging-trendsjpg.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"> Why RCS is a must for your messaging toolkit</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="p8gKNUYi" 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> <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">Drive superior customer journeys.</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" 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 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]"> 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> </div> </div> </div> </section> </main> <footer class="flex flex-col lg:py-20 theme-dark bg-skin-wbg py-5"> <div class="flex gap-x-5 md:mb-40 flex-col md:flex-row px-std max-w-[1440px] mx-auto w-full"> <div class="flex flex-1 flex-col" x-data="{ open : false }"> <h3 class="md:mb-10 text-base md:text-base_lg text-skin-bww py-4 md:py-0 flex justify-between theme-black cursor-pointer md:cursor-default" x-on:click="open = !open" x-bind:class="open ? 'text-skin-bwg md:text-skin-bww' : ''"> Products <div x-bind:class="open ? 'rotate-180 fill-skin-ggb' : 'fill-skin-bww'" class="h-3 duration-300"> <svg height="12" width="12" class="md:hidden" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </h3> <ul class="md:block" x-bind:class="open ? 'block' : 'hidden'"> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/cpaas-overview" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="CPaaS"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> CPaaS </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/webex-connect" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Webex Connect"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Webex Connect </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/webex-connect/developer-hub" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Developer Hub"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Developer Hub </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/webex-connect/apis-and-sdks" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Webex Connect APIs and SDKs"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Webex Connect APIs and SDKs </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/webex-campaign" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Webex Campaign"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Webex Campaign </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/webex-engage" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Webex Engage"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Webex Engage </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/webex-notify" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Webex Notify"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Webex Notify </span> </a> </li> </ul> </div> <div class="flex flex-1 flex-col" x-data="{ open : false }"> <h3 class="md:mb-10 text-base md:text-base_lg text-skin-bww py-4 md:py-0 flex justify-between theme-black cursor-pointer md:cursor-default" x-on:click="open = !open" x-bind:class="open ? 'text-skin-bwg md:text-skin-bww' : ''"> Solutions <div x-bind:class="open ? 'rotate-180 fill-skin-ggb' : 'fill-skin-bww'" class="h-3 duration-300"> <svg height="12" width="12" class="md:hidden" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </h3> <ul class="md:block" x-bind:class="open ? 'block' : 'hidden'"> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/automotive" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Automotive"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Automotive </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/banking" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Banking"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Banking </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/gaming" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Gaming"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Gaming </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/government-and-public-sector" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Government & public sector"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Government & public sector </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/healthcare" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Healthcare"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Healthcare </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/insurance" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Insurance"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Insurance </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/logistics" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Logistics"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Logistics </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/media-and-broadcasters" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Media & broadcasters"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Media & broadcasters </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/recruitment" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Recruitment"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Recruitment </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/retail" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Retail"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Retail </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/travel" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Travel"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Travel </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/telecommunications" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Telecommunications"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Telecommunications </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/utilities" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Utilities"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Utilities </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/customer-service" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Customer service"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Customer service </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/employee-communications" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Employee communications"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Employee communications </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/it-and-operations" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="IT & operations"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> IT & operations </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/marketing" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Marketing"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Marketing </span> </a> </li> </ul> </div> <div class="flex flex-1 flex-col" x-data="{ open : false }"> <h3 class="md:mb-10 text-base md:text-base_lg text-skin-bww py-4 md:py-0 flex justify-between theme-black cursor-pointer md:cursor-default" x-on:click="open = !open" x-bind:class="open ? 'text-skin-bwg md:text-skin-bww' : ''"> Business Messaging <div x-bind:class="open ? 'rotate-180 fill-skin-ggb' : 'fill-skin-bww'" class="h-3 duration-300"> <svg height="12" width="12" class="md:hidden" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </h3> <ul class="md:block" x-bind:class="open ? 'block' : 'hidden'"> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Business messaging"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Business messaging </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/branded-text" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Branded Text"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Branded Text </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/apple-messages-for-business" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Apple Messages for Business"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Apple Messages for Business </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/rcs-business-messaging" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="RCS Business Messaging"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> RCS Business Messaging </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/sms" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="SMS"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> SMS </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/mms" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="MMS"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> MMS </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/web-rtc" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Web RTC"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Web RTC </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/whatsapp-business-api" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="WhatsApp Business API"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> WhatsApp Business API </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/instagram" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Instagram"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Instagram </span> </a> </li> </ul> </div> <div class="flex flex-1 flex-col" x-data="{ open : false }"> <h3 class="md:mb-10 text-base md:text-base_lg text-skin-bww py-4 md:py-0 flex justify-between theme-black cursor-pointer md:cursor-default" x-on:click="open = !open" x-bind:class="open ? 'text-skin-bwg md:text-skin-bww' : ''"> Resources <div x-bind:class="open ? 'rotate-180 fill-skin-ggb' : 'fill-skin-bww'" class="h-3 duration-300"> <svg height="12" width="12" class="md:hidden" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </h3> <ul class="md:block" x-bind:class="open ? 'block' : 'hidden'"> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/resources/learning" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Learning"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Learning </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/resources/customer-stories" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Customer stories"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Customer stories </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/blog" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Blog"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Blog </span> </a> </li> </ul> </div> <div class="flex flex-1 flex-col" x-data="{ open : false }"> <h3 class="md:mb-10 text-base md:text-base_lg text-skin-bww py-4 md:py-0 flex justify-between theme-black cursor-pointer md:cursor-default" x-on:click="open = !open" x-bind:class="open ? 'text-skin-bwg md:text-skin-bww' : ''"> Company <div x-bind:class="open ? 'rotate-180 fill-skin-ggb' : 'fill-skin-bww'" class="h-3 duration-300"> <svg height="12" width="12" class="md:hidden" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </h3> <ul class="md:block" x-bind:class="open ? 'block' : 'hidden'"> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/about-us/our-story" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="About us"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> About us </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="https://investor.cisco.com/home/" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Investors"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Investors </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/about-us/press-releases" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Press releases"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Press releases </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/partners" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Partners"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Partners </span> </a> </li> </ul> </div> </div> <div class="flex justify-between flex-col md:flex-row mt-20 md:mt-0 px-std max-w-[1440px] mx-auto w-full"> <div> <div class="flex gap-y-2 text-sm flex-col"> <ul class="flex gap-x-5 flex-col md:flex-row mb-10 md:mb-0"> <li class="md:mb-5 text-skin-bww py-3 md:py-0"> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="/legal/terms-and-conditions">Terms & Conditions</a> </li> <li class="md:mb-5 text-skin-bww py-3 md:py-0"> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="/legal/privacy-statement">Privacy Statement</a> </li> <li class="md:mb-5 text-skin-bww py-3 md:py-0"> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="/legal/cookie-policy">Cookies</a> </li> <li class="md:mb-5 text-skin-bww py-3 md:py-0"> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="/certifications">Certifications</a> </li> <li class="md:mb-5 text-skin-bww py-3 md:py-0"> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="/about-us/careers">Careers</a> </li> </ul> <div class="flex gap-x-3 flex-col md:flex-row mb-10 md:mb-0"> <p class="text-sm text-skin-bww mb-3 md:mb-0">Find us on:</p> <div class="flex"> <div> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="https://www.linkedin.com/company/webex-cpaas-solutions/"> <img class="mr-2" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/linkedin.svg" alt="linkedin" style="width: 20px; height: 20px;"> </a> </div> <div> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="https://twitter.com/webex_cpaas"> <img class="mr-2" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/x_reverse.svg" alt="x logo" style="width: 20px; height: 20px;"> </a> </div> <div> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="https://www.youtube.com/@webexcpaassolutions"> <img class="mr-2" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/youtube_reverse.svg" alt="youtube logo" style="width: 20px; height: 20px;"> </a> </div> </div> </div> </div> </div> <div class="text-skin-grey flex flex-col gap-10"> <div class="flex flex-col gap-y-3"> <div class="flex flex-col md:flex-row"> <p class="text-sm">Copyright @2000 - 2024 IMImobile Limited. All Rights Reserved.</p> </div> </div> </div> </div> </footer> <script src="/js/site.js?id=8e51d1a01b8926a74dc8"></script> <script src="/js/lazysizes.min.js?id=5a7ec366575ee7eeb208" async=""></script> </body> </html>

CINXE.COM

Automotive | Webex CPaaS Solutions