<div class="banners"> <img src="https://store-ca.segway.com/media/wysiwyg/banner/hot-sale/homepage_pc.png" class="large-screen" /> <img src="https://store-ca.segway.com/media/wysiwyg/banner/hot-sale/homepage_mobile_v2.png" class="small-screen" /> </div> <style> .hot-sale .banners { padding-bottom: 70px; } .hot-sale .banners img { width:100%; } .hot-sale .large-screen { display: none; } @media (min-width:750px) { .hot-sale .large-screen { display: block; } .hot-sale .small-screen { display: none; } } </style>

<div class="grid w-full grid-cols-4 justify-center gap-[16px] max-xl:grid-cols-2 max-xl:gap-x-3 max-xl:gap-y-[36px] items-center"> <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="segway-superscooter-gt1"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">SAVE</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">$1300</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://store-ca.segway.com/media/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/g/t/gt1_708x708_1.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">60 kmph | 70 km </div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway GT1 SuperScooter</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]"> <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>2299.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>3599.99</p> </div> </div> </a> <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="segway-zt3-pro"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">SAVE</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">$600</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://store-ca.segway.com/media/catalog/product/cache/ee20be44280952a7d7ef6417d3f821e9/z/t/zt3_pro-1_1_.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">40 kmph | 70 km </div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway ZT3 Pro eKickScooter</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]"> <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>999.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>1599.99</p> </div> </div> </a> <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="ninebot-kickscooter-max-g2"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">SAVE</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">$200</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://store-ca.segway.com/media/catalog/product/cache/ee20be44280952a7d7ef6417d3f821e9/m/a/max_g2_4.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">35 kmph | 70 km </div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway Max G2 KickScooter</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]"> <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>1199.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>1399.99</p> </div> </div> </a> <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="ninebot-kickscooter-f2"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">SAVE</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">$400</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://store-ca.segway.com/media/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/f/2/f2-2.jpg" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">32 kmph | 70 km </div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway F2 KickScooter</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]"> <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>399.99</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>799.99</p> </div> </div> </a> </div>