Home | May Mobility

<!DOCTYPE html> <html style="max-height: var(--app-height); --app-height: 100vh;" lang="en-US" data-property> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="preconnect" href="https://maymobility.imgix.net" crossorigin> <link rel="preconnect" href="https://app.termly.io" crossorigin> <script type="module">!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)if("LINK"===e.tagName&&"modulepreload"===e.rel)r(e);else if(e.querySelectorAll)for(const o of e.querySelectorAll("link[rel=modulepreload]"))r(o)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerpolicy&&(r.referrerPolicy=e.referrerpolicy),"use-credentials"===e.crossorigin?r.credentials="include":"anonymous"===e.crossorigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();</script> <script type="module" src="https://maymobility.com/dist/assets/main-Cn7C6-Xv.js" crossorigin onload="e=new CustomEvent('vite-script-loaded', {detail:{path: 'src/js/main.js'}});document.dispatchEvent(e);"></script> <link href="https://maymobility.com/dist/assets/main-CGqVd6RC.css" rel="stylesheet"> <script> window.customElements.define('x-svelte', class extends HTMLElement {}); window.$app = { "lang": "en-US", "isAdmin": false, "cloudfrontUrl": "https:\/\/media.maymobility.com", "imgixUrl": "https:\/\/maymobility.imgix.net", "siteUrl": "https:\/\/maymobility.com\/", "primarySiteUrl": "https:\/\/maymobility.com\/", "i18n": [], "devMode": false }; </script> <script src="https://app.termly.io/resource-blocker/ef14dee5-464f-4265-ac1b-775e833b59d5?autoBlock=off" defer></script> <style> .hidden { display: none; } .invisible { visibility: hidden; } x-svelte { display: contents; } </style> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#369144"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="theme-color" content="#ffffff"> <script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"May Mobility","url":"https://maymobility.com/","address":[{"@type":"PostalAddress","addressLocality":"Ann Arbor, Michigan","addressCountry":"United States","postalCode":"48108","streetAddress":"650 Avis Drive"}],"logo":"https://media.maymobility.com/may-mobility-logo-charcoal-horizontal.png","description":"May Mobility aims to make transit more sustainable, safe, accessible and equitable for everyone by building a better autonomous vehicle technology that works in the real world.","sameAs":["https://www.linkedin.com/company/maymobility/","https://www.instagram.com/maymobility/","https://twitter.com/may_mobility","https://medium.com/may-mobility","https://www.facebook.com/maymobility/","https://www.youtube.com/channel/UCSkvFNZ1qpVllwLEWNHxmKw"],"contactPoint":[{"@type":"ContactPoint","telephone":"(734) 369-8874","contactType":"customer service","areaServed":"US","availableLanguage":"en"}]}</script><title>Home | May Mobility</title> <script>dataLayer = []; (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-W95NM9L'); </script><meta name="description" content="We’re making transit more sustainable, safe, accessible and equitable by building autonomous vehicle technology that works in the real world."> <meta name="referrer" content="no-referrer-when-downgrade"> <meta name="robots" content="all"> <meta content="maymobility" property="fb:profile_id"> <meta content="en_US" property="og:locale"> <meta content="es_US" property="og:locale:alternate"> <meta content="ja" property="og:locale:alternate"> <meta content="May Mobility" property="og:site_name"> <meta content="website" property="og:type"> <meta content="https://maymobility.com/" property="og:url"> <meta content="Home" property="og:title"> <meta content="We’re making transit more sustainable, safe, accessible and equitable by building autonomous vehicle technology that works in the real world." property="og:description"> <meta content="https://media.maymobility.com/_1200x630_crop_center-center_82_none/MAY-OG-Image.png?mtime=1679593220" property="og:image"> <meta content="1200" property="og:image:width"> <meta content="630" property="og:image:height"> <meta content="https://www.youtube.com/channel/UCSkvFNZ1qpVllwLEWNHxmKw" property="og:see_also"> <meta content="https://www.facebook.com/maymobility/" property="og:see_also"> <meta content="https://medium.com/may-mobility" property="og:see_also"> <meta content="https://twitter.com/may_mobility" property="og:see_also"> <meta content="https://www.instagram.com/maymobility/" property="og:see_also"> <meta content="https://www.linkedin.com/company/maymobility/" property="og:see_also"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@may_mobility"> <meta name="twitter:creator" content="@may_mobility"> <meta name="twitter:title" content="Home"> <meta name="twitter:description" content="We’re making transit more sustainable, safe, accessible and equitable by building autonomous vehicle technology that works in the real world."> <meta name="twitter:image" content="https://media.maymobility.com/_800x418_crop_center-center_82_none/MAY-OG-Image.png?mtime=1679593220"> <meta name="twitter:image:width" content="800"> <meta name="twitter:image:height" content="418"> <link href="https://maymobility.com/" rel="canonical"> <link href="https://maymobility.com/" rel="home"> <link type="text/plain" href="https://maymobility.com/humans.txt" rel="author"> <link href="https://maymobility.com/es/" rel="alternate" hreflang="es-us"> <link href="https://www.maymobility.co.jp/" rel="alternate" hreflang="ja"> <link href="https://maymobility.com/" rel="alternate" hreflang="x-default"> <link href="https://maymobility.com/" rel="alternate" hreflang="en-us"></head> <body id="app" class="transition overflow-x-hidden scroll-locked:overflow-hidden" data-animation-enabled><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W95NM9L" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <a href="#maincontent" id="skip-to-content">Skip to Main Content</a> <div class="overflow-hidden max-w-full"> <header> <nav class="lg:hidden fixed z-50 top-0 left-0 w-full" aria-label="Mobile Navigation"> <div id="drawerInner" data-target-trap-focus data-target-always-visible data-target-lock-scroll> <div class="fixed top-0 left-0 w-full h-full bg-navy opacity-0 -translate-x-full transition-opacity is-active:opacity-70 is-active:translate-x-0" data-toggle="#drawerInner"></div> <div class="relative bg-white rounded-b-md shadow-[0px_-8px_10px_-0px_rgba(0,0,0,0.15),0px_3px_10px_-0px_rgba(0,0,0,0.2)]"> <div class="px-4 py-2 flex justify-between"> <a href="https://maymobility.com/" class="block p-1 rounded-full" title="May Mobility Home page"> <svg class="block w-[8rem] aspect-[675/125] h-auto fill-green" width="675" height="125" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 675 125"><path d="M330 35.6c-8.6 0-14.2 4.7-17 10.8-3.1-6.8-9.1-10.8-16.5-10.8s-13.4 4.6-15.9 10.4v-8.9h-4.8c-3.7 0-6.6 3-6.6 6.6V88h12.2V61c0-9.5 4.7-15.6 11.4-15.6s10 5.2 10 14V88H315V61c0-9.5 4.7-15.6 11.5-15.6s9.9 5.2 9.9 14V88h12.2V57c0-13.3-7.7-21.5-18.6-21.5ZM386.2 35.6c-14.8 0-27.2 11.5-27.2 27s12.4 27.1 27.2 27.1 27.3-11.7 27.3-27.1-12.3-27-27.3-27Zm0 43.4c-8.6 0-15.4-6.6-15.4-16.4s6.8-16.3 15.4-16.3 15.4 6.4 15.4 16.3S395.1 79 386.2 79ZM452.4 35.6c-4.7 0-8.8 1.2-12 3.3v10.2c2.5-1.9 5.7-2.9 9.5-2.9 9.4 0 15.4 6.3 15.4 16.3s-6 16.1-15.3 16.1-15.3-6.6-15.3-16.5V11.7h-5.4c-3.3 0-6 2.7-6 6v43.5c0 17.2 10.5 28.5 26.6 28.5s27.2-11.6 27.2-27.3-10.6-26.8-24.7-26.8ZM486.9 37.2h12.2v50.9h-12.2zM493.1 13.4c-4.6 0-7.7 2.5-7.7 7.5s3.2 7.2 7.7 7.2 7.7-2.6 7.7-7.2-3.1-7.5-7.7-7.5ZM527.1 75.9V11.7h-12.2v65.6c0 7.3 4.4 12.4 11.8 12.4s4.5-.6 5.8-1.5v-9.5c-.6.4-1.3.5-2.3.5-1.8 0-3.1-1-3.1-3.4ZM552.5 13.4c-4.6 0-7.7 2.5-7.7 7.5s3.2 7.2 7.7 7.2 7.7-2.6 7.7-7.2-3.1-7.5-7.7-7.5ZM546.3 37.2h12.2v50.9h-12.2zM650.9 37.2l-13 38.1-13.2-38.1h-13l20.9 53.6c-2.2 6-5.5 8.4-10.3 8.4s-5.2-.8-6.8-1.8v10.5c1.5 1.1 4.4 2.2 8.3 2.2 8.3 0 14.1-4.5 17.7-13.7l21.3-59.2H651ZM587.6 37.2V21.4h-12v15.8h-7v10.7h7v21.7c0 12.6 6.8 20.2 18.1 20.2s6.2-.6 7.9-1.5V77.4c-1.2.5-3.6 1-5.8 1-5.7 0-8.3-3.2-8.3-8.8V47.9h14.1V37.2h-14.1ZM236.5 16.9l-16 44.6-16.1-44.6h-21.5l28 71.2-9 25.2h20.6l35.6-96.4h-21.6z" class="cls-1"/><path d="m151.2 16.9-28.7 71.2H144l16.1-44.8 16.1 44.8h21.5L169 16.9h-17.8zM12.3 88.1l28.8-71.2h17.8l17.9 44.5 18-44.5h17.8L125.1 48l-10.4 26-11-30.7-16.1 44.8H66L50 43.3 33.9 88.1H12.3" class="cls-1"/></svg> </a> <button class="block px-1 py-2 -mr-1 rounded font-medium" title="Toggle Mobile Navigation" data-toggle="#drawerInner"> <span class="flex items-center gap-1 is-active:hidden pointer-events-none"> <svg class="block w-3 h-3 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg><span class="block leading-none">Menu</span> </span> <span class="hidden is-active:flex items-center gap-1 pointer-events-none"> <span class="block leading-none">Close</span><svg class="block w-3 h-3 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M312.1 375c9.369 9.369 9.369 24.57 0 33.94s-24.57 9.369-33.94 0L160 289.9l-119 119c-9.369 9.369-24.57 9.369-33.94 0s-9.369-24.57 0-33.94L126.1 256L7.027 136.1c-9.369-9.369-9.369-24.57 0-33.94s24.57-9.369 33.94 0L160 222.1l119-119c9.369-9.369 24.57-9.369 33.94 0s9.369 24.57 0 33.94L193.9 256L312.1 375z"/></svg> </span> </button> </div> <div class="h-[0px] invisible is-active:h-dvh is-active:visible overflow-scroll transition-[height] duration-300 ease-in-out"> <ol class="flex flex-col px-10 divide-y [&>li]:py-3 [&>li]:border-blue-500/40"> <li> <a href="https://maymobility.com/" class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl"> Home </a> </li> <li class="block"> <a class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl" href="https://maymobility.com/technology/" data-gtm-element="main-nav-item-324"> Technology </a> <ol class="flex flex-col gap-1"> <li class="block"> <a class="block py-1 text-black font-normal hover:underline" href="https://maymobility.com/technology/safety/" data-gtm-element="main-nav-item-326">Safety</a> </li> <li class="block"> <a class="block py-1 text-black font-normal hover:underline" href="https://maymobility.com/technology/accessibility/" data-gtm-element="main-nav-item-327">Accessibility</a> </li> </ol> </li> <li class="block"> <a class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl" href="https://maymobility.com/our-solutions/" data-gtm-element="main-nav-item-26581"> Solutions </a> <ol class="flex flex-col gap-1"> <li class="block"> <a class="block py-1 text-black font-normal hover:underline" href="https://maymobility.com/our-solutions/cities/" data-gtm-element="main-nav-item-26582">Cities</a> </li> <li class="block"> <a class="block py-1 text-black font-normal hover:underline" href="https://maymobility.com/our-solutions/commercial/" data-gtm-element="main-nav-item-26583">Commercial</a> </li> </ol> </li> <li class="block"> <span class="block py-1 text-xl text-gray-700 font-normal sm:text-xl md:text-2xl"> Locations </span> <ol class="flex flex-col gap-1"> <li class="block"> <a class="block py-1 text-black font-normal hover:underline" href="https://maymobility.com/locations/" data-gtm-element="main-nav-item-55509">Locations</a> </li> <li class="block"> <a class="block py-1 text-black font-normal hover:underline" href="https://maymobility.com/for-riders/" data-gtm-element="main-nav-item-55510">For Riders</a> </li> </ol> </li> <li class="block"> <a class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl" href="https://maymobility.com/meet-may/" data-gtm-element="main-nav-item-328"> About May Mobility </a> </li> <li class="block"> <a class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl" href="https://maymobility.com/contact/" data-gtm-element="main-nav-item-329"> Contact Us </a> </li> </ol> <ol class="flex flex-col mx-8 p-4 rounded bg-brand-gray-light divide-y [&>li]:py-3 [&>li]:border-blue-500/40"> <li> <a class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl" href="https://maymobility.com/careers/" data-gtm-element="topbar-nav-item-314"> Careers </a> </li> <li> <a class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl" href="https://maymobility.com/investors/" data-gtm-element="topbar-nav-item-81176"> Investors </a> </li> <li> <a class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl" href="https://maymobility.com/posts/type/company-news/" data-gtm-element="topbar-nav-item-55505"> News </a> </li> <li> <a class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl" href="https://maymobility.com/posts/type/company-blog/" data-gtm-element="topbar-nav-item-55506"> Blog </a> </li> <li> <a class="block py-1 rounded-sm text-navy text-xl font-medium hover:underline sm:text-xl md:text-2xl" href="https://maymobility.com/resources/" data-gtm-element="topbar-nav-item-55507"> Resources </a> </li> </ol> <ol class="flex flex-col px-10 divide-y [&>li]:py-3 [&>li]:border-blue-500/40"> <li> <a class="flex items-center gap-2 py-1 text-black text-sm font-normal hover:underline" href="https://www.maymobility.co.jp/"> <span class="block"> 日本語 </span> <span class="block">🇯🇵</span> </a> </li> <li> <a class="flex items-center gap-2 py-1 text-black text-sm font-normal hover:underline" href="https://maymobility.com/es/"> <span class="block"> Español (Estados Unidos) </span> <span class="block">🇺🇸</span> </a> </li> </ol> <div class="h-8"></div> </div> </div> </div> </nav> <nav class="relative z-10" aria-label="Main Navigation"> <div class="relative min-h-8 lg:min-h-4"> <div class="absolute inset-0 bg-brand-gray-light lg:bg-brand-gradient-full-dark lg:opacity-20 lg:animation-enabled:bg-gradient-pulse"></div> <div class="relative z-1"><x-svelte component="alert-bar"></x-svelte> </div> <div class="hidden lg:flex relative z-1 container py-3 items-center justify-between w-full"> <div> <div class="relative"> <button class="flex items-center gap-1.5 py-1 px-3 rounded-full border-solid border-gray-600/80 border text-[14px] font-normal transition-colors duration-200 hover:bg-white/80" data-toggle="#topBarLangDropdown" data-gtm-element="topbar-lang-dropdown"> <span class="block pointer-events-none">Translate</span> <span class="block w-auto h-auto pointer-events-none" aria-hidden="true"> <svg class="block w-3 h-3 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/></svg> </span> </button> <ol id="topBarLangDropdown" class="hidden flex-col gap-2 absolute top-full left-0 translate-y-2 w-56 p-4 rounded bg-white border-solid border-gray-100 border shadow-[0px_1px_3px_-0px_rgba(0,0,0,0.15),0px_3px_10px_-0px_rgba(0,0,0,0.2)] is-active-dropdown:flex" data-target-class="is-active-dropdown"> <li class="whitespace-nowrap"> <a class="flex items-center gap-1.5 p-2 rounded text-sm font-normal hover:text-black hover:bg-brand-gray-light" href="https://www.maymobility.co.jp/"> <span class="block"> 日本語 </span> <span class="block">🇯🇵</span> </a> </li> <li class="whitespace-nowrap"> <a class="flex items-center gap-1.5 p-2 rounded text-sm font-normal hover:text-black hover:bg-brand-gray-light" href="https://maymobility.com/es/"> <span class="block"> Español (Estados Unidos) </span> <span class="block">🇺🇸</span> </a> </li> </ol> </div> </div> <div> <div class="flex gap-12"> <ol class="flex items-center justify-end gap-2 xl:gap-6" id="topBarNav"> <li class="relative block"><a class="block p-2 rounded text-black text-sm leading-none font-normal tracking-tight transition-colors duration-200 hover:text-navy hover:bg-white" href="https://maymobility.com/careers/" data-gtm-element="topbar-nav-item-314"> Careers </a></li><li class="relative block"><a class="block p-2 rounded text-black text-sm leading-none font-normal tracking-tight transition-colors duration-200 hover:text-navy hover:bg-white" href="https://maymobility.com/investors/" data-gtm-element="topbar-nav-item-81176"> Investors </a></li><li class="relative block"><a class="block p-2 rounded text-black text-sm leading-none font-normal tracking-tight transition-colors duration-200 hover:text-navy hover:bg-white" href="https://maymobility.com/posts/type/company-news/" data-gtm-element="topbar-nav-item-55505"> News </a></li><li class="relative block"><a class="block p-2 rounded text-black text-sm leading-none font-normal tracking-tight transition-colors duration-200 hover:text-navy hover:bg-white" href="https://maymobility.com/posts/type/company-blog/" data-gtm-element="topbar-nav-item-55506"> Blog </a></li><li class="relative block"><a class="block p-2 rounded text-black text-sm leading-none font-normal tracking-tight transition-colors duration-200 hover:text-navy hover:bg-white" href="https://maymobility.com/resources/" data-gtm-element="topbar-nav-item-55507"> Resources </a></li></ol> </div> </div> </div> </div> <div class="hidden lg:block bg-brand-gray-light"> <div class="relative z-0 container pt-3.5 flex items-center justify-between"> <a href="https://maymobility.com/" class="block px-1 py-3 -ml-1 rounded-full" title="May Mobility Home page"><svg class="block w-[13rem] aspect-[675/125] h-auto fill-green xl:w-[16rem]" width="675" height="125" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 675 125"><path d="M330 35.6c-8.6 0-14.2 4.7-17 10.8-3.1-6.8-9.1-10.8-16.5-10.8s-13.4 4.6-15.9 10.4v-8.9h-4.8c-3.7 0-6.6 3-6.6 6.6V88h12.2V61c0-9.5 4.7-15.6 11.4-15.6s10 5.2 10 14V88H315V61c0-9.5 4.7-15.6 11.5-15.6s9.9 5.2 9.9 14V88h12.2V57c0-13.3-7.7-21.5-18.6-21.5ZM386.2 35.6c-14.8 0-27.2 11.5-27.2 27s12.4 27.1 27.2 27.1 27.3-11.7 27.3-27.1-12.3-27-27.3-27Zm0 43.4c-8.6 0-15.4-6.6-15.4-16.4s6.8-16.3 15.4-16.3 15.4 6.4 15.4 16.3S395.1 79 386.2 79ZM452.4 35.6c-4.7 0-8.8 1.2-12 3.3v10.2c2.5-1.9 5.7-2.9 9.5-2.9 9.4 0 15.4 6.3 15.4 16.3s-6 16.1-15.3 16.1-15.3-6.6-15.3-16.5V11.7h-5.4c-3.3 0-6 2.7-6 6v43.5c0 17.2 10.5 28.5 26.6 28.5s27.2-11.6 27.2-27.3-10.6-26.8-24.7-26.8ZM486.9 37.2h12.2v50.9h-12.2zM493.1 13.4c-4.6 0-7.7 2.5-7.7 7.5s3.2 7.2 7.7 7.2 7.7-2.6 7.7-7.2-3.1-7.5-7.7-7.5ZM527.1 75.9V11.7h-12.2v65.6c0 7.3 4.4 12.4 11.8 12.4s4.5-.6 5.8-1.5v-9.5c-.6.4-1.3.5-2.3.5-1.8 0-3.1-1-3.1-3.4ZM552.5 13.4c-4.6 0-7.7 2.5-7.7 7.5s3.2 7.2 7.7 7.2 7.7-2.6 7.7-7.2-3.1-7.5-7.7-7.5ZM546.3 37.2h12.2v50.9h-12.2zM650.9 37.2l-13 38.1-13.2-38.1h-13l20.9 53.6c-2.2 6-5.5 8.4-10.3 8.4s-5.2-.8-6.8-1.8v10.5c1.5 1.1 4.4 2.2 8.3 2.2 8.3 0 14.1-4.5 17.7-13.7l21.3-59.2H651ZM587.6 37.2V21.4h-12v15.8h-7v10.7h7v21.7c0 12.6 6.8 20.2 18.1 20.2s6.2-.6 7.9-1.5V77.4c-1.2.5-3.6 1-5.8 1-5.7 0-8.3-3.2-8.3-8.8V47.9h14.1V37.2h-14.1ZM236.5 16.9l-16 44.6-16.1-44.6h-21.5l28 71.2-9 25.2h20.6l35.6-96.4h-21.6z" class="cls-1"/><path d="m151.2 16.9-28.7 71.2H144l16.1-44.8 16.1 44.8h21.5L169 16.9h-17.8zM12.3 88.1l28.8-71.2h17.8l17.9 44.5 18-44.5h17.8L125.1 48l-10.4 26-11-30.7-16.1 44.8H66L50 43.3 33.9 88.1H12.3" class="cls-1"/></svg></a> <div class="flex gap-12"> <ol class="flex items-center justify-end gap-5 xl:gap-6" id="mainNav"> <li class="relative block"><button class="group block p-1 rounded text-[16px] leading-none text-black font-normal tracking-tight transition-colors duration-100 hover:text-green flex items-center gap-1" data-toggle="#mainNavDropdown-324" data-gtm-element="main-nav-dropdown-324"> <span class="block pointer-events-none">Technology</span> <span class="block w-auto h-auto pointer-events-none" aria-hidden="true"> <svg class="block w-3 h-3 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/></svg> </span> </button> <div id="mainNavDropdown-324" class="invisible opacity-0 absolute top-full left-1/2 translate-y-6 -translate-x-1/2 w-56 rounded-t-[4px] rounded-b-[16px] bg-white overflow-hidden shadow-[0px_1px_3px_-0px_rgba(0,0,0,0.15),0px_3px_10px_-0px_rgba(0,0,0,0.2)] transition-all duration-200 is-active-dropdown:visible is-active-dropdown:opacity-100 is-active-dropdown:translate-y-2" data-target-class="is-active-dropdown" data-target-nav-root="#mainNav"> <div class="h-2 bg-brand-gradient-full-dark"></div> <div class="py-4 mx-6 border-solid border-brand-gray-medium border-b"> <a class="group flex items-center gap-2 rounded hover:text-blue is-tabbing:focus:px-1 is-tabbing:focus:-mx-1" href="https://maymobility.com/technology/" data-gtm-element="main-nav-item-324"> <span class="block flex-initial pointer-events-none"> Technology </span> <svg class="block w-3 h-3 flex-initial pointer-events-none fill-current transition-all duration-200 group-hover:translate-x-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg> </a> </div> <ol class="flex flex-col p-4"> <li> <a class="flex items-center gap-2 p-2 rounded text-md font-normal hover:text-black hover:bg-brand-gray-light" href="https://maymobility.com/technology/safety/" data-gtm-element="main-nav-item-326">Safety</a> </li> <li> <a class="flex items-center gap-2 p-2 rounded text-md font-normal hover:text-black hover:bg-brand-gray-light" href="https://maymobility.com/technology/accessibility/" data-gtm-element="main-nav-item-327">Accessibility</a> </li> </ol> </div></li><li class="relative block"><button class="group block p-1 rounded text-[16px] leading-none text-black font-normal tracking-tight transition-colors duration-100 hover:text-green flex items-center gap-1" data-toggle="#mainNavDropdown-26581" data-gtm-element="main-nav-dropdown-26581"> <span class="block pointer-events-none">Solutions</span> <span class="block w-auto h-auto pointer-events-none" aria-hidden="true"> <svg class="block w-3 h-3 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/></svg> </span> </button> <div id="mainNavDropdown-26581" class="invisible opacity-0 absolute top-full left-1/2 translate-y-6 -translate-x-1/2 w-56 rounded-t-[4px] rounded-b-[16px] bg-white overflow-hidden shadow-[0px_1px_3px_-0px_rgba(0,0,0,0.15),0px_3px_10px_-0px_rgba(0,0,0,0.2)] transition-all duration-200 is-active-dropdown:visible is-active-dropdown:opacity-100 is-active-dropdown:translate-y-2" data-target-class="is-active-dropdown" data-target-nav-root="#mainNav"> <div class="h-2 bg-brand-gradient-green"></div> <div class="py-4 mx-6 border-solid border-brand-gray-medium border-b"> <a class="group flex items-center gap-2 rounded hover:text-blue is-tabbing:focus:px-1 is-tabbing:focus:-mx-1" href="https://maymobility.com/our-solutions/" data-gtm-element="main-nav-item-26581"> <span class="block flex-initial pointer-events-none"> Our Solutions </span> <svg class="block w-3 h-3 flex-initial pointer-events-none fill-current transition-all duration-200 group-hover:translate-x-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg> </a> </div> <ol class="flex flex-col p-4"> <li> <a class="flex items-center gap-2 p-2 rounded text-md font-normal hover:text-black hover:bg-brand-gray-light" href="https://maymobility.com/our-solutions/cities/" data-gtm-element="main-nav-item-26582">Cities</a> </li> <li> <a class="flex items-center gap-2 p-2 rounded text-md font-normal hover:text-black hover:bg-brand-gray-light" href="https://maymobility.com/our-solutions/commercial/" data-gtm-element="main-nav-item-26583">Commercial</a> </li> </ol> </div></li><li class="relative block"><button class="group block p-1 rounded text-[16px] leading-none text-black font-normal tracking-tight transition-colors duration-100 hover:text-green flex items-center gap-1" data-toggle="#mainNavDropdown-55508" data-gtm-element="main-nav-dropdown-55508"> <span class="block pointer-events-none">Locations</span> <span class="block w-auto h-auto pointer-events-none" aria-hidden="true"> <svg class="block w-3 h-3 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/></svg> </span> </button> <div id="mainNavDropdown-55508" class="invisible opacity-0 absolute top-full left-1/2 translate-y-6 -translate-x-1/2 w-56 rounded-t-[4px] rounded-b-[16px] bg-white overflow-hidden shadow-[0px_1px_3px_-0px_rgba(0,0,0,0.15),0px_3px_10px_-0px_rgba(0,0,0,0.2)] transition-all duration-200 is-active-dropdown:visible is-active-dropdown:opacity-100 is-active-dropdown:translate-y-2" data-target-class="is-active-dropdown" data-target-nav-root="#mainNav"> <div class="h-2 bg-brand-gradient-full-dark"></div> <ol class="flex flex-col p-4"> <li> <a class="flex items-center gap-2 p-2 rounded text-md font-normal hover:text-black hover:bg-brand-gray-light" href="https://maymobility.com/locations/" data-gtm-element="main-nav-item-55509">Locations</a> </li> <li> <a class="flex items-center gap-2 p-2 rounded text-md font-normal hover:text-black hover:bg-brand-gray-light" href="https://maymobility.com/for-riders/" data-gtm-element="main-nav-item-55510">For Riders</a> </li> </ol> </div></li><li class="relative block"><a class="group block p-1 rounded text-[16px] leading-none text-black font-normal tracking-tight transition-colors duration-100 hover:text-green" href="https://maymobility.com/meet-may/" data-gtm-element="main-nav-item-328"> About May Mobility </a></li><li class="relative block"><a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1.5 px-4 text-base border-solid border-2 hover:-ml-3 hover:-mr-3 rounded-full border-blue text-gray-800 hover:bg-blue hover:text-white is-tabbing:focus:border-blue-400 focus:underline underline-offset-2 decoration-1 text-[16px]" href="https://maymobility.com/contact/" data-gtm-element="main-nav-item-329"><span class="block flex-initial pointer-events-none">Contact Us</span><span class="flex justify-end w-0 h-4 -ml-2 pointer-events-none overflow-hidden transition-[width] duration-200 group-hover/button:w-6"><svg class="block w-4 h-4 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg></span></a></li></ol> </div> </div> </div> </nav> </header> <main id="maincontent"> <section class="bg-brand-gray-light py-8 md:py-12 lg:pb-16 lg:pt-20"> <div class="flex flex-col gap-12 w-full lg:flex-row lg:items-center lg:gap-8"> <div class="px-6 py-6 lg:w-[60%] lg:py-8 xl:w-1/2" data-intro="slide-right" data-parallax> <div class="grid gap-6 lg:gap-7 lg:pl-[max(0px,calc(calc(100vw-theme(maxWidth.7xl))/2))] lg:-parallax-y-16"> <h1 class="h1 text-navy u-to-gradient"> To create a better future, you need AV technology that imagines <u>every possibility</u>. </h1> <div class="prose"> <p dir="ltr">May Mobility's autonomous vehicle technology surpasses the standard frameworks used by other AV companies by using a patented, real-time learning system that makes the best possible moment-by-moment driving decisions. With it, we’re bringing safe, accessible, autonomous rides to more places—whether urban, suburban or rural—anywhere your route takes you.</p> </div> <ol class="flex flex-wrap items-center gap-4"> <li> <a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1.5 px-4 text-base border-solid border-2 hover:-ml-3 hover:-mr-3 rounded-full border-green text-gray-800 hover:bg-green hover:text-white is-tabbing:focus:border-blue-400 focus:underline underline-offset-2 decoration-1" href="https://maymobility.com/technology/" data-gtm-element="header-2792-button-3106"><span class="block flex-initial pointer-events-none">Meet Our Technology</span><span class="flex justify-end w-0 h-4 -ml-2 pointer-events-none overflow-hidden transition-[width] duration-200 group-hover/button:w-6"><svg class="block w-4 h-4 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg></span></a> </li> </ol> </div> </div> <div class="pl-6 lg:w-[40%] lg:p-0 xl:w-1/2" data-intro="slide-left"> <div class="relative" data-parallax> <div class="absolute -top-6 right-0 w-[90%] aspect-video rounded-tl rounded-bl bg-green md:-top-8 md:aspect-7/5 md:rounded-tl-48 md:rounded-bl-48 lg:-top-16 md:parallax-y-16 lg:parallax-y-24"></div> <div class="relative z-0 w-full aspect-video rounded-tl rounded-bl overflow-hidden md:aspect-7/5 md:rounded-tl-48 md:rounded-bl-48 md:parallax-y-12 lg:parallax-y-72"> <video class="absolute inset-0 h-full w-full object-cover object-center hidden animation-enabled:block" playsinline autoplay loop muted fetchpriority="high" aria-hidden="true"> <source src="https://media.maymobility.com/2024-Homepage-B-Roll-Hero-Banner.mp4" type="video/mp4" /> </video> </div> </div> </div> </div> </section> <div class="py-12 md:py-24 bg-white"> <div class="contents md:hidden"> <div class="container"> <div class="flex flex-col"> <div class="px-12"> <div class="relative max-w-lg -ml-12 mr-auto" data-intro="slide-up"> <div class="relative z-0 w-full aspect-video rounded overflow-hidden"> <picture><source srcset="https://maymobility.imgix.net/May-Mobility-Home-Introduction.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=450 1x, https://maymobility.imgix.net/May-Mobility-Home-Introduction.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=450&dpr=1.5 1.5x" width="600" height="450" media="(min-width: 480px)"><img class="block absolute inset-0 w-full h-full object-cover" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/May-Mobility-Home-Introduction.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=250 1x, https://maymobility.imgix.net/May-Mobility-Home-Introduction.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=250&dpr=1.5 1.5x" width="400" height="250" alt="" loading="lazy"></picture> </div> <svg class="block w-14 h-14 absolute -top-7 -right-6 rotate-90 fill-blue" width="48" height="58" viewBox="0 0 48 58" fill="none" aria-hidden="true"> <path d="M40.9706 7.02944C50.3431 16.402 50.3431 31.598 40.9706 40.9706L25.4142 56.5269C24.6332 57.308 23.3668 57.308 22.5858 56.5269L7.02944 40.9706C-2.34315 31.598 -2.34314 16.402 7.02944 7.02944C16.402 -2.34315 31.598 -2.34314 40.9706 7.02944Z"/> </svg> </div> </div> <div class="relative px-6 -mt-6"> <div class="grid gap-4 p-6 bg-brand-gray-light rounded"> <h2 class="h2 text-navy u-to-gradient">We're redefining the future of <u>autonomous driving</u>.</h2> <div class="prose prose-sm"> <p>The cornerstone of our technology lies in our Multi-Policy Decision Making (MPDM) system, which is a major advancement over other AVs in the industry.</p> <p>MPDM is real-time, reinforcement-learning AI algorithm that isn't limited by training data collected ahead of time. Our vehicles generate training examples relevant to their current environment and learn while driving—every 200 milliseconds! This technology amplifies our system’s ability to learn and react to new situations and driving scenarios over the traditional approaches used by other companies.</p> </div> </div> </div> </div> </div> </div> <div class="hidden md:contents"> <div class="container"> <div class="flex items-start justify-start gap-8 lg:px-24" data-intro="slide-up" data-parallax> <div class="relative z-1 w-1/2 order-1 lg:w-[44%] -parallax-y-8"> <div class="relative"> <div class="relative z-0 w-full aspect-7/5 rounded overflow-hidden"> <img class="block absolute inset-0 w-full h-full object-cover" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/May-Mobility-Home-Introduction.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=500&height=350 1x, https://maymobility.imgix.net/May-Mobility-Home-Introduction.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=500&height=350&dpr=1.5 1.5x" width="500" height="350" alt="" loading="lazy"> </div> <div class="absolute -bottom-10 -left-4 lg:-bottom-16 lg:-left-16"> <svg class="block w-20 h-20 lg:w-32 lg:h-32 -rotate-90 fill-blue" width="48" height="58" viewBox="0 0 48 58" fill="none" aria-hidden="true"> <path d="M40.9706 7.02944C50.3431 16.402 50.3431 31.598 40.9706 40.9706L25.4142 56.5269C24.6332 57.308 23.3668 57.308 22.5858 56.5269L7.02944 40.9706C-2.34315 31.598 -2.34314 16.402 7.02944 7.02944C16.402 -2.34315 31.598 -2.34314 40.9706 7.02944Z"/> </svg> </div> </div> </div> <div class="relative z-0 md:w-1/2 pt-12 order-2 lg:w-[56%] lg:pt-24 lg:parallax-y-16"> <div class="p-8 pl-24 -ml-20 rounded bg-brand-gray-light"> <div class="grid gap-10"> <h2 class="h2 text-navy u-to-gradient">We're redefining the future of <u>autonomous driving</u>.</h2> <div class="prose prose-sm"> <p>The cornerstone of our technology lies in our Multi-Policy Decision Making (MPDM) system, which is a major advancement over other AVs in the industry.</p> <p>MPDM is real-time, reinforcement-learning AI algorithm that isn't limited by training data collected ahead of time. Our vehicles generate training examples relevant to their current environment and learn while driving—every 200 milliseconds! This technology amplifies our system’s ability to learn and react to new situations and driving scenarios over the traditional approaches used by other companies.</p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="py-12 md:py-24 bg-brand-gray-light"> <div class="contents md:hidden"> <div class="container"> <div class="flex flex-col"> <div class="px-12"> <div class="relative max-w-lg -mr-12 ml-auto" data-intro="slide-up"> <div class="relative z-0 w-full aspect-video rounded overflow-hidden"> <video class="absolute inset-0 h-full w-full object-cover object-center hidden animation-enabled:block" poster="https://maymobility.imgix.net/Technology-Featured-Image.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=300" playsinline autoplay loop muted aria-hidden="true"> <source src="https://media.maymobility.com/2024-Technology-B-Roll_2024-06-24-193904_qjws.mp4" type="video/mp4" /> </video> <picture><source srcset="https://maymobility.imgix.net/Technology-Featured-Image.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=450 1x, https://maymobility.imgix.net/Technology-Featured-Image.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=450&dpr=1.5 1.5x" width="600" height="450" media="(min-width: 480px)"><img class="block animation-enabled:hidden absolute inset-0 w-full h-full object-cover" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Technology-Featured-Image.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=250 1x, https://maymobility.imgix.net/Technology-Featured-Image.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=250&dpr=1.5 1.5x" width="400" height="250" alt="" loading="lazy"></picture> </div> <svg class="block w-14 h-14 absolute -top-7 -left-6 -rotate-90 fill-blue" width="48" height="58" viewBox="0 0 48 58" fill="none" aria-hidden="true"> <path d="M40.9706 7.02944C50.3431 16.402 50.3431 31.598 40.9706 40.9706L25.4142 56.5269C24.6332 57.308 23.3668 57.308 22.5858 56.5269L7.02944 40.9706C-2.34315 31.598 -2.34314 16.402 7.02944 7.02944C16.402 -2.34315 31.598 -2.34314 40.9706 7.02944Z"/> </svg> </div> </div> <div class="relative px-6 -mt-6"> <div class="grid gap-4 p-6 bg-white rounded"> <h2 class="h2 text-navy u-to-gradient">MPDM lets our vehicles learn <u>on the fly</u>, just like a human driver.</h2> <div class="prose prose-sm"> <p dir="ltr">Our technology solves the biggest problem in autonomous driving: safely handling the unexpected. These endless real-time, on-board simulations allow every vehicle to choose the most applicable next step and drive safely in each and every situation, no matter how unique it may be.</p> <p dir="ltr">With MPDM, providers can safely deploy AVs at a fraction of the cost and time, bringing more reliable, safe, and efficient autonomous transportation to more people, faster.<br /></p> </div> <ol class="flex flex-wrap items-center gap-3"> <li> <a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1.5 px-4 text-base border-solid border-2 hover:-ml-3 hover:-mr-3 rounded-full border-blue text-gray-800 hover:bg-blue hover:text-white is-tabbing:focus:border-blue-400 focus:underline underline-offset-2 decoration-1" href="https://maymobility.com/technology/"><span class="block flex-initial pointer-events-none">Learn More</span><span class="flex justify-end w-0 h-4 -ml-2 pointer-events-none overflow-hidden transition-[width] duration-200 group-hover/button:w-6"><svg class="block w-4 h-4 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg></span></a> </li> </ol> </div> </div> </div> </div> </div> <div class="hidden md:contents"> <div class="container"> <div class="flex items-start justify-start gap-8 lg:px-24" data-intro="slide-up" data-parallax> <div class="relative z-1 w-1/2 order-2 lg:w-[44%] -parallax-y-8"> <div class="relative"> <div class="relative z-0 w-full aspect-7/5 rounded overflow-hidden"> <video class="absolute inset-0 h-full w-full object-cover object-center hidden animation-enabled:block" poster="https://maymobility.imgix.net/Technology-Featured-Image.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=400" playsinline autoplay loop muted aria-hidden="true"> <source src="https://media.maymobility.com/2024-Technology-B-Roll_2024-06-24-193904_qjws.mp4" type="video/mp4" /> </video> <img class="block animation-enabled:hidden absolute inset-0 w-full h-full object-cover" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Technology-Featured-Image.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=500&height=350 1x, https://maymobility.imgix.net/Technology-Featured-Image.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=500&height=350&dpr=1.5 1.5x" width="500" height="350" alt="" loading="lazy"> </div> <div class="absolute -bottom-10 -right-4 lg:-bottom-16 lg:-right-16"> <svg class="block w-20 h-20 lg:w-32 lg:h-32 rotate-90 fill-blue" width="48" height="58" viewBox="0 0 48 58" fill="none" aria-hidden="true"> <path d="M40.9706 7.02944C50.3431 16.402 50.3431 31.598 40.9706 40.9706L25.4142 56.5269C24.6332 57.308 23.3668 57.308 22.5858 56.5269L7.02944 40.9706C-2.34315 31.598 -2.34314 16.402 7.02944 7.02944C16.402 -2.34315 31.598 -2.34314 40.9706 7.02944Z"/> </svg> </div> </div> </div> <div class="relative z-0 md:w-1/2 pt-12 order-1 lg:w-[56%] lg:pt-24 lg:parallax-y-16"> <div class="p-8 pr-24 -mr-20 rounded bg-white"> <div class="grid gap-10"> <h2 class="h2 text-navy u-to-gradient">MPDM lets our vehicles learn <u>on the fly</u>, just like a human driver.</h2> <div class="prose prose-sm"> <p dir="ltr">Our technology solves the biggest problem in autonomous driving: safely handling the unexpected. These endless real-time, on-board simulations allow every vehicle to choose the most applicable next step and drive safely in each and every situation, no matter how unique it may be.</p> <p dir="ltr">With MPDM, providers can safely deploy AVs at a fraction of the cost and time, bringing more reliable, safe, and efficient autonomous transportation to more people, faster.<br /></p> </div> <ol class="flex flex-wrap items-center gap-4"> <li> <a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1.5 px-4 text-base border-solid border-2 hover:-ml-3 hover:-mr-3 rounded-full border-blue text-gray-800 hover:bg-blue hover:text-white is-tabbing:focus:border-blue-400 focus:underline underline-offset-2 decoration-1" href="https://maymobility.com/technology/"><span class="block flex-initial pointer-events-none">Learn More</span><span class="flex justify-end w-0 h-4 -ml-2 pointer-events-none overflow-hidden transition-[width] duration-200 group-hover/button:w-6"><svg class="block w-4 h-4 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg></span></a> </li> </ol> </div> </div> </div> </div> </div> </div> </div> <div class="pb-12 md:pb-24 bg-brand-gray-light"> <div class="relative"> <div class="hidden md:block absolute top-0 left-0 w-full h-60"> <x-svelte component="route" data-path="icon-grid-small"></x-svelte> </div> <div class="relative container lg:grid lg:grid-cols-14 lg:gap-8"> <div class="lg:col-start-2 lg:col-span-12"> <div class="grid grid-cols-1 gap-x-6 gap-y-12 md:grid-cols-2 md:gap-x-8 md:gap-y-14 lg:grid-cols-2"> <div class="md:delay-0 lg:delay-0" data-intro="slide-up"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4 -mt-12"> <div class="relative z-1 w-14 h-14" aria-hidden="true"> <svg class="block w-full h-full fill-blue" width="48" height="58" viewBox="0 0 48 58" fill="none"> <path d="M40.9706 7.02944C50.3431 16.402 50.3431 31.598 40.9706 40.9706L25.4142 56.5269C24.6332 57.308 23.3668 57.308 22.5858 56.5269L7.02944 40.9706C-2.34315 31.598 -2.34314 16.402 7.02944 7.02944C16.402 -2.34315 31.598 -2.34314 40.9706 7.02944Z"/> </svg> <svg class="block w-4.5 h-4.5 absolute top-4 left-4.5 ml-px fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M466.5 83.71l-192-80c-5.875-2.5-12.16-3.703-18.44-3.703S243.5 1.203 237.6 3.703L45.61 83.71C27.73 91.08 16 108.6 16 127.1C16 385.4 205.4 512 255.9 512C305.2 512 496 387.3 496 127.1C496 108.6 484.3 91.08 466.5 83.71zM256 464C158.5 423.4 64 297.3 64 128l192-80L448 128C448 301.8 349.6 425 256 464zM200.1 247C196.3 242.3 190.1 239.1 184 239.1c-13.71 0-24 11.21-24 24C160 270.1 162.3 276.3 167 280.1l48 48C219.5 333.5 225.7 335.1 232 335.1c2.595 0 11.46-.4962 18.22-8.375l96-112c3.881-4.528 5.781-10.09 5.781-15.62c0-7.405-5.79-23.99-23.98-23.99c-6.756 0-13.48 2.831-18.24 8.362L230.7 276.7L200.1 247z"/></svg> </div> <h3 class="h4">Our Commitment to Safety</h3> <p class="text-md text-brand-gray-dark"> Riders and other road users’ safety is our top priority. Our combined sensor stack and unique Multi-Policy Decision Making platform work together to monitor the road and run simulations on possible situations and hazards far more reliably than rules-based systems. The result is a vehicle that reacts quickly with safe, predictable vehicle movements, which in turn ensures the safety of our riders—and everyone on the roadway. </p> <div class="flex items-center gap-1 text-sm font-medium text-brand-gray-dark group-hover:text-blue transition-all ease-in-out duration-400"> <span class="block">Learn More</span> <svg class="block w-3.5 h-3.5 flex-initial fill-current transition-transform group-hover:translate-x-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg> </div> </div> <a class="absolute -inset-1 z-0 block rounded" href="https://maymobility.com/technology/safety/" aria-label="Learn More"></a> </article> </div> </div> <div class="md:delay-300 lg:delay-300" data-intro="slide-up"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4 -mt-12"> <div class="relative z-1 w-14 h-14" aria-hidden="true"> <svg class="block w-full h-full fill-berry" width="48" height="58" viewBox="0 0 48 58" fill="none"> <path d="M40.9706 7.02944C50.3431 16.402 50.3431 31.598 40.9706 40.9706L25.4142 56.5269C24.6332 57.308 23.3668 57.308 22.5858 56.5269L7.02944 40.9706C-2.34315 31.598 -2.34314 16.402 7.02944 7.02944C16.402 -2.34315 31.598 -2.34314 40.9706 7.02944Z"/> </svg> <svg class="block w-4.5 h-4.5 absolute top-4 left-4.5 ml-px fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M423.9 255.8L411 413.1c-3.3 40.7-63.9 35.1-60.6-4.9l10-122.5-41.1 2.3c10.1 20.7 15.8 43.9 15.8 68.5 0 41.2-16.1 78.7-42.3 106.5l-39.3-39.3c57.9-63.7 13.1-167.2-74-167.2-25.9 0-49.5 9.9-67.2 26L73 243.2c22-20.7 50.1-35.1 81.4-40.2l75.3-85.7-42.6-24.8-51.6 46c-30 26.8-70.6-18.5-40.5-45.4l68-60.7c9.8-8.8 24.1-10.2 35.5-3.6 0 0 139.3 80.9 139.5 81.1 16.2 10.1 20.7 36 6.1 52.6L285.7 229l106.1-5.9c18.5-1.1 33.6 14.4 32.1 32.7zm-64.9-154c28.1 0 50.9-22.8 50.9-50.9C409.9 22.8 387.1 0 359 0c-28.1 0-50.9 22.8-50.9 50.9 0 28.1 22.8 50.9 50.9 50.9zM179.6 456.5c-80.6 0-127.4-90.6-82.7-156.1l-39.7-39.7C36.4 287 24 320.3 24 356.4c0 130.7 150.7 201.4 251.4 122.5l-39.7-39.7c-16 10.9-35.3 17.3-56.1 17.3z"/></svg> </div> <h3 class="h4">Our Commitment to Accessibility</h3> <p class="text-md text-brand-gray-dark"> We’re passionate about providing equitable and accessible transportation to everyone. Using an ADA-compliant wheelchair ramp, our wheelchair-accessible Toyota Siennas can accommodate two riders in addition to a rider using a wheelchair. They can also accommodate service animals and an attendant. </p> <div class="flex items-center gap-1 text-sm font-medium text-brand-gray-dark group-hover:text-berry transition-all ease-in-out duration-400"> <span class="block">Learn More</span> <svg class="block w-3.5 h-3.5 flex-initial fill-current transition-transform group-hover:translate-x-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg> </div> </div> <a class="absolute -inset-1 z-0 block rounded" href="https://maymobility.com/technology/accessibility/" aria-label="Learn More"></a> </article> </div> </div> </div> </div> </div> </div> </div> <div class=""> <div class="relative overflow-hidden py-12 md:py-24 md:bg-brand-gray-light"> <div class="hidden md:block absolute -bottom-20 left-0 w-full h-40 bg-brand-gradient-full-dark blur-3xl opacity-20 animation-enabled:bg-gradient-pulse"></div> <div class="relative container md:px-12" data-intro="slide-up"> <div class="grid gap-6 mb-12 text-center md:text-left"> <h2 class="h2 text-navy"> Our Strategic Partners </h2> </div> </div> <div class="flex items-center justify-center gap-2 px-8 mb-12 lg:hidden"> <svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" aria-hidden="true"><path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM296 336h-16V248C280 234.8 269.3 224 256 224H224C210.8 224 200 234.8 200 248S210.8 272 224 272h8v64h-16C202.8 336 192 346.8 192 360S202.8 384 216 384h80c13.25 0 24-10.75 24-24S309.3 336 296 336zM256 192c17.67 0 32-14.33 32-32c0-17.67-14.33-32-32-32S224 142.3 224 160C224 177.7 238.3 192 256 192z"/></svg> <p> Swipe to scroll </p> </div> <div class="splide relative md:max-w-7xl md:px-12 md:mx-auto" data-splide='{"type":"loop","perPage":1,"perMove":1,"arrows":true,"pagination":false,"mediaQuery":"min","breakpoints":{"460":{"perPage":2},"780":{"perPage":3},"960":{"perPage":4}}}'> <div class="relative bg-white md:shadow-xl py-4 md:py-8 md:rounded-24" style="--tw-shadow: 0px -4px 20px -4px rgb(0 0 0 / 0.18), 0px 10px 20px 0px rgb(0 0 0 / 0.1);"> <div class="splide__arrows"> <button class="splide__arrow splide__arrow--prev -left-6 hidden lg:block absolute z-1 top-1/2 -translate-y-1/2 flex items-center justify-center p-3 rounded-full fill-white bg-blue border-solid border-blue border hover:fill-white hover:bg-navy hover:border-navy focus:ring-offset-2 aria-disabled:opacity-50 aria-disabled:cursor-not-allowed" title="Previous"> <svg class="block w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M206.7 464.6l-183.1-191.1C18.22 267.1 16 261.1 16 256s2.219-11.97 6.688-16.59l183.1-191.1c9.152-9.594 24.34-9.906 33.9-.7187c9.625 9.125 9.938 24.37 .7187 33.91L73.24 256l168 175.4c9.219 9.5 8.906 24.78-.7187 33.91C231 474.5 215.8 474.2 206.7 464.6z"/></svg> </button> <button class="splide__arrow splide__arrow--next -right-6 hidden lg:block absolute z-1 top-1/2 -translate-y-1/2 flex items-center justify-center p-3 rounded-full fill-white bg-blue border-solid border-blue border hover:fill-white hover:bg-navy hover:border-navy focus:ring-offset-2 aria-disabled:opacity-50 aria-disabled:cursor-not-allowed" title="Next"> <svg class="block w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg> </button> </div> <div class="px-6"> <div class="splide__track"> <ul class="splide__list"> <li class="splide__slide"> <span class="block px-8 py-1 lg:px-12 "><img class="block w-full max-w-[400px] aspect-logo-h object-contain object-center" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/NTT-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150 1x, https://maymobility.imgix.net/NTT-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150&dpr=1.5 1.5x" width="300" height="150" alt="" loading="lazy"></span> </li> <li class="splide__slide"> <span class="block px-8 py-1 lg:px-12 "><img class="block w-full max-w-[400px] aspect-logo-h object-contain object-center" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Logos/Toyota-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150 1x, https://maymobility.imgix.net/Logos/Toyota-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150&dpr=1.5 1.5x" width="300" height="113" alt="" loading="lazy"></span> </li> <li class="splide__slide"> <span class="block px-8 py-1 lg:px-12 "><img class="block w-full max-w-[400px] aspect-logo-h object-contain object-center" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Logos/Via-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150 1x, https://maymobility.imgix.net/Logos/Via-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150&dpr=1.5 1.5x" width="300" height="113" alt="" loading="lazy"></span> </li> <li class="splide__slide"> <span class="block px-8 py-1 lg:px-12 "><img class="block w-full max-w-[400px] aspect-logo-h object-contain object-center" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Spare-Labs-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150 1x, https://maymobility.imgix.net/Spare-Labs-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150&dpr=1.5 1.5x" width="300" height="150" alt="" loading="lazy"></span> </li> <li class="splide__slide"> <span class="block px-8 py-1 lg:px-12 "><img class="block w-full max-w-[400px] aspect-logo-h object-contain object-center" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Logos/Toyota-Tsusho-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150 1x, https://maymobility.imgix.net/Logos/Toyota-Tsusho-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150&dpr=1.5 1.5x" width="300" height="113" alt="" loading="lazy"></span> </li> <li class="splide__slide"> <span class="block px-8 py-1 lg:px-12 "><img class="block w-full max-w-[400px] aspect-logo-h object-contain object-center" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Logos/Tokio-Marine-Hcc-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150 1x, https://maymobility.imgix.net/Logos/Tokio-Marine-Hcc-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150&dpr=1.5 1.5x" width="300" height="113" alt="" loading="lazy"></span> </li> <li class="splide__slide"> <span class="block px-8 py-1 lg:px-12 "><img class="block w-full max-w-[400px] aspect-logo-h object-contain object-center" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Logos/Monet-Technologies-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150 1x, https://maymobility.imgix.net/Logos/Monet-Technologies-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150&dpr=1.5 1.5x" width="300" height="113" alt="" loading="lazy"></span> </li> <li class="splide__slide"> <span class="block px-8 py-1 lg:px-12 "><img class="block w-full max-w-[400px] aspect-logo-h object-contain object-center" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Logos/Bridgestone-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150 1x, https://maymobility.imgix.net/Logos/Bridgestone-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150&dpr=1.5 1.5x" width="300" height="113" alt="" loading="lazy"></span> </li> <li class="splide__slide"> <span class="block px-8 py-1 lg:px-12 "><img class="block w-full max-w-[400px] aspect-logo-h object-contain object-center" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Stantec-Logo.jpeg?auto=format%2Ccompress&q=35&fit=max&width=300&height=150 1x, https://maymobility.imgix.net/Stantec-Logo.jpeg?auto=format%2Ccompress&q=35&fit=max&width=300&height=150&dpr=1.5 1.5x" width="300" height="62" alt="" loading="lazy"></span> </li> <li class="splide__slide"> <span class="block px-8 py-1 lg:px-12 "><img class="block w-full max-w-[400px] aspect-logo-h object-contain object-center" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Logos/Moovit-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150 1x, https://maymobility.imgix.net/Logos/Moovit-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150&dpr=1.5 1.5x" width="300" height="113" alt="" loading="lazy"></span> </li> <li class="splide__slide"> <span class="block px-8 py-1 lg:px-12 "><img class="block w-full max-w-[400px] aspect-logo-h object-contain object-center" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Logos/Monet-Technologies-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150 1x, https://maymobility.imgix.net/Logos/Monet-Technologies-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150&dpr=1.5 1.5x" width="300" height="113" alt="" loading="lazy"></span> </li> <li class="splide__slide"> <span class="block px-8 py-1 lg:px-12 "><img class="block w-full max-w-[400px] aspect-logo-h object-contain object-center" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Liftango-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150 1x, https://maymobility.imgix.net/Liftango-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150&dpr=1.5 1.5x" width="300" height="150" alt="" loading="lazy"></span> </li> <li class="splide__slide"> <span class="block px-8 py-1 lg:px-12 "><img class="block w-full max-w-[400px] aspect-logo-h object-contain object-center" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Rideco-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150 1x, https://maymobility.imgix.net/Rideco-Logo.png?auto=format%2Ccompress&q=35&fit=max&width=300&height=150&dpr=1.5 1.5x" width="300" height="150" alt="" loading="lazy"></span> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="py-12 md:py-24 bg-white"> <div class="splide" data-splide='{"type":"loop","perPage":1,"perMove":1,"arrows":true,"pagination":false,"mediaQuery":"min","breakpoints":{"460":{"perPage":1,"padding":{"left":"0","right":"20%"}},"780":{"perPage":2,"padding":{"left":"0","right":"10%"}},"960":{"perPage":2,"padding":{"left":"0","right":"20%"}}}}'> <div class="container mb-8 lg:px-16 xl:px-24"> <div class="lg:flex lg:justify-between lg:gap-8"> <div class="flex flex-col gap-6 lg:flex-row lg:gap-8 lg:items-center" data-intro="slide-up"> <h2 class="h2 text-navy"> Recent Press </h2> </div> <div class="hidden lg:flex items-center gap-2 splide__arrows"> <button class="splide__arrow splide__arrow--prev flex items-center justify-center p-3 rounded-full fill-white bg-blue border-solid border-blue border hover:fill-white hover:bg-navy hover:border-navy focus:ring-offset-2 aria-disabled:opacity-50 aria-disabled:cursor-not-allowed" title="Previous"> <svg class="block w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M206.7 464.6l-183.1-191.1C18.22 267.1 16 261.1 16 256s2.219-11.97 6.688-16.59l183.1-191.1c9.152-9.594 24.34-9.906 33.9-.7187c9.625 9.125 9.938 24.37 .7187 33.91L73.24 256l168 175.4c9.219 9.5 8.906 24.78-.7187 33.91C231 474.5 215.8 474.2 206.7 464.6z"/></svg> </button> <button class="splide__arrow splide__arrow--next flex items-center justify-center p-3 rounded-full fill-white bg-blue border-solid border-blue border hover:fill-white hover:bg-navy hover:border-navy focus:ring-offset-2 aria-disabled:opacity-50 aria-disabled:cursor-not-allowed" title="Next"> <svg class="block w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg> </button> </div> </div> </div> <div class="relative bg-navy ml-6 py-2 overflow-hidden rounded-bl-24 rounded-tl-sm lg:rounded-bl-48 lg:ml-[calc(2rem_+_max(0rem,calc(calc(100vw-theme(maxWidth.7xl))/2)))] xl:ml-[calc(4rem_+_max(0rem,calc(calc(100vw-theme(maxWidth.7xl))/2)))]"> <div class="relative"> <div class="splide__track"> <ul class="splide__list"> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">May Mobility to test driverless shuttles in Ann Arbor</h3> </div> <p class="flex gap-2 w-full -mr-6 overflow-hidden text-xs font-medium md:-mr-8 md:text-sm"> <span class="block">November 20, 2024</span> / <span class="block"> TechCrunch </span> </p> <a class="absolute -inset-1 z-0 block rounded-24" href="https://techcrunch.com/2024/11/20/may-mobility-to-test-driverless-shuttles-in-ann-arbor/" target="_blank" aria-label="View press article - May Mobility to test driverless shuttles in Ann Arbor"></a> </article> </div> </div> </li> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">How robotaxis are trying to win passengers' trust</h3> </div> <p class="flex gap-2 w-full -mr-6 overflow-hidden text-xs font-medium md:-mr-8 md:text-sm"> <span class="block">November 18, 2024</span> / <span class="block"> BBC </span> </p> <a class="absolute -inset-1 z-0 block rounded-24" href="https://www.bbc.com/future/article/20241115-how-robotaxis-are-trying-to-win-passengers-trust" target="_blank" aria-label="View press article - How robotaxis are trying to win passengers' trust"></a> </article> </div> </div> </li> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">May Mobility launches driverless operations in second U.S. city, adds new vehicle</h3> </div> <p class="flex gap-2 w-full -mr-6 overflow-hidden text-xs font-medium md:-mr-8 md:text-sm"> <span class="block">November 13, 2024</span> / <span class="block"> Automotive News </span> </p> <a class="absolute -inset-1 z-0 block rounded-24" href="https://www.autonews.com/technology/an-may-mobility-driverless-ann-arbor/" target="_blank" aria-label="View press article - May Mobility launches driverless operations in second U.S. city, adds new vehicle"></a> </article> </div> </div> </li> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">Lyft will bring autonomous vehicles to Atlanta next year, joining Uber</h3> </div> <p class="flex gap-2 w-full -mr-6 overflow-hidden text-xs font-medium md:-mr-8 md:text-sm"> <span class="block">November 7, 2024</span> / <span class="block"> The Atlanta Jounral-Constitution </span> </p> <a class="absolute -inset-1 z-0 block rounded-24" href="https://www.ajc.com/news/business/lyft-to-bring-self-driving-vehicles-to-atlanta-next-year-joining-uber/FUFOURSTKRCDPBH7EDCFDHPVTI/" target="_blank" aria-label="View press article - Lyft will bring autonomous vehicles to Atlanta next year, joining Uber"></a> </article> </div> </div> </li> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">Lyft partners with May Mobility, Mobileye to bring autonomous vehicles to the app</h3> </div> <p class="flex gap-2 w-full -mr-6 overflow-hidden text-xs font-medium md:-mr-8 md:text-sm"> <span class="block">November 6, 2024</span> / <span class="block"> TechCrunch </span> </p> <a class="absolute -inset-1 z-0 block rounded-24" href="https://techcrunch.com/2024/11/06/lyft-partners-with-may-mobility-mobileye-to-bring-autonomous-vehicles-to-the-app/" target="_blank" aria-label="View press article - Lyft partners with May Mobility, Mobileye to bring autonomous vehicles to the app"></a> </article> </div> </div> </li> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">Forget Tesla, Here’s What’s Real In Moving People Driverlessly</h3> </div> <p class="flex gap-2 w-full -mr-6 overflow-hidden text-xs font-medium md:-mr-8 md:text-sm"> <span class="block">November 4, 2024</span> / <span class="block"> Forbes </span> </p> <a class="absolute -inset-1 z-0 block rounded-24" href="https://www.forbes.com/sites/richardbishop1/2024/11/04/forget-tesla-heres-whats-real-in-moving-people-driverlessly/" target="_blank" aria-label="View press article - Forget Tesla, Here’s What’s Real In Moving People Driverlessly"></a> </article> </div> </div> </li> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">Ready or not: Self-driving robo rides are rolling into reality</h3> </div> <p class="flex gap-2 w-full -mr-6 overflow-hidden text-xs font-medium md:-mr-8 md:text-sm"> <span class="block">July 27, 2024</span> / <span class="block"> FOX News </span> </p> <a class="absolute -inset-1 z-0 block rounded-24" href="https://www.foxnews.com/tech/ready-not-self-driving-robo-rides-rolling-reality" target="_blank" aria-label="View press article - Ready or not: Self-driving robo rides are rolling into reality"></a> </article> </div> </div> </li> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">Cities are paying this robotaxi company to work with them</h3> </div> <p class="flex gap-2 w-full -mr-6 overflow-hidden text-xs font-medium md:-mr-8 md:text-sm"> <span class="block">July 18, 2024</span> / <span class="block"> Smart Cities Dive </span> </p> <a class="absolute -inset-1 z-0 block rounded-24" href="https://www.smartcitiesdive.com/news/autonomous-robotaxi-company-may-mobility-microtransit-cities/721647/" target="_blank" aria-label="View press article - Cities are paying this robotaxi company to work with them"></a> </article> </div> </div> </li> <li class="splide__slide"> <div class="py-4 px-4 h-full"> <div class="group h-full"> <article class="relative flex flex-col justify-between gap-6 h-full p-6 rounded-24 bg-brand-gray-medium md:p-8 transition-all ease-in-out duration-400 group-hover:bg-white group-hover:shadow-xl group-hover:-translate-y-4"> <div class="flex flex-col gap-4"> <h3 class="h4 text-navy">How autonomous vehicles can herald a new era for airports</h3> </div> <p class="flex gap-2 w-full -mr-6 overflow-hidden text-xs font-medium md:-mr-8 md:text-sm"> <span class="block">July 18, 2024</span> / <span class="block"> Cities Today </span> </p> <a class="absolute -inset-1 z-0 block rounded-24" href="https://cities-today.com/industry/how-autonomous-vehicles-can-herald-a-new-era-for-airports/" target="_blank" aria-label="View press article - How autonomous vehicles can herald a new era for airports"></a> </article> </div> </div> </li> </ul> </div> </div> <div class="absolute top-0 left-0 w-8 h-full pointer-events-none bg-gradient-cut-off-left"></div> </div> </div> </div> <div class=""> <div class="relative py-20 md:py-32"> <x-svelte component="route" data-path="featured-blog-posts" data-classes="hidden md:block absolute inset-0 block w-full h-full"></x-svelte> <div class="relative bg-navy p-6 rounded-tr-24 rounded-br-24 md:py-12 lg:py-24 lg:pl-[max(4rem,calc(calc(100vw-theme(maxWidth.7xl))/2))] lg:pr-16 lg:rounded-tr-48 lg:rounded-br-48 lg:mr-[max(.25rem,calc(calc(100vw-theme(maxWidth.7xl))/2))]"> <div class="flex flex-col gap-6 mb-6 lg:flex-row lg:gap-8 lg:items-center lg:mb-16" data-intro="slide-right"> <h2 class="h2 text-white"> The Latest From May Mobility </h2> <p> <a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1.5 px-4 text-base border-solid border-2 hover:-ml-3 hover:-mr-3 rounded-full border-white text-white hover:bg-white hover:text-gray-800 focus:underline underline-offset-2 decoration-1" href="https://maymobility.com/posts/" aria-label="View all posts"><span class="block flex-initial pointer-events-none">View All</span><span class="flex justify-end w-0 h-4 -ml-2 pointer-events-none overflow-hidden transition-[width] duration-200 group-hover/button:w-6"><svg class="block w-4 h-4 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg></span></a> </p> </div> <div class="grid grid-cols-1 gap-5 lg:grid-cols-2 lg:gap-8"> <div data-intro="slide-right"> <div class="group xl:h-full"> <article class="relative z-0 rounded-24 shadow-md bg-brand-gray-light transition-all delay-25 duration-400 lg:flex lg:flex-col xl:h-full group-hover:-translate-y-4"> <picture><source srcset="https://maymobility.imgix.net/Misc/MAY-GRMN-10000Riders.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=800&height=600 1x, https://maymobility.imgix.net/Misc/MAY-GRMN-10000Riders.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=800&height=600&dpr=1.5 1.5x" width="800" height="600" media="(min-width: 640px)"><img class="block w-full aspect-video rounded-t-24 object-cover lg:aspect-7/5" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Misc/MAY-GRMN-10000Riders.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=500&height=375 1x, https://maymobility.imgix.net/Misc/MAY-GRMN-10000Riders.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=500&height=375&dpr=1.5 1.5x" width="500" height="375" alt="" loading="lazy"></picture> <div class="flex flex-col gap-3 px-6 py-5 rounded-b-24 bg-brand-gray-light text-brand-gray-dark transition-all duration-400 md:px-8 md:py-7 xl:flex-grow group-hover:text-navy group-hover:bg-white"> <p class="h-pre-heading opacity-60"> Featured Article </p> <h3 class="h3 text-navy-600 max-w-md group-hover:underline"> May Mobility achieves 10,000 rider milestone in one of the industry’s first rural autonomous vehicle deployments </h3> <p class="font-medium uppercase opacity-90"> July 16, 2024 </p> </div> <a class="absolute inset-0 z-1 block rounded-24" href="https://maymobility.com/posts/may-mobility-10000-rider-milestone-grand-rapids/" aria-label="Read post May Mobility achieves 10,000 rider milestone in one of the industry’s first rural autonomous vehicle deployments"></a> </article> </div> </div> <ol class="grid gap-5 lg:gap-8"> <li class="" data-intro="slide-left"> <div class="group xl:h-full"> <article class="relative z-0 flex flex-col gap-3 px-6 py-5 rounded-24 rounded-tl-sm bg-brand-gray-light text-brand-gray-dark shadow-md transition-all delay-25 duration-400 xl:h-full group-hover:text-navy group-hover:bg-white group-hover:-translate-y-4"> <p class="font-semibold text-md uppercase tracking-wider opacity-90"> July 8, 2024 </p> <h3 class="h5 text-navy-600 max-w-md group-hover:underline"> May Mobility and SouthWest Transit announce first autonomous microtransit service in the Twin Cities area </h3> <div class="flex items-center gap-1 text-sm font-medium transition-all ease-in-out duration-400 md:text-base"> <span class="block"> Read Article </span> <svg class="block w-3.5 h-3.5 flex-initial fill-current transition-transform group-hover:translate-x-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg> </div> <a class="absolute inset-0 z-1 block rounded-24 rounded-tl-sm" href="https://maymobility.com/posts/may-mobility-southwest-transit-announce-first-autonomous-microtransit-twin-cities/" aria-label="Read post May Mobility and SouthWest Transit announce first autonomous microtransit service in the Twin Cities area"></a> </article> </div> </li> <li class="lg:delay-300" data-intro="slide-left"> <div class="group xl:h-full"> <article class="relative z-0 flex flex-col gap-3 px-6 py-5 rounded-24 rounded-tl-sm bg-brand-gray-light text-brand-gray-dark shadow-md transition-all delay-25 duration-400 xl:h-full group-hover:text-navy group-hover:bg-white group-hover:-translate-y-4"> <p class="font-semibold text-md uppercase tracking-wider opacity-90"> June 12, 2024 </p> <h3 class="h5 text-navy-600 max-w-md group-hover:underline"> May Mobility launches Detroit autonomous vehicle pilot program with Detroit Office of Mobility Innovation </h3> <div class="flex items-center gap-1 text-sm font-medium transition-all ease-in-out duration-400 md:text-base"> <span class="block"> Read Article </span> <svg class="block w-3.5 h-3.5 flex-initial fill-current transition-transform group-hover:translate-x-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg> </div> <a class="absolute inset-0 z-1 block rounded-24 rounded-tl-sm" href="https://maymobility.com/posts/may-mobility-launches-detroit-autonomous-vehicle/" aria-label="Read post May Mobility launches Detroit autonomous vehicle pilot program with Detroit Office of Mobility Innovation"></a> </article> </div> </li> <li class="lg:delay-300" data-intro="slide-left"> <div class="group xl:h-full"> <article class="relative z-0 flex flex-col gap-3 px-6 py-5 rounded-24 rounded-tl-sm bg-brand-gray-light text-brand-gray-dark shadow-md transition-all delay-25 duration-400 xl:h-full group-hover:text-navy group-hover:bg-white group-hover:-translate-y-4"> <p class="font-semibold text-md uppercase tracking-wider opacity-90"> March 19, 2024 </p> <h3 class="h5 text-navy-600 max-w-md group-hover:underline"> May Mobility recognized on Fast Company’s 2024 list of the Most Innovative Companies </h3> <div class="flex items-center gap-1 text-sm font-medium transition-all ease-in-out duration-400 md:text-base"> <span class="block"> Read Article </span> <svg class="block w-3.5 h-3.5 flex-initial fill-current transition-transform group-hover:translate-x-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg> </div> <a class="absolute inset-0 z-1 block rounded-24 rounded-tl-sm" href="https://maymobility.com/posts/may-mobility-fast-company-2024-most-innovative-companies/" aria-label="Read post May Mobility recognized on Fast Company’s 2024 list of the Most Innovative Companies"></a> </article> </div> </li> </ol> </div> </div> </div> </div> <div class="contents lg:hidden"> <div class="py-12"> <div class="max-w-lg pr-16 mr-auto md:max-w-2xl"> <div class="relative h-full"> <div class="relative z-0 w-full aspect-video mr-auto rounded-tr object-center overflow-hidden"> <picture><source srcset="https://maymobility.imgix.net/Bring-May-To-Your-Community-Closing-CTA.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=450 1x, https://maymobility.imgix.net/Bring-May-To-Your-Community-Closing-CTA.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=450&dpr=1.5 1.5x" width="600" height="450" media="(min-width: 480px)"><img class="block absolute inset-0 w-full h-full object-cover" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Bring-May-To-Your-Community-Closing-CTA.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=250 1x, https://maymobility.imgix.net/Bring-May-To-Your-Community-Closing-CTA.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=400&height=250&dpr=1.5 1.5x" width="400" height="250" alt="" loading="lazy"></picture> </div> <svg class="block w-14 h-14 absolute -top-7 -right-7 rotate-90 md:w-20 md:h-20 md:-top-10 md:-right-10 fill-green" width="48" height="58" viewBox="0 0 48 58" fill="none" aria-hidden="true"> <path d="M40.9706 7.02944C50.3431 16.402 50.3431 31.598 40.9706 40.9706L25.4142 56.5269C24.6332 57.308 23.3668 57.308 22.5858 56.5269L7.02944 40.9706C-2.34315 31.598 -2.34314 16.402 7.02944 7.02944C16.402 -2.34315 31.598 -2.34314 40.9706 7.02944Z"/> </svg> </div> </div> <div class="relative px-6 -mt-6 md:px-16"> <div class="grid gap-4 p-6 bg-brand-gray-light rounded md:p-8"> <h2 class="h2 text-navy">Bring May Mobility To Your Community</h2> <div class="prose "> <p> We love meeting transit agencies, cities, campuses, organizations and businesses where they are to explore how our AV solutions can solve their transportation gaps for good. Ready to partner up? Let’s talk. </p> </div> <ol class="flex flex-wrap items-center gap-4"> <li><a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1.5 px-4 text-base border-solid border-2 hover:-ml-3 hover:-mr-3 rounded-full border-blue text-gray-800 hover:bg-blue hover:text-white is-tabbing:focus:border-blue-400 focus:underline underline-offset-2 decoration-1" href="https://maymobility.com/contact/" data-gtm-element="call-to-action-button-11497"><span class="block flex-initial pointer-events-none">Contact Us</span><span class="flex justify-end w-0 h-4 -ml-2 pointer-events-none overflow-hidden transition-[width] duration-200 group-hover/button:w-6"><svg class="block w-4 h-4 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg></span></a></li> </ol> </div> </div> </div> </div> <div class="hidden lg:contents"> <div class="relative pt-10 overflow-hidden bg-brand-gray-light"> <div class="hidden md:block absolute -bottom-20 left-0 w-full h-40 bg-brand-gradient-full-dark blur-3xl opacity-20 animation-enabled:bg-gradient-pulse"></div> <div class="relative container grid grid-cols-14 gap-8 items-end"> <div class="col-start-2 col-span-7 pb-20 pt-10" data-intro="slide-right" data-parallax> <div class="grid gap-4 pr-4 text-gray-900 -parallax-y-12"> <h2 class="h2 text-navy">Bring May Mobility To Your Community</h2> <div class="prose "> <p> We love meeting transit agencies, cities, campuses, organizations and businesses where they are to explore how our AV solutions can solve their transportation gaps for good. Ready to partner up? Let’s talk. </p> </div> <ol class="flex flex-wrap items-center gap-4"> <li><a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1.5 px-4 text-base border-solid border-2 hover:-ml-3 hover:-mr-3 rounded-full border-blue text-gray-800 hover:bg-blue hover:text-white is-tabbing:focus:border-blue-400 focus:underline underline-offset-2 decoration-1" href="https://maymobility.com/contact/" data-gtm-element="call-to-action-button-11497"><span class="block flex-initial pointer-events-none">Contact Us</span><span class="flex justify-end w-0 h-4 -ml-2 pointer-events-none overflow-hidden transition-[width] duration-200 group-hover/button:w-6"><svg class="block w-4 h-4 flex-initial pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg></span></a></li> </ol> </div> </div> <div class="relative col-start-9 col-span-6" data-intro="slide-left" data-parallax> <div class="absolute -bottom-20 -left-8 w-[50vw] h-[calc(5rem+50%)] rounded-tl-48 bg-green parallax-y-16 parallax-x-6"></div> <div class="relative z-0 block aspect-7/5 rounded-t-48 object-cover object-center overflow-hidden -parallax-x-6"> <img class="block absolute inset-0 w-full h-full object-cover" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://maymobility.imgix.net/Bring-May-To-Your-Community-Closing-CTA.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=400 1x, https://maymobility.imgix.net/Bring-May-To-Your-Community-Closing-CTA.png?auto=format%2Ccompress&q=35&fit=crop&crop=faces%2Ccenter&width=600&height=400&dpr=1.5 1.5x" width="600" height="400" alt="" loading="lazy"> </div> </div> </div> </div> </div> </main> <footer> <h2 class="sr-only"> Footer: Contact Information and Additional Links </h2> <div class="h-3 bg-brand-gradient-full-dark lg:hidden"></div> <div class="pt-12 pb-32 bg-navy text-white"> <div class="container lg:grid lg:grid-cols-14 lg:gap-x-8 lg:gap-y-12"> <div class="lg:col-start-2 lg:col-span-12"> <a href="https://maymobility.com/" class="inline-block p-1 -ml-1 rounded-full" title="May Mobility Home page"> <svg class="block w-[192px] h-[76px] fill-white" width="675" height="125" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 675 125"><path d="M330 35.6c-8.6 0-14.2 4.7-17 10.8-3.1-6.8-9.1-10.8-16.5-10.8s-13.4 4.6-15.9 10.4v-8.9h-4.8c-3.7 0-6.6 3-6.6 6.6V88h12.2V61c0-9.5 4.7-15.6 11.4-15.6s10 5.2 10 14V88H315V61c0-9.5 4.7-15.6 11.5-15.6s9.9 5.2 9.9 14V88h12.2V57c0-13.3-7.7-21.5-18.6-21.5ZM386.2 35.6c-14.8 0-27.2 11.5-27.2 27s12.4 27.1 27.2 27.1 27.3-11.7 27.3-27.1-12.3-27-27.3-27Zm0 43.4c-8.6 0-15.4-6.6-15.4-16.4s6.8-16.3 15.4-16.3 15.4 6.4 15.4 16.3S395.1 79 386.2 79ZM452.4 35.6c-4.7 0-8.8 1.2-12 3.3v10.2c2.5-1.9 5.7-2.9 9.5-2.9 9.4 0 15.4 6.3 15.4 16.3s-6 16.1-15.3 16.1-15.3-6.6-15.3-16.5V11.7h-5.4c-3.3 0-6 2.7-6 6v43.5c0 17.2 10.5 28.5 26.6 28.5s27.2-11.6 27.2-27.3-10.6-26.8-24.7-26.8ZM486.9 37.2h12.2v50.9h-12.2zM493.1 13.4c-4.6 0-7.7 2.5-7.7 7.5s3.2 7.2 7.7 7.2 7.7-2.6 7.7-7.2-3.1-7.5-7.7-7.5ZM527.1 75.9V11.7h-12.2v65.6c0 7.3 4.4 12.4 11.8 12.4s4.5-.6 5.8-1.5v-9.5c-.6.4-1.3.5-2.3.5-1.8 0-3.1-1-3.1-3.4ZM552.5 13.4c-4.6 0-7.7 2.5-7.7 7.5s3.2 7.2 7.7 7.2 7.7-2.6 7.7-7.2-3.1-7.5-7.7-7.5ZM546.3 37.2h12.2v50.9h-12.2zM650.9 37.2l-13 38.1-13.2-38.1h-13l20.9 53.6c-2.2 6-5.5 8.4-10.3 8.4s-5.2-.8-6.8-1.8v10.5c1.5 1.1 4.4 2.2 8.3 2.2 8.3 0 14.1-4.5 17.7-13.7l21.3-59.2H651ZM587.6 37.2V21.4h-12v15.8h-7v10.7h7v21.7c0 12.6 6.8 20.2 18.1 20.2s6.2-.6 7.9-1.5V77.4c-1.2.5-3.6 1-5.8 1-5.7 0-8.3-3.2-8.3-8.8V47.9h14.1V37.2h-14.1ZM236.5 16.9l-16 44.6-16.1-44.6h-21.5l28 71.2-9 25.2h20.6l35.6-96.4h-21.6z" class="cls-1"/><path d="m151.2 16.9-28.7 71.2H144l16.1-44.8 16.1 44.8h21.5L169 16.9h-17.8zM12.3 88.1l28.8-71.2h17.8l17.9 44.5 18-44.5h17.8L125.1 48l-10.4 26-11-30.7-16.1 44.8H66L50 43.3 33.9 88.1H12.3" class="cls-1"/></svg> </a> </div> <div class="lg:col-start-2 lg:col-span-12"> <div class="contents lg:hidden"> <div class="pt-6 pb-12"> <div class="py-6 border-solid border-white/30 border-t flex items-center justify-between gap-6 lg:items-start"> <a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1.5 px-4 text-base border-solid border-2 rounded-full border-berry text-white hover:bg-berry is-tabbing:focus:border-blue-400 focus:underline underline-offset-2 decoration-1" href="https://maymobility.com/contact/"><span class="block flex-initial pointer-events-none">Contact</span></a> <h3 class="sr-only"> Follow May Mobility </h3> <ul class="flex flex-wrap items-center lg:grid lg:grid-flow-row lg:grid-cols-3"> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://www.linkedin.com/company/maymobility/" target="_blank"> <span class="sr-only">on LinkedIn</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" role="img"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/><title>LinkedIn</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://www.instagram.com/maymobility/" target="_blank"> <span class="sr-only">on Instagram</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" role="img"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/><title>Instagram</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://twitter.com/may_mobility" target="_blank"> <span class="sr-only">on Twitter</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" role="img"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/><title>Twitter</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://medium.com/may-mobility" target="_blank"> <span class="sr-only">on Medium</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" role="img"><path d="M180.5,74.262C80.813,74.262,0,155.633,0,256S80.819,437.738,180.5,437.738,361,356.373,361,256,280.191,74.262,180.5,74.262Zm288.25,10.646c-49.845,0-90.245,76.619-90.245,171.095s40.406,171.1,90.251,171.1,90.251-76.619,90.251-171.1H559C559,161.5,518.6,84.908,468.752,84.908Zm139.506,17.821c-17.526,0-31.735,68.628-31.735,153.274s14.2,153.274,31.735,153.274S640,340.631,640,256C640,171.351,625.785,102.729,608.258,102.729Z"/><title>Medium</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://www.facebook.com/maymobility/" target="_blank"> <span class="sr-only">on Facebook</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" role="img"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"/><title>Facebook</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://www.youtube.com/channel/UCSkvFNZ1qpVllwLEWNHxmKw" target="_blank"> <span class="sr-only">on YouTube</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" role="img"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/><title>YouTube</title></svg></a> </li> </ul> </div> <ol class="pt-6 border-solid border-white/30 border-t grid grid-cols-2 gap-6 md:grid-cols-3"> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-sm hover:underline" href="https://maymobility.com/our-solutions/" data-gtm-element="footer-nav-item-level1-5131">Our Solutions</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-sm font-normal hover:underline" href="https://maymobility.com/our-solutions/commercial/" data-gtm-element="footer-nav-item-level2-5134">Commercial</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-sm hover:underline" href="https://maymobility.com/locations/" data-gtm-element="footer-nav-item-level1-5132">Our Locations</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-sm font-normal hover:underline" href="https://maymobility.com/for-riders/" data-gtm-element="footer-nav-item-level2-5135">For Riders</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-sm hover:underline" href="https://maymobility.com/meet-may/" data-gtm-element="footer-nav-item-level1-5136">About May Mobility</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-sm font-normal hover:underline" href="https://maymobility.com/careers/" data-gtm-element="footer-nav-item-level2-5137">Careers</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-sm hover:underline" href="https://maymobility.com/technology/" data-gtm-element="footer-nav-item-level1-5138">Technology</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-sm font-normal hover:underline" href="https://maymobility.com/technology/safety/" data-gtm-element="footer-nav-item-level2-5139">Safety</a> </li> <li> <a class="block text-sm font-normal hover:underline" href="https://maymobility.com/technology/accessibility/" data-gtm-element="footer-nav-item-level2-5140">Accessibility</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-sm hover:underline" href="https://maymobility.com/resources/" data-gtm-element="footer-nav-item-level1-5143">Resources</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-sm font-normal hover:underline" href="https://maymobility.com/posts/type/company-news/" data-gtm-element="footer-nav-item-level2-5144">News & Updates</a> </li> <li> <a class="block text-sm font-normal hover:underline" href="https://maymobility.com/posts/type/company-blog/?types=237&page=1" data-gtm-element="footer-nav-item-level2-5145">Blog</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-sm hover:underline" href="https://maymobility.com/investors/" data-gtm-element="footer-nav-item-level1-5146">Investors</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-sm font-normal hover:underline" href="https://maymobility.com/investors/ntt/" data-gtm-element="footer-nav-item-level2-82409">NTT</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <span class="block text-sm font-medium">Languages</span> <ol class="flex flex-col gap-3"> <li> <a class="block text-sm font-normal hover:underline" href="https://www.maymobility.co.jp/"> 日本語 </a> </li> <li> <a class="block text-sm font-normal hover:underline" href="https://maymobility.com/es/"> Español (Estados Unidos) </a> </li> </ol> </li> </ol> </div> </div> <div class="hidden lg:contents"> <div class="flex items-start justify-between gap-6"> <ol class="flex-grow flex flex-wrap gap-8"> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-14px hover:underline" href="https://maymobility.com/our-solutions/" data-gtm-element="footer-nav-item-level1-5131">Our Solutions</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-14px font-normal hover:underline" href="https://maymobility.com/our-solutions/commercial/" data-gtm-element="footer-nav-item-level2-5134">Commercial</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-14px hover:underline" href="https://maymobility.com/locations/" data-gtm-element="footer-nav-item-level1-5132">Our Locations</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-14px font-normal hover:underline" href="https://maymobility.com/for-riders/" data-gtm-element="footer-nav-item-level2-5135">For Riders</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-14px hover:underline" href="https://maymobility.com/meet-may/" data-gtm-element="footer-nav-item-level1-5136">About May Mobility</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-14px font-normal hover:underline" href="https://maymobility.com/careers/" data-gtm-element="footer-nav-item-level2-5137">Careers</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-14px hover:underline" href="https://maymobility.com/technology/" data-gtm-element="footer-nav-item-level1-5138">Technology</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-14px font-normal hover:underline" href="https://maymobility.com/technology/safety/" data-gtm-element="footer-nav-item-level2-5139">Safety</a> </li> <li> <a class="block text-14px font-normal hover:underline" href="https://maymobility.com/technology/accessibility/" data-gtm-element="footer-nav-item-level2-5140">Accessibility</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-14px hover:underline" href="https://maymobility.com/resources/" data-gtm-element="footer-nav-item-level1-5143">Resources</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-14px font-normal hover:underline" href="https://maymobility.com/posts/type/company-news/" data-gtm-element="footer-nav-item-level2-5144">News & Updates</a> </li> <li> <a class="block text-14px font-normal hover:underline" href="https://maymobility.com/posts/type/company-blog/?types=237&page=1" data-gtm-element="footer-nav-item-level2-5145">Blog</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <a class="block text-14px hover:underline" href="https://maymobility.com/investors/" data-gtm-element="footer-nav-item-level1-5146">Investors</a> <ol class="flex flex-col gap-3"> <li> <a class="block text-14px font-normal hover:underline" href="https://maymobility.com/investors/ntt/" data-gtm-element="footer-nav-item-level2-82409">NTT</a> </li> </ol> </li> <li class="flex flex-col gap-3 max-w-xs"> <span class="block text-14px font-medium">Languages</span> <ol class="flex flex-col gap-3"> <li> <a class="block text-14px font-normal hover:underline" href="https://www.maymobility.co.jp/"> 日本語 </a> </li> <li> <a class="block text-14px font-normal hover:underline" href="https://maymobility.com/es/"> Español (Estados Unidos) </a> </li> </ol> </li> </ol> <div class="flex flex-col justify-center gap-6"> <p> <a class="group/button font-medium transition-all duration-200 inline-flex flex-row items-center justify-center gap-2 py-1.5 px-4 text-base border-solid border-2 rounded-full border-white text-white hover:bg-white hover:text-gray-800 focus:underline underline-offset-2 decoration-1" href="https://maymobility.com/contact/"><span class="block flex-initial pointer-events-none">Contact</span></a> </p> <h3 class="sr-only"> Follow May Mobility </h3> <ul class="flex flex-wrap items-center lg:grid lg:grid-flow-row lg:grid-cols-3"> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://www.linkedin.com/company/maymobility/" target="_blank"> <span class="sr-only">on LinkedIn</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" role="img"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/><title>LinkedIn</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://www.instagram.com/maymobility/" target="_blank"> <span class="sr-only">on Instagram</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" role="img"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/><title>Instagram</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://twitter.com/may_mobility" target="_blank"> <span class="sr-only">on Twitter</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" role="img"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/><title>Twitter</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://medium.com/may-mobility" target="_blank"> <span class="sr-only">on Medium</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" role="img"><path d="M180.5,74.262C80.813,74.262,0,155.633,0,256S80.819,437.738,180.5,437.738,361,356.373,361,256,280.191,74.262,180.5,74.262Zm288.25,10.646c-49.845,0-90.245,76.619-90.245,171.095s40.406,171.1,90.251,171.1,90.251-76.619,90.251-171.1H559C559,161.5,518.6,84.908,468.752,84.908Zm139.506,17.821c-17.526,0-31.735,68.628-31.735,153.274s14.2,153.274,31.735,153.274S640,340.631,640,256C640,171.351,625.785,102.729,608.258,102.729Z"/><title>Medium</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://www.facebook.com/maymobility/" target="_blank"> <span class="sr-only">on Facebook</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" role="img"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"/><title>Facebook</title></svg></a> </li> <li class="block"> <a class="block p-2 bg-transparent text-white rounded-full transition-all duration-300 hover:bg-white hover:text-navy focus:bg-blue" href="https://www.youtube.com/channel/UCSkvFNZ1qpVllwLEWNHxmKw" target="_blank"> <span class="sr-only">on YouTube</span><svg class="block w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" role="img"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/><title>YouTube</title></svg></a> </li> </ul> </div> </div> </div> </div> <div class="pt-8 border-solid border-white/30 border-t lg:col-start-2 lg:col-span-12"> <div class="flex flex-col gap-6 text-14px uppercase md:flex-row md:gap-2"> <p> © 2024 May Mobility </p> <ol class="flex flex-col gap-6 md:flex-row md:gap-2"> <li> <button class="linkClasses" onclick="window.displayPreferenceModal();return false;" id="termly-consent-preferences"> Consent Preferences </button> </li> <li class="hidden md:block opacity-80">|</li> <li class="block md:block"> <a class="block font-normal hover:underline" href="https://maymobility.com/privacy-policy/" data-gtm-element="footer-legal-menu-337">Privacy Policy</a> </li> <li class="hidden md:block opacity-80">|</li> <li class="block md:block"> <a class="block font-normal hover:underline" href="https://maymobility.com/terms-of-use/" data-gtm-element="footer-legal-menu-338">Terms of Use</a> </li> <li class="hidden md:block opacity-80">|</li> <li class="block md:block"> <a class="block font-normal hover:underline" href="https://maymobility.com/ada-policy/" data-gtm-element="footer-legal-menu-11111">ADA Policy</a> </li> <li class="hidden md:block opacity-80">|</li> <li class="block md:block"> <a class="block font-normal hover:underline" href="https://net.maymobility.com/" target="_blank" data-gtm-element="footer-legal-menu-22653">Network Security</a> </li> <li class="hidden md:block opacity-80">|</li> <li class="block md:block"> <a class="block font-normal hover:underline" href="https://www.mostlyserious.io/" data-gtm-element="footer-legal-menu-339">Site by Mostly Serious</a> </li> </ol> </div> </div> </div> </div> </footer> </div> <x-svelte component="animation-control"></x-svelte> </body> </html>

CINXE.COM

Home | May Mobility