Hexagon Agility

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta http-equiv="x-ua-compatible" content="ie=edge" /> <link rel="stylesheet" href="/build/css/main.css?id=1aa097566db145cff2ae7813107d528b" /> <link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css" /> <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="#5bbad5" /> <meta name="msapplication-TileColor" content="#da532c" /> <meta name="theme-color" content="#ffffff" /> <script id="usercentrics-cmp" src="https://app.usercentrics.eu/browser-ui/latest/loader.js" data-settings-id="AwhPckYZv" async></script>  <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PHPKZN5D'); </script>  <title>Hexagon Agility | Truck</title><meta name="generator" content="SEOmatic"> <meta name="description" content="Enabling carbon negative future. We offer a wide range of clean and renewable natural gas solutions for commercial vehicles and gaseous energy…"> <meta name="referrer" content="no-referrer-when-downgrade"> <meta name="robots" content="all"> <meta content="en_EN" property="og:locale"> <meta content="Hexagon Agility" property="og:site_name"> <meta content="website" property="og:type"> <meta content="https://hexagonagility.com/solutions/truck" property="og:url"> <meta content="Truck" property="og:title"> <meta content="Enabling carbon negative future. We offer a wide range of clean and renewable natural gas solutions for commercial vehicles and gaseous energy transportation." property="og:description"> <meta content="https://s3.eu-central-1.amazonaws.com/hexagonassets/_1200x630_crop_center-center_82_none/AdobeStock_710594513.jpeg?mtime=1726164473" property="og:image"> <meta content="1200" property="og:image:width"> <meta content="630" property="og:image:height"> <meta content="Enabling carbon negative future. We offer a wide range of clean and renewable natural gas solutions for commercial vehicles and gaseous energy transportation." property="og:image:alt"> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@AgilityFuel"> <meta name="twitter:creator" content="@AgilityFuel"> <meta name="twitter:title" content="Truck"> <meta name="twitter:description" content="Enabling carbon negative future. We offer a wide range of clean and renewable natural gas solutions for commercial vehicles and gaseous energy transportation."> <meta name="twitter:image" content="https://s3.eu-central-1.amazonaws.com/hexagonassets/_800x800_crop_center-center_82_none/AdobeStock_710594513.jpeg?mtime=1726164473"> <meta name="twitter:image:width" content="800"> <meta name="twitter:image:height" content="800"> <meta name="twitter:image:alt" content="Enabling carbon negative future. We offer a wide range of clean and renewable natural gas solutions for commercial vehicles and gaseous energy transportation."> <link href="https://hexagonagility.com/solutions/truck" rel="canonical"> <link href="https://hexagonagility.com" rel="home"> <link type="text/plain" href="https://hexagonagility.com/humans.txt" rel="author"></head> <body id="site" class="relative bg-white">  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PHPKZN5D" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <header x-data="{ open: false }" class=" z-50 "> <div class="text-teal border-silver bg-white border-b z-50 w-full " > <nav class="flex items-center justify-between px-4 pt-5 pb-5 mx-auto max-w-screen-l md:px-8 lg:px-16"> <div class="flex justify-start mr-5 lg:w-0 lg:flex-1"> <a href="https://hexagonagility.com/"> <span class="sr-only">Hexagon Agility home</span> <img class="w-auto h-12 header-logo logo lg:h-16" src="https://s3.eu-central-1.amazonaws.com/hexagonassets/HexagonAgilityLogo.svg" alt="Hexagon Logo"> </a> </div> <div class="hidden space-x-5 text-base md:flex lg:space-x-7"> <div class="flex"> <a @mouseover="displayFlyover, open = true" id="menu-about" class="hover:border-teal text-base border-b-2 border-transparent flyOver lg:text-md" href="https://hexagonagility.com/about/about-us" target="" > About us </a> </div> <div class="flex"> <a @mouseover="displayFlyover, open = true" id="menu-solutions" class="hover:border-teal text-base border-b-2 border-transparent flyOver lg:text-md" href="https://hexagonagility.com/solutions" target="" > Solutions </a> </div> <div class="flex"> <a @mouseover="displayFlyover, open = true" id="menu-fleetcare" class="hover:border-teal text-base border-b-2 border-transparent flyOver lg:text-md" href="https://hexagonagility.com/fleetcare" target="1" > FleetCare </a> </div> <div class="flex"> <a @mouseover="displayFlyover, open = true" id="menu-resources" class="hover:border-teal text-base border-b-2 border-transparent flyOver lg:text-md" href="https://hexagonagility.com/resources" target="" > Resources </a> </div> <div class="flex"> <a @mouseover="removeDarker, open = false" id="menu-news-events" class="hover:border-teal text-base border-b-2 border-transparent flyOver lg:text-md" href="https://hexagonagility.com/news" target="" > News </a> </div> <div class="flex"> <a @mouseover="removeDarker, open = false" id="menu-careers" class="hover:border-teal text-base border-b-2 border-transparent flyOver lg:text-md" href="https://hexagonagility.com/careers" target="" > Careers </a> </div> <div class="flex"> <a @mouseover="removeDarker, open = false" id="menu-contact" class="hover:border-teal text-base border-b-2 border-transparent flyOver lg:text-md" href="https://hexagonagility.com/contact-2" target="" > Contact us </a> </div> </div> <button class="md:hidden md:text-md" x-on:click="open = ! open"> <span class="sr-only">Open menu</span> <svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0 1H20" stroke="#00616F"/> <path d="M0 7H20" stroke="#00616F"/> <path d="M0 13H20" stroke="#00616F"/> </svg> </button> </nav> </div> <div @mouseleave="removeDarker, open = false" x-cloak x-show="open" x-transition.opacity class="absolute inset-x-0 bottom-0 z-50 py-8 overflow-scroll transition origin-top-right transform bg-white border-t border-b md:overflow-hidden border-silver flyover md:bottom-auto"> <div id="parent" class="hidden md:inline"> <div id="#menu-about" class="hidden h-auto px-4 mx-auto max-w-screen-l element-child md:px-8 lg:px-16"> <nav class="grid grid-cols-12 gap-5 md:gap-8"> <div class="col-span-3 text-lg font-semibold text-teal"> <p class="flex items-center">About us</p> </div> <div class="flex flex-col flex-wrap col-span-9 col-start-4 md:max-h-72 lg:max-h-72 l:max-h-72"> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/about/about-us" target="" > About us </a> </div> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/about/history" target="" > History </a> </div> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/about/vision-values" target="" > Vision, purpose and values </a> </div> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/solutions/bus-and-coach/our-technology" target="" > Clean energy options </a> </div> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/about/leadership" target="" > Leadership team </a> </div> </div> </nav> </div> <div id="#menu-solutions" class="hidden h-auto px-4 mx-auto max-w-screen-l element-child md:px-8 lg:px-16"> <nav class="grid grid-cols-12 gap-5 md:gap-8"> <div class="col-span-3 text-lg font-semibold text-teal"> <p class="flex items-center">Solutions</p> </div> <div class="flex flex-col flex-wrap col-span-9 col-start-4 md:max-h-72 lg:max-h-72 l:max-h-72"> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/solutions/truck" target="" > Truck </a> <a class="block hover:underline" href="https://hexagonagility.com/solutions/truck/back-of-cab" target="" > Back-of-cab </a> <a class="block hover:underline" href="https://hexagonagility.com/solutions/truck/side-mount" target="" > Side-mount </a> </div> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/solutions/refuse" target="" > Refuse </a> <a class="block hover:underline" href="https://hexagonagility.com/solutions/refuse/roof-mount" target="" > Roof-mount </a> <a class="block hover:underline" href="https://hexagonagility.com/solutions/refuse/front-of-body" target="" > Front of body </a> <a class="block hover:underline" href="https://hexagonagility.com/solutions/refuse/tailgate" target="" > Tailgate </a> <a class="block hover:underline" href="https://hexagonagility.com/solutions/refuse/back-of-cab" target="" > Back-of-cab </a> <a class="block hover:underline" href="https://hexagonagility.com/solutions/refuse/refuse-side-mount-fuel-system" target="" > Side-mount </a> </div> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/solutions/bus-and-coach" target="" > Transit </a> </div> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/solutions/gas-distribution" target="" > Gas distribution </a> </div> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/solutions/advanced-fuel-storage-cylinders" target="" > RNG/CNG cylinders </a> </div> </div> </nav> </div> <div id="#menu-fleetcare" class="hidden h-auto px-4 mx-auto max-w-screen-l element-child md:px-8 lg:px-16"> <nav class="grid grid-cols-12 gap-5 md:gap-8"> <div class="col-span-3 text-lg font-semibold text-teal"> <p class="flex items-center">FleetCare</p> </div> <div class="flex flex-col flex-wrap col-span-9 col-start-4 md:max-h-72 lg:max-h-72 l:max-h-72"> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/fleetcare/fleetcare-genuine-parts" target="1" > Genuine Parts </a> </div> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/fleetcare/fleetcare-tech-support" target="1" > Tech support </a> </div> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/fleetcare/fleetcare-mobile-service" target="1" > Mobile Service </a> </div> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/fleetcare/support-documents" target="1" > Support documents </a> </div> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/fleetcare/customer-care-training" target="" > Technical Training Academy </a> </div> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/fleetcare/fleetcare-contact" target="" > Contact us </a> </div> </div> </nav> </div> <div id="#menu-resources" class="hidden h-auto px-4 mx-auto max-w-screen-l element-child md:px-8 lg:px-16"> <nav class="grid grid-cols-12 gap-5 md:gap-8"> <div class="col-span-3 text-lg font-semibold text-teal"> <p class="flex items-center">Resources</p> </div> <div class="flex flex-col flex-wrap col-span-9 col-start-4 md:max-h-72 lg:max-h-72 l:max-h-72"> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/resources/brochures" target="" > Brochures </a> </div> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/video" target="" > Videos </a> </div> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/resources/customer-success-stories" target="" > Customer success stories </a> </div> <div class="self-end flex-grow w-1/3 h-auto pb-2 pl-4 space-y-2 border-l-2 border-aquagreen"> <a class="text-base font-semibold hover:underline text-teal" href="https://hexagonagility.com/rng-for-heavy-duty-fleets-ebook" target="" > eBook </a> </div> </div> </nav> </div> <div id="#menu-news-events" class="hidden h-auto px-4 mx-auto max-w-screen-l element-child md:px-8 lg:px-16"> <nav class="grid grid-cols-12 gap-5 md:gap-8"> <div class="col-span-3 text-lg font-semibold text-teal"> <p class="flex items-center">News</p> </div> </nav> </div> <div id="#menu-careers" class="hidden h-auto px-4 mx-auto max-w-screen-l element-child md:px-8 lg:px-16"> <nav class="grid grid-cols-12 gap-5 md:gap-8"> <div class="col-span-3 text-lg font-semibold text-teal"> <p class="flex items-center">Careers</p> </div> </nav> </div> <div id="#menu-contact" class="hidden h-auto px-4 mx-auto max-w-screen-l element-child md:px-8 lg:px-16"> <nav class="grid grid-cols-12 gap-5 md:gap-8"> <div class="col-span-3 text-lg font-semibold text-teal"> <p class="flex items-center">Contact us</p> </div> </nav> </div> </div> <div class="px-6 md:hidden"> <div id="level-one-wrap"> <p class="pb-8 text-sm">Menu</p> <a id="menu-about" @click="openLevelTwo" class=" items-center py-4 border-t border-silver flex justify-between text-ml text-teal hover:border-teal" > About us <img class="w-4 h-5" src="/images/aquagreen-arrow.svg" alt="Right arrow"> </a> <a id="menu-solutions" @click="openLevelTwo" class=" items-center py-4 border-t border-silver flex justify-between text-ml text-teal hover:border-teal" > Solutions <img class="w-4 h-5" src="/images/aquagreen-arrow.svg" alt="Right arrow"> </a> <a id="menu-fleetcare" @click="openLevelTwo" class=" items-center py-4 border-t border-silver flex justify-between text-ml text-teal hover:border-teal" > FleetCare <img class="w-4 h-5" src="/images/aquagreen-arrow.svg" alt="Right arrow"> </a> <a id="menu-resources" @click="openLevelTwo" class=" items-center py-4 border-t border-silver flex justify-between text-ml text-teal hover:border-teal" > Resources <img class="w-4 h-5" src="/images/aquagreen-arrow.svg" alt="Right arrow"> </a> <a id="menu-news-events" href="https://hexagonagility.com/news" target="" class=" flex items-center justify-between py-4 border-t border-silver text-ml text-teal hover:border-teal" > News </a> <a id="menu-careers" href="https://hexagonagility.com/careers" target="" class=" flex items-center justify-between py-4 border-t border-silver text-ml text-teal hover:border-teal" > Careers </a> <a id="menu-contact" href="https://hexagonagility.com/contact-2" target="" class="border-b flex items-center justify-between py-4 border-t border-silver text-ml text-teal hover:border-teal" > Contact us </a> </div> <div id="level-two-three-wrap"> <div id="mbmenu-about" class="hidden"> <div class="flex items-center pb-8 level-two-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelTwo" id="menu-about" class="text-sm" > Back </p> </div> <div class="level-two-child"> <a class="flex items-center justify-between py-4 border-t border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/about/about-us" target="" > About us </a> </div> <div id="child112586"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/about/about-us" target="" > About us </a> </div> <div id="child108889"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/about/history" target="" > History </a> </div> <div id="child117275"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/about/vision-values" target="" > Vision, purpose and values </a> </div> <div id="child115416"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/solutions/bus-and-coach/our-technology" target="" > Clean energy options </a> </div> <div id="child108891"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/about/leadership" target="" > Leadership team </a> </div> </div> <div id="mbmenu-solutions" class="hidden"> <div class="flex items-center pb-8 level-two-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelTwo" id="menu-solutions" class="text-sm" > Back </p> </div> <div class="level-two-child"> <a class="flex items-center justify-between py-4 border-t border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/solutions" target="" > Solutions </a> </div> <div id="child108901"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <p class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" @click="openLevelThree" id="Truck" > Truck <img class="w-4 h-5" src="/images/aquagreen-arrow.svg" alt="Right arrow"> </p> <div> <a class="items-center justify-between hidden py-4 border-t level-three-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/solutions/truck" target="" > Truck </a> <a id="grandChild110331" class="items-center justify-between hidden py-4 border-t level-three-child text-ml text-teal border-silver" href="https://hexagonagility.com/solutions/truck/back-of-cab" target="" > Back-of-cab </a> <a id="grandChild109776" class="items-center justify-between hidden py-4 border-t level-three-child text-ml text-teal border-silver" href="https://hexagonagility.com/solutions/truck/side-mount" target="" > Side-mount </a> </div> </div> <div id="child108895"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <p class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" @click="openLevelThree" id="Refuse" > Refuse <img class="w-4 h-5" src="/images/aquagreen-arrow.svg" alt="Right arrow"> </p> <div> <a class="items-center justify-between hidden py-4 border-t level-three-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/solutions/refuse" target="" > Refuse </a> <a id="grandChild109767" class="items-center justify-between hidden py-4 border-t level-three-child text-ml text-teal border-silver" href="https://hexagonagility.com/solutions/refuse/roof-mount" target="" > Roof-mount </a> <a id="grandChild108903" class="items-center justify-between hidden py-4 border-t level-three-child text-ml text-teal border-silver" href="https://hexagonagility.com/solutions/refuse/front-of-body" target="" > Front of body </a> <a id="grandChild108905" class="items-center justify-between hidden py-4 border-t level-three-child text-ml text-teal border-silver" href="https://hexagonagility.com/solutions/refuse/tailgate" target="" > Tailgate </a> <a id="grandChild109778" class="items-center justify-between hidden py-4 border-t level-three-child text-ml text-teal border-silver" href="https://hexagonagility.com/solutions/refuse/back-of-cab" target="" > Back-of-cab </a> <a id="grandChild138102" class="items-center justify-between hidden py-4 border-t level-three-child text-ml text-teal border-silver" href="https://hexagonagility.com/solutions/refuse/refuse-side-mount-fuel-system" target="" > Side-mount </a> </div> </div> <div id="child108897"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/solutions/bus-and-coach" target="" > Transit </a> </div> <div id="child108907"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/solutions/gas-distribution" target="" > Gas distribution </a> </div> <div id="child139251"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/solutions/advanced-fuel-storage-cylinders" target="" > RNG/CNG cylinders </a> </div> </div> <div id="mbmenu-fleetcare" class="hidden"> <div class="flex items-center pb-8 level-two-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelTwo" id="menu-fleetcare" class="text-sm" > Back </p> </div> <div class="level-two-child"> <a class="flex items-center justify-between py-4 border-t border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/fleetcare" target="1" > FleetCare </a> </div> <div id="child111214"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/fleetcare/fleetcare-genuine-parts" target="1" > Genuine Parts </a> </div> <div id="child111234"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/fleetcare/fleetcare-tech-support" target="1" > Tech support </a> </div> <div id="child198302"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/fleetcare/fleetcare-mobile-service" target="1" > Mobile Service </a> </div> <div id="child111232"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/fleetcare/support-documents" target="1" > Support documents </a> </div> <div id="child111220"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/fleetcare/customer-care-training" target="" > Technical Training Academy </a> </div> <div id="child111230"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/fleetcare/fleetcare-contact" target="" > Contact us </a> </div> </div> <div id="mbmenu-resources" class="hidden"> <div class="flex items-center pb-8 level-two-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelTwo" id="menu-resources" class="text-sm" > Back </p> </div> <div class="level-two-child"> <a class="flex items-center justify-between py-4 border-t border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/resources" target="" > Resources </a> </div> <div id="child109811"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/resources/brochures" target="" > Brochures </a> </div> <div id="child142783"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/video" target="" > Videos </a> </div> <div id="child124187"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/resources/customer-success-stories" target="" > Customer success stories </a> </div> <div id="child230227"> <div class="items-center hidden pb-8 level-three-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelThree" id="menu-close-three" class="text-sm"> Back </p> </div> <a class="flex items-center justify-between py-4 border-t level-two-child border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/rng-for-heavy-duty-fleets-ebook" target="" > eBook </a> </div> </div> <div id="mbmenu-news-events" class="hidden"> <div class="flex items-center pb-8 level-two-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelTwo" id="menu-news-events" class="text-sm" > Back </p> </div> <div class="level-two-child"> <a class="flex items-center justify-between py-4 border-t border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/news" target="" > News </a> </div> </div> <div id="mbmenu-careers" class="hidden"> <div class="flex items-center pb-8 level-two-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelTwo" id="menu-careers" class="text-sm" > Back </p> </div> <div class="level-two-child"> <a class="flex items-center justify-between py-4 border-t border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/careers" target="" > Careers </a> </div> </div> <div id="mbmenu-contact" class="hidden"> <div class="flex items-center pb-8 level-two-child"> <img class="w-3 h-2 mr-2 transform rotate-180" src="/images/aquagreen-arrow.svg" alt="Left arrow"> <p @click="closeLevelTwo" id="menu-contact" class="text-sm" > Back </p> </div> <div class="level-two-child"> <a class="flex items-center justify-between py-4 border-t border-silver text-ml text-teal hover:border-teal" href="https://hexagonagility.com/contact-2" target="" > Contact us </a> </div> </div> </div> </div> </div> </header> <div id="darker" class="hidden"></div> <main class=""> <section id="headerHero"> <div class="bg-black h-[75vh] relative overflow-hidden"> <div class="px-4 md:px-8 lg:px-16 max-w-screen-l mx-auto z-10 h-full relative"> <div class="relative h-full"> <div class="absolute left-0 text-white top-5 lg:top-8 h-min"> </div> <div class="flex items-center justify-center h-full"> <div class="w-full lg:w-2/3"> <h1 class=" font-semibold text-[2.25rem] leading-[1.2em] md:text-xl lg:text-2xl text-center drop-shadow-md text-white"> Clean fuel systems for heavy-duty trucks </h1> </div> </div> </div> </div> <div class="absolute top-0 left-0 w-full h-full opacity-80"> <div data-objectfit class=" h-full relative"> <figure data-image class="block h-full"> <div class=" relative z-0 overflow-hidden bg-center bg-no-repeat bg-cover h-full" style="padding-bottom:0%; background-image:url(data:image/webp;base64,UklGRiwAAABXRUJQVlA4ICAAAABQAQCdASoCAAEAAUAmJQBOgCgAAP7qZf4d3N16h/IAAA==);"> <img class="absolute z-0 top-0 left-0 lazyload bg-white object-cover h-full w-full" style="object-position:50% 50%;-o-object-position:0.5% 0.5%;" data-src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/249812/AdobeStock_710594513_9c2ffbf6d6e27cd0b1f5ad5bca994549.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/249812/AdobeStock_710594513_313d8afcfcc7ac8137868b67cea70a0b.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/249812/AdobeStock_710594513_1b7fd3c84fdace47b5eca5fde5d962ec.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/249812/AdobeStock_710594513_4dd90577eea1150e234b6f0ff0cf31f8.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/249812/AdobeStock_710594513_004872bcecfc61b9aa1991ee7443cc82.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/249812/AdobeStock_710594513_9c2ffbf6d6e27cd0b1f5ad5bca994549.webp 2000w" alt=""/> <noscript> <img class="absolute top-0 left-0 z-10 w-100" src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/249812/AdobeStock_710594513_1b7fd3c84fdace47b5eca5fde5d962ec.webp" alt=""/> </noscript> </div> </figure> </div> </div> </div> </section> <div class="blocks bodyContent"> <section class="block block--textFigures mt-14 md:mt-20"> <div class="px-4 md:px-8 lg:px-16 max-w-screen-l mx-auto mt-14 md:mt-20"> <div class="grid gap-5 grid-cols-12 md:gap-8 "> <div class="order-last col-span-12 md:col-span-9 lg:col-span-8 l:col-span-6 lg:order-first l:col-start-1"> <h2 class=" text-ml font-semibold lg:text-lg lg:leading-tight text-teal mb-5 md:mb-8"> <p><span class="color-teal"><strong><span class="larger-font">Natural gas goes head-to-head with diesel in heavy-duty arena.</span></strong></span></p> </h2> <div class="prose max-w-none font-normal md:text-md text-tiny mb-[1em] last:mb-0 prose-h1:font-semibold prose-h1:text-inherit prose-h1:text-lg md:prose-h1:text-xl prose-h1:mb-[1em] prose-h2:font-semibold prose-h2:text-inherit prose-h2:text-ml md:prose-h2:text-lg prose-h2:mb-[1em] prose-h3:font-semibold prose-h4:text-inherit prose-h3:text-tiny md:prose-h3:text-md prose-h3:mb-[1em] prose-h4:font-semibold prose-h3:text-inherit prose-h4:text-sm md:prose-h4:text-base prose-h4:mb-[1em] prose-h5:font-semibold prose-h5:text-inherit prose-h5:text-sm md:prose-h5:text-base prose-h5:mb-[1em] prose-h6:font-semibold prose-h6:text-inherit prose-h6:text-sm md:prose-h6:text-base prose-h6:mb-[1em] "> <p><span dir="ltr">Faced with tighter emission regulations and high fuel prices, fleets are under increasing pressure to shift to clean fuel vehicles. </span></p> <p><span dir="ltr"></span><span dir="ltr">Heavy-duty trucks running on CNG, RNG or biomethane have been tried and tested. </span><span dir="ltr"><span dir="ltr">Our cutting edge technology provides heavy-duty truck fleets various fuel system solutions around the globe.</span></span></p> <p><span dir="ltr"><span dir="ltr"><span dir="ltr">Our ProCab® (back-of-cab) and ProRail® (side-mount) fuel systems are supported by leading OEMs in North America, Latin America, Europe, UK and more.</span></span></span></p> <p><span dir="ltr"></span></p> </div> </div> <div class="grid gap-5 grid-cols-12 md:gap-8 order-first col-span-12 lg:col-span-3 lg:col-start-10 l:col-start-9 lg:mb-0 lg:inline lg:order-last"> <div class="lg:pb-8 space-y-2 md:space-y-2 col-span-6 pl-5 border-l-2 lg:col-span-12 border-aquagreen md:pl-8"> <p class=" text-ml font-semibold lg:text-lg lg:leading-tight text-aquagreen"> 100,000+ </p> <p class=" text-sm md:text-base"> vehicles on the road </p> </div> <div class="lg:pb-8 space-y-2 md:space-y-2 col-span-6 pl-5 border-l-2 lg:col-span-12 border-aquagreen md:pl-8"> <p class=" text-ml font-semibold lg:text-lg lg:leading-tight text-aquagreen"> 80% </p> <p class=" text-sm md:text-base"> market share </p> </div> <div class=" space-y-2 md:space-y-2 col-span-6 pl-5 border-l-2 lg:col-span-12 border-aquagreen md:pl-8"> <p class=" text-ml font-semibold lg:text-lg lg:leading-tight text-aquagreen"> 30+ </p> <p class=" text-sm md:text-base"> years track record </p> </div> </div> </div> </div> </section> <section class="block block--cta mt-14 md:mt-20"> <article class=" mt-14 md:mt-20 overflow-hidden"> <div class="px-4 md:px-8 lg:px-16 max-w-screen-l mx-auto"> <div class="grid gap-5 grid-cols-12 md:gap-8 bg-teal text-white p-5 md:p-8 items-center"> <div class=" col-span-12 lg:col-span-6"> <div class="aspect-3/2 relative w-full overflow-hidden"> <div data-objectfit class=" h-full relative"> <figure data-image class="block h-full"> <div class=" relative z-0 overflow-hidden bg-center bg-no-repeat bg-cover h-full" style="padding-bottom:0%; background-image:url(data:image/webp;base64,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);"> <img class="absolute z-0 top-0 left-0 lazyload bg-teal text-white object-cover h-full w-full" style="object-position:46% 18.53%;-o-object-position:0.46% 0.1853%;" data-src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/119461/11-10_ProCab_FB_LI_2024-08-20-092808_pqvw_474091ac01d48473f3f7603b286e549f.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/119461/11-10_ProCab_FB_LI_2024-08-20-092808_pqvw_f604f9163081c76208104534e71af26c.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/119461/11-10_ProCab_FB_LI_2024-08-20-092808_pqvw_cc0e66b4db023b043bbcb448102fffbf.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/119461/11-10_ProCab_FB_LI_2024-08-20-092808_pqvw_ecaac08dfbcd44f859560022d0cf6cfb.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/119461/11-10_ProCab_FB_LI_2024-08-20-092808_pqvw_73f19eb36b7e32e563f529826249c103.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/119461/11-10_ProCab_FB_LI_2024-08-20-092808_pqvw_474091ac01d48473f3f7603b286e549f.webp 2000w" alt=""/> <noscript> <img class="absolute top-0 left-0 z-10 w-100" src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/119461/11-10_ProCab_FB_LI_2024-08-20-092808_pqvw_cc0e66b4db023b043bbcb448102fffbf.webp" alt=""/> </noscript> </div> </figure> </div> <div class="bg-teal text-white -bottom-12 -right-12 w-24 h-24 absolute rotate-45"></div> </div> </div> <div class=" space-y-5 md:space-y-8 lg:order-first lg:col-start-1 lg:col-span-6 h-full flex flex-col justify-center col-span-12 "> <h2 class="text-lg font-semibold lg:text-1xl"> Back-of-cab </h2> <div class=" text-base md:text-tiny lg:text-md"> <div class="prose max-w-none font-normal md:text-md text-tiny mb-[1em] last:mb-0 prose-h1:font-semibold prose-h1:text-inherit prose-h1:text-lg md:prose-h1:text-xl prose-h1:mb-[1em] prose-h2:font-semibold prose-h2:text-inherit prose-h2:text-ml md:prose-h2:text-lg prose-h2:mb-[1em] prose-h3:font-semibold prose-h4:text-inherit prose-h3:text-tiny md:prose-h3:text-md prose-h3:mb-[1em] prose-h4:font-semibold prose-h3:text-inherit prose-h4:text-sm md:prose-h4:text-base prose-h4:mb-[1em] prose-h5:font-semibold prose-h5:text-inherit prose-h5:text-sm md:prose-h5:text-base prose-h5:mb-[1em] prose-h6:font-semibold prose-h6:text-inherit prose-h6:text-sm md:prose-h6:text-base prose-h6:mb-[1em] "> <p>Our ProCab® products offer over 700 miles of driving range and can be coupled with our ProRail® fuel systems for extended range</p> </div> </div> <div> <a class=" text-sm md:text-base bg-white diagonal-btn-light border-teal text-teal border px-4 py-2 inline-block w-auto uppercase" target="" href="https://hexagonagility.com/solutions/truck/back-of-cab"> Read more <span class="text-aquagreen ml-2 arrow lg:ml-8">→</span> </a> </div> </div> </div> </div> </article> </section> <section class="block block--cta mt-14 md:mt-20"> <article class=" mt-14 md:mt-20 overflow-hidden"> <div class="px-4 md:px-8 lg:px-16 max-w-screen-l mx-auto"> <div class="grid gap-5 grid-cols-12 md:gap-8 bg-teal text-white p-5 md:p-8 items-center"> <div class="lg:order-first lg:col-start-1 col-span-12 lg:col-span-6"> <div class="aspect-3/2 relative w-full overflow-hidden"> <div data-objectfit class=" h-full relative"> <figure data-image class="block h-full"> <div class=" relative z-0 overflow-hidden bg-center bg-no-repeat bg-cover h-full" style="padding-bottom:0%; background-image:url(data:image/webp;base64,UklGRnYCAABXRUJQVlA4WAoAAAAgAAAAAQAAAAAASUNDUDACAAAAAAIwQURCRQIQAABtbnRyUkdCIFhZWiAHzwAGAAMAAAAAAABhY3NwQVBQTAAAAABub25lAAAAAAAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLUFEQkUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAApjcHJ0AAAA/AAAADJkZXNjAAABMAAAAGt3dHB0AAABnAAAABRia3B0AAABsAAAABRyVFJDAAABxAAAAA5nVFJDAAAB1AAAAA5iVFJDAAAB5AAAAA5yWFlaAAAB9AAAABRnWFlaAAACCAAAABRiWFlaAAACHAAAABR0ZXh0AAAAAENvcHlyaWdodCAxOTk5IEFkb2JlIFN5c3RlbXMgSW5jb3Jwb3JhdGVkAAAAZGVzYwAAAAAAAAARQWRvYmUgUkdCICgxOTk4KQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWFlaIAAAAAAAAPNRAAEAAAABFsxYWVogAAAAAAAAAAAAAAAAAAAAAGN1cnYAAAAAAAAAAQIzAABjdXJ2AAAAAAAAAAECMwAAY3VydgAAAAAAAAABAjMAAFhZWiAAAAAAAACcGAAAT6UAAAT8WFlaIAAAAAAAADSNAACgLAAAD5VYWVogAAAAAAAAJjEAABAvAAC+nFZQOCAgAAAAUAEAnQEqAgABAAFAJiUAToAoAAD+8FMfm3kbfRqmYAA=);"> <img class="absolute z-0 top-0 left-0 lazyload bg-teal text-white object-cover h-full w-full" style="object-position:51.42% 78.63%;-o-object-position:0.5142% 0.7863%;" data-src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/119434/9-21_prorail_FB_LI_2024-08-20-092808_vewy_b69fd8249000a4b5359ebe0c034d76a9.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/119434/9-21_prorail_FB_LI_2024-08-20-092808_vewy_8a2b0ecf604adfe77384f133b994c2c4.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/119434/9-21_prorail_FB_LI_2024-08-20-092808_vewy_dee696c5b865547b6fcce53043a515f1.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/119434/9-21_prorail_FB_LI_2024-08-20-092808_vewy_cbab160cbda123d68ab434bc57d21270.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/119434/9-21_prorail_FB_LI_2024-08-20-092808_vewy_88e48b32d0afde8b75bcacb635819773.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/119434/9-21_prorail_FB_LI_2024-08-20-092808_vewy_b69fd8249000a4b5359ebe0c034d76a9.webp 2000w" alt=""/> <noscript> <img class="absolute top-0 left-0 z-10 w-100" src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/119434/9-21_prorail_FB_LI_2024-08-20-092808_vewy_dee696c5b865547b6fcce53043a515f1.webp" alt=""/> </noscript> </div> </figure> </div> <div class="bg-teal text-white -bottom-12 -right-12 w-24 h-24 absolute rotate-45"></div> </div> </div> <div class=" space-y-5 md:space-y-8 lg:col-span-6 h-full flex flex-col justify-center col-span-12 "> <h2 class="text-lg font-semibold lg:text-1xl"> Side-mount </h2> <div class=" text-base md:text-tiny lg:text-md"> <div class="prose max-w-none font-normal md:text-md text-tiny mb-[1em] last:mb-0 prose-h1:font-semibold prose-h1:text-inherit prose-h1:text-lg md:prose-h1:text-xl prose-h1:mb-[1em] prose-h2:font-semibold prose-h2:text-inherit prose-h2:text-ml md:prose-h2:text-lg prose-h2:mb-[1em] prose-h3:font-semibold prose-h4:text-inherit prose-h3:text-tiny md:prose-h3:text-md prose-h3:mb-[1em] prose-h4:font-semibold prose-h3:text-inherit prose-h4:text-sm md:prose-h4:text-base prose-h4:mb-[1em] prose-h5:font-semibold prose-h5:text-inherit prose-h5:text-sm md:prose-h5:text-base prose-h5:mb-[1em] prose-h6:font-semibold prose-h6:text-inherit prose-h6:text-sm md:prose-h6:text-base prose-h6:mb-[1em] "> <p><span dir="ltr">The ProRail® can be configured to meet a wide range of fuel capacity requirements and the ability to be installed on one or both sides of the truck</span><br /></p> </div> </div> <div> <a class=" text-sm md:text-base bg-white diagonal-btn-light border-teal text-teal border px-4 py-2 inline-block w-auto uppercase" target="" href="https://hexagonagility.com/solutions/truck/side-mount"> Read more <span class="text-aquagreen ml-2 arrow lg:ml-8">→</span> </a> </div> </div> </div> </div> </article> </section> <section class="block block--fullWidthCta mt-14 md:mt-20"> <div class="h-[75vh] relative overflow-hidden bg-black flex items-center"> <article class="px-4 md:px-8 lg:px-16 max-w-screen-l mx-auto grid gap-5 grid-cols-12 md:gap-8 z-50 relative"> <div class="col-span-12 lg:col-span-8 xxl:col-span-6 space-y-5 md:space-y-8"> <h2 class=" font-semibold text-[2.25rem] leading-[1.2em] md:text-xl lg:text-2xl font-semibold drop-shadow-md text-white"> Make the Switch™ </h2> <div class="drop-shadow-md"> <div> <a class=" text-sm md:text-base bg-teal diagonal-btn-dark border-white text-white border px-4 py-2 inline-block w-auto uppercase" target="" href=""> Make the switch™: A guide to succeeding with RNG for heavy-duty fleets <span class=" ml-2 arrow lg:ml-8">→</span> </a> </div> </div> </div> </article> <div class="absolute top-0 left-0 w-full h-full opacity-60"> <div data-objectfit class=" h-full relative"> <figure data-image class="block h-full"> <div class=" relative z-0 overflow-hidden bg-center bg-no-repeat bg-cover h-full" style="padding-bottom:0%; background-image:url(data:image/webp;base64,UklGRiwAAABXRUJQVlA4ICAAAABwAQCdASoCAAEAAUAmJZQCdAF1AAD+9L5UyKvV5XAAAA==);"> <img class="absolute z-0 top-0 left-0 lazyload bg-white object-cover h-full w-full" style="object-position:50% 50%;-o-object-position:0.5% 0.5%;" data-src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/228382/Hexagon-Whitepaper-Cover-Image2_2024-05-20-072229_efyo_d0777670a8d99e6025ffe996df14efcc.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/228382/Hexagon-Whitepaper-Cover-Image2_2024-05-20-072229_efyo_346c3863780de0a2d42dc5352dbf099a.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/228382/Hexagon-Whitepaper-Cover-Image2_2024-05-20-072229_efyo_5f491ba204137cb7a876797e89582dc6.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/228382/Hexagon-Whitepaper-Cover-Image2_2024-05-20-072229_efyo_360b29c2cfe16dc83e79fb861cb3715a.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/228382/Hexagon-Whitepaper-Cover-Image2_2024-05-20-072229_efyo_d8cacd887c56e3061206c7778f19567c.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/228382/Hexagon-Whitepaper-Cover-Image2_2024-05-20-072229_efyo_d0777670a8d99e6025ffe996df14efcc.webp 2000w" alt=""/> <noscript> <img class="absolute top-0 left-0 z-10 w-100" src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/228382/Hexagon-Whitepaper-Cover-Image2_2024-05-20-072229_efyo_5f491ba204137cb7a876797e89582dc6.webp" alt=""/> </noscript> </div> </figure> </div> </div> </div> </section> <section class="block block--cards mb-14 md:mb-20 mt-14 md:mt-20"> <div class="px-4 md:px-8 lg:px-16 max-w-screen-l mx-auto grid gap-5 grid-cols-12 md:gap-8"> <div class="col-span-full"> <div class="flex justify-between text-teal"> <h2 class=" text-ml font-semibold lg:text-lg lg:leading-tight"> Case studies </h2> <a href="https://hexagonagility.com/resources/customer-success-stories" class="flex items-center cursor-pointer group"> <span class=" text-sm md:text-base group-hover:underline"> See all </span> <span class="ml-2 text-sm transition-transform duration-150 ease-in-out group-hover:translate-x-1"> → </span> </a> </div> </div> <div class="col-span-full md:col-span-6 "> <a href="https://hexagonagility.com/cases/with-alternative-fuels-and-advanced-technology-ups-delivers-on-sustainability-goals" class="flex flex-col group p-4 md:p-4 h-full border border-silver hover:border-turquoise/100"> <article class=" space-y-2 md:space-y-4 flex flex-col justify-between grow h-full"> <div class="flex flex-col grow justify-between text-teal space-y-5 md:space-y-8"> <div class=" space-y-2 md:space-y-4 grow flex flex-col justify-between"> <div class=" space-y-2 md:space-y-4"> <div> <h3 class=" text-ml font-semibold lg:text-lg lg:leading-tight "> With alternative fuels and advanced technology, UPS delivers on sustainability goals </h3> </div> <p class=" text-sm md:text-base line-clamp-3"> </p> </div> <div> <p class=" text-sm md:text-base space-x-1 inline"> <span class="border-b border-white group-hover:border-teal"> Read more </span> <span class="transition-transform duration-150 ease-in-out group-hover:translate-x-1"> → </span> </p> </div> </div> </div> <div class="aspect-3/2 overflow-hidden"> <div class="w-full h-full transition-transform duration-150 ease-out group-hover:scale-105"> <div data-objectfit class=" h-full relative"> <figure data-image class="block h-full"> <div class=" relative z-0 overflow-hidden bg-center bg-no-repeat bg-cover h-full" style="padding-bottom:0%; background-image:url(data:image/webp;base64,UklGRioAAABXRUJQVlA4IB4AAABQAQCdASoCAAEAAUAmJZQABAAAAP7tTd+g+K+AAAA=);"> <img class="absolute z-0 top-0 left-0 lazyload bg-white object-cover h-full w-full" style="object-position:48.99% 20.13%;-o-object-position:0.4899% 0.2013%;" data-src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/125794/ProCab175_TruckWings_FreightlinerCascadia_8_fd0634dc603f0d65e9c47592f7bca3e3.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/125794/ProCab175_TruckWings_FreightlinerCascadia_8_aedacc9dc758bca8254ed10296e6b8cf.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/125794/ProCab175_TruckWings_FreightlinerCascadia_8_34bb1f3868f6b4bef9b6dd669f901872.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/125794/ProCab175_TruckWings_FreightlinerCascadia_8_8ed84aa157ac238783e3b0e7f4478c70.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/125794/ProCab175_TruckWings_FreightlinerCascadia_8_ae867ad755cbff5b111b593e058f820d.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/125794/ProCab175_TruckWings_FreightlinerCascadia_8_fd0634dc603f0d65e9c47592f7bca3e3.webp 2000w" alt=""/> <noscript> <img class="absolute top-0 left-0 z-10 w-100" src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/125794/ProCab175_TruckWings_FreightlinerCascadia_8_34bb1f3868f6b4bef9b6dd669f901872.webp" alt=""/> </noscript> </div> </figure> </div> </div> </div> </article> </a> </div> <div class="col-span-full md:col-span-6 "> <a href="https://hexagonagility.com/cases/penske-leading-in-alternative-fuel-vehicles-for-over-25-years" class="flex flex-col group p-4 md:p-4 h-full border border-silver hover:border-turquoise/100"> <article class=" space-y-2 md:space-y-4 flex flex-col justify-between grow h-full"> <div class="flex flex-col grow justify-between text-teal space-y-5 md:space-y-8"> <div class=" space-y-2 md:space-y-4 grow flex flex-col justify-between"> <div class=" space-y-2 md:space-y-4"> <div> <h3 class=" text-ml font-semibold lg:text-lg lg:leading-tight "> Penske leading in alternative fuel vehicles for over 25 years </h3> </div> <p class=" text-sm md:text-base line-clamp-3"> </p> </div> <div> <p class=" text-sm md:text-base space-x-1 inline"> <span class="border-b border-white group-hover:border-teal"> Read more </span> <span class="transition-transform duration-150 ease-in-out group-hover:translate-x-1"> → </span> </p> </div> </div> </div> <div class="aspect-3/2 overflow-hidden"> <div class="w-full h-full transition-transform duration-150 ease-out group-hover:scale-105"> <div data-objectfit class=" h-full relative"> <figure data-image class="block h-full"> <div class=" relative z-0 overflow-hidden bg-center bg-no-repeat bg-cover h-full" style="padding-bottom:0%; background-image:url(data:image/webp;base64,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);"> <img class="absolute z-0 top-0 left-0 lazyload bg-white object-cover h-full w-full" style="object-position:50% 50%;-o-object-position:0.5% 0.5%;" data-src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/147992/CaseStudyPenske_2b4795a5886038c382e415f2aac77c31.webp" data-sizes="auto" data-srcset="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/147992/CaseStudyPenske_4708f90134acac0b70524bf27ad7fa36.webp 400w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/147992/CaseStudyPenske_3e0b605af45275fe5e60884c0ae875a1.webp 800w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/147992/CaseStudyPenske_fad1c13ca73f2b3ef0eb54522c077855.webp 1200w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/147992/CaseStudyPenske_bacda73c15c98d736580fb5c2a5edf70.webp 1600w, https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/147992/CaseStudyPenske_2b4795a5886038c382e415f2aac77c31.webp 2000w" alt=""/> <noscript> <img class="absolute top-0 left-0 z-10 w-100" src="https://s3.eu-central-1.amazonaws.com/hexagonassets/transforms/agilityassets/147992/CaseStudyPenske_3e0b605af45275fe5e60884c0ae875a1.webp" alt=""/> </noscript> </div> </figure> </div> </div> </div> </article> </a> </div> </div> </section> </div> </main> <footer class="w-full h-full text-white bg-teal"> <div class="px-4 md:px-8 lg:px-16 max-w-screen-l mx-auto "> <div class="grid gap-5 grid-cols-12 md:gap-8 py-14 md:py-20"> <div class="col-span-12 md:col-span-6"> <a class=" text-ml font-semibold lg:text-lg lg:leading-tight block decoration-2 hover:underline" href="https://hexagonagility.com/" target=""> Hexagon Agility </a> <a class=" text-ml font-semibold lg:text-lg lg:leading-tight block decoration-2 hover:underline" href="https://hexagonagility.com/about/about-us" target=""> About us </a> <a class=" text-ml font-semibold lg:text-lg lg:leading-tight block decoration-2 hover:underline" href="https://hexagonagility.com/fleetcare-old" target="1"> FleetCare </a> <a class=" text-ml font-semibold lg:text-lg lg:leading-tight block decoration-2 hover:underline" href="https://hexagonagility.com/careers" target=""> Careers </a> <a class=" text-ml font-semibold lg:text-lg lg:leading-tight block decoration-2 hover:underline" href="https://hexagongroup.com/" target="1"> Hexagon Composites </a> </div> <div class=" text-sm md:text-base col-span-12 md:col-span-3"> <p class=" pb-2 md:pb-4 block uppercase"> Follow us </p> <div class="space-y-[0.4em]"> <p><a href="https://www.linkedin.com/company/agility-fuel-solutions/" target="_blank" rel="noreferrer noopener">LinkedIn</a></p> <p><a href="https://www.facebook.com/HexagonAgility" target="_blank" rel="noreferrer noopener">Facebook</a></p> <p><a href="https://twitter.com/AgilityFuel" target="_blank" rel="noreferrer noopener">Twitter</a></p> <p><a href="https://www.instagram.com/hexagonagility">Instagram</a></p> <p><a href="https://www.youtube.com/channel/UCH1-yzuKiwz9kyAEJmdrLxg" target="_blank" rel="noreferrer noopener">YouTube</a><br /></p> </div> </div> <div class=" text-sm md:text-base col-span-12 md:col-span-3"> <p class=" pb-2 md:pb-4 uppercase"> Get in touch </p> <div class="prose"> <p><strong>Hexagon Agility<br /></strong>3335 Susan Street, Suite 100<br />Costa Mesa, CA 92626 USA </p> <p>T: +1 949 236 5520<br /><a href="mailto:info@hexagonagility.com">info@hexagonagility.com</a></p> </div> </div> </div> </div> <div class="bg-white text-teal"> <div class="px-4 md:px-8 lg:px-16 max-w-screen-l mx-auto py-2 md:py-4 text-sm md:text-base items-center justify-start md:flex md:space-x-4"> <p><a href="https://hexagonagility.com/privacy-policy">Privacy policy</a> ⬢ <a href="https://hexagonagility.com/terms-conditions-and-supplier-info">Terms, conditions and supplier info</a> ⬢ <a href="https://hexagonagility.com/patent-information">Patent information</a> ⬢ <a href="https://hexagonagility.com/website-terms-and-conditions">Website terms and conditions</a> <br /><a href="https://hexagonagility.com/california-transparency-in-supply-chains-act-disclosure">California transparency in supply chains act disclosure</a> ⬢ <a href="https://eur02.safelinks.protection.outlook.com/?url=https%3A%2F%2Fhealth1.aetna.com%2Fapp%2Fpublic%2F%23%2Fone%2FinsurerCode%3DAETNACVS_I%26brandCode%3DALICSI%2Fmachine-readable-transparency-in-coverage%3FsearchTerm%3D100707372%26lock%3Dtrue&data=05%7C01%7CJason.Isley%40hexagonagility.com%7C42b63984f049495346a608da4eca6993%7C3d2b5d62cb8c4078bfac5ec72f62f0f1%7C0%7C0%7C637908928530394925%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=%2BYxGppe6bmtYYhYXrysZNJvjzZij7Ih%2FAfLoJ7UmJnw%3D&reserved=0" target="_blank" rel="noreferrer noopener">Transparency in coverage</a> ⬢ <a href="https://hexagonagility.com/privacy-policy-hexagon-agility-gmbh">Privacy policy GmbH</a></p> <p><br /></p> </div> </div> </footer> <script src="/build/js/main.js?id=baeab342d69562ea70581ba613bf3497"></script> <script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script> <script type="application/ld+json">{"@context":"http://schema.org","@graph":[{"@type":"WebSite","author":{"@id":"#identity"},"copyrightHolder":{"@id":"#identity"},"copyrightYear":"2022","creator":{"@id":"#creator"},"dateCreated":"2022-11-23T14:17:11+01:00","dateModified":"2024-09-23T18:29:47+02:00","datePublished":"2022-11-23T14:17:00+01:00","description":"Enabling carbon negative future. We offer a wide range of clean and renewable natural gas solutions for commercial vehicles and gaseous energy transportation.","headline":"Truck","image":{"@type":"ImageObject","url":"https://s3.eu-central-1.amazonaws.com/hexagonassets/_1200x630_crop_center-center_82_none/AdobeStock_710594513.jpeg?mtime=1726164473"},"inLanguage":"en","mainEntityOfPage":"https://hexagonagility.com/solutions/truck","name":"Truck","publisher":{"@id":"#creator"},"url":"https://hexagonagility.com/solutions/truck"},{"@id":"#identity","@type":"LocalBusiness","priceRange":"$"},{"@id":"#creator","@type":"Organization"},{"@type":"BreadcrumbList","description":"Breadcrumbs list","itemListElement":[{"@type":"ListItem","item":"https://hexagonagility.com","name":"Front Page","position":1},{"@type":"ListItem","item":"https://hexagonagility.com/solutions","name":"Solutions","position":2},{"@type":"ListItem","item":"https://hexagonagility.com/solutions/truck","name":"Truck","position":3}],"name":"Breadcrumbs"}]}</script></body> </html>

CINXE.COM

Hexagon Agility | Truck