<div class="half-image"> <div class="row half-image-row"> <div class="media"> <img src="https://segway.imgix.net/media/wysiwyg/max-g3/ninebot-kickscooter-max-g3-left.png" alt="Ninebot eKickScooter MAX G3"> </div> <div class="copy"> <div class="inner"> <h2><span class="small">Segway Ninebot eKickScooter MAX G3</h2> <p> <b>Speed and Performance: </b>Experience speeds of up to 45 kmph and with our powerful 2000W motor, conquer inclines of 30% . Activate Boost Mode to accelerate from a complete stop to 24 kmph in only 2.4 seconds!<br/> <b>SegRange - 80 Km of Adventure: </b>Our signature self-developed SegRange™ technology extends the range, enabling longer rides. <br/> <b>SegRide: </b>Instantly adjust to bumps and obstacles on your journey, providing a smooth, controlled, and comfortable ride.<br/> <b>2.4-inch Smart TFT Display: </b>Navigation, Caller ID & Smart Charge Management <br/> <b>Apple Find My: </b>Easily detect your eKickScooter using the “Find My” App on your Apple devices whenever needed.<br/> <b>Flash Charge: </b>The built-in fast charger requires just one cable to charge your device in 3.5 hrs. For even faster charging, connect a DC charger cable simultaneously to reduce your charge time to just 2.5 hours. The DC charger is sold separately. </p> <div class="attributes"> <div class="attribute"> <span class="icon speed-icon"></span> <span class="copy"> <span>28<span class="small">mph</span></span> <span class="sub">Max Speed</span> </span> </div> <div class="attribute"> <span class="icon battery-icon"></span> <span class="copy"> <span>2000<span class="small">w</span></span> <span class="sub">Max Power</span> </span> </div> <div class="attribute"> <span class="icon range-icon"></span> <span class="copy"> <span>50<span class="small">miles</span></span> <span class="sub">Max Range</span> </span> </div> <div class="attribute"> <span class="icon grade-slope-icon"></span> <span class="copy"> <span>30<span class="small">%</span></span> <span class="sub">Max Slope</span> </span> </div> </div> </div> </div> </div> </div>

<div class="seasonal-promotion-kv promotion_section_1"> <div class="promotion-banner"> <div class="pc_screen"> <img src="https://segway.imgix.net/media/wysiwyg/max-g3/segway_max_g3_section9_pc_v2.png" class="large-screen" /> </div> <div class="mobile_screent"> <img src="https://segway.imgix.net/media/wysiwyg/max-g3-pre-order/segway_max_g3_section9_mobile.png" class="small-screen" /> </div> <div class="container"> <div class="box"> <p>Stability<br/>Enhancement System </p> <span>Experience superior riding control with the SegRide™ Stability Enhancement System even at high speeds, sharp turns, and slippery roads. SegRide™ offers the perfect balance of agility and stability. </span> </div> </div> </div> </div> <style> .promotion_section_1 .promotion-banner .container { position: absolute; top: 10%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 24px; text-align: center; max-width: 400px; } .promotion_section_1 .promotion-banner .container p { font-size: 32px; background-image: linear-gradient(to right, white 0%, grey 99.9%, black 99%); background-size: 100% !important; -webkit-background-clip: text !important; -moz-background-clip: text !important; -webkit-text-fill-color: transparent !important; font-weight: 600; line-height: 1.2; } .promotion_section_1 .promotion-banner .container span { font-size: 16px; color: #6C7273; display: block; } @media only screen and (max-width:850px) { .promotion_section_1 .promotion-banner .container { top: 20%; text-align: center; display: flex; justify-content: center; width: 90%; } .promotion_section_1 .promotion-banner .container p { font-size: 24px; line-height: 28px; } .promotion_section_1 .promotion-banner .container span { font-size: 12px; display: block; } } @media only screen and (max-width:640px) { .promotion_section_1 .promotion-banner .container span{ font-size: 12px; } } </style>

<div class="seasonal-promotion-kv promotion_section_3" id="screen1"> <div class="promotion-banner" id="targetImage1"></div> <div class="promotion_banner_mobile" id="targetImage2"></div> <div class="promotion-container"> <div class="container"> <div class="box"> <p>Smart Navigation & Display</p> </div> </div> <div class="container_footer"> <div class="grid"> <div> <br/><p></p> <p>Navigation</p> <hr/> <span>The integrated navigation guidance on the MAX G3's display makes route planning quick and easy. </span> </div> <div> <p>Real-Time Information</p> <hr/> <span>Stay in touch with your eKickScooter's riding status, including speed, battery life, modes, trip distance, and more. </span> </div> <div> <p>Smart Charge Management</p> <hr/> <span>Monitor your charging progress with precision–see real-time estimates for charge completion right on your dashboard.</span> </div> </div> <div class="grid_mobile"> <div class="item"> <p>Navigation</p> </div> <div class="item"> <p>Real-Time Information</p> </div> <div class="item"> <p>Smart Charge Management</p> </div> </div> </div> </div> </div> <style> .promotion_section_3 { position: relative; height: 120vh; } .promotion_section_3 .promotion_banner_mobile { position: absolute; top: 0; left: 0; background-image: url('https://segway.imgix.net/media/wysiwyg/max-g3-pre-order/segway_max_g3_section3_pc_a2.png'); background-size: cover; background-position: top center; background-repeat: no-repeat; opacity: 0; width: 100%; height: 120vh; transition: opacity 0.3s ease-in-out; } .promotion_section_3 .promotion-banner { position: absolute; top: 0; left: 0; background-image: url('https://segway.imgix.net/media/wysiwyg/max-g3-pre-order/segway_max_g3_section3_pc_a1.png'); background-size: cover; background-position: top center; background-repeat: no-repeat; opacity: 1; width: 100%; height: 120vh; transition: opacity 0.3s ease-in-out; } .promotion_section_3 .promotion-container .container .box p { font-size: 32px; font-weight: 600; background-image: linear-gradient(to right, white 0%, grey 99.9%, black 99%); background-size: 100% !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; -moz-background-clip: text !important; line-height: 1.2; } .promotion_section_3 .promotion-container .container { position: absolute; top: 13%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 24px; font-weight: bold; text-align: center; } .promotion_section_3 .promotion-container .container_footer { position: absolute; top: 80%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 24px; text-align: left; } .promotion_section_3 .promotion-container .container_footer .grid{ display: flex; gap: 70px; } .promotion_section_3 .promotion-container .container_footer .grid_mobile { display: none; } .promotion_section_3 .promotion-container .container_footer .grid p{ font-size: 24px; } .promotion_section_3 .promotion-container .container_footer .grid hr { margin: 0px; } .promotion_section_3 .promotion-container .container_footer .grid span{ font-size: 14px; color: #6C7273; line-height: 22px; display: block; } @media only screen and (max-width:1580px) { .promotion_section_3 { height: 150vh; } .promotion_section_3 .promotion-banner { height: 150vh; } .promotion_section_3 .promotion_banner_mobile { height: 150vh; } .promotion_section_3 .promotion-container .container_footer .grid span{ font-size: 12px; } } @media only screen and (max-width:1000px) { .promotion_section_3 .promotion-container .container_footer .grid { display: none; } .promotion_section_3 .promotion-container .container_footer .grid_mobile { display: flex; gap: 20px; } .promotion_section_3 .promotion-container .container_footer .grid_mobile p{ font-size: 14px; } .promotion_section_3 .promotion-container .container_footer .grid_mobile .item { width: 100px; } .promotion_section_3 .promotion-container .container_footer .grid_mobile span{ display: none; } } @media only screen and (max-width:850px) { .promotion_section_3 .promotion-container .container { top: 15%; text-align: center; display: flex; justify-content: center; width: 100%; } .promotion_section_3 .promotion-container .container .box p { font-size: 24px; } .promotion_section_3 .promotion-container .container_footer .grid { display: none; } .promotion_section_3 .promotion-container .container_footer .grid_mobile { display: flex; gap: 20px; } .promotion_section_3 .promotion-container .container_footer .grid_mobile p{ font-size: 14px; } .promotion_section_3 .promotion-container .container_footer .grid_mobile .item { width: 100px; } .promotion_section_3 .promotion-container .container_footer .grid_mobile span{ display: none; } } @media only screen and (max-width:640px) { .promotion_section_3 { height: 60vh; } .promotion_section_3 .promotion-banner { background-image: url('https://segway.imgix.net/media/wysiwyg/max-g3-pre-order/segway_max_g3_section3_mobile_a1.png'); height: 55vh; } .promotion_section_3 .promotion_banner_mobile{ background-image: url('https://segway.imgix.net/media/wysiwyg/max-g3-pre-order/segway_max_g3_section3_mobile_a2.png'); height: 55vh; } .promotion_section_3 .promotion-container .container span{ font-size: 12px; } .promotion_section_3 .promotion-container .container_footer .grid { display: none; } .promotion_section_3 .promotion-container .container_footer .grid_mobile { display: flex; gap: 20px; } .promotion_section_3 .promotion-container .container_footer .grid_mobile p{ font-size: 14px; } .promotion_section_3 .promotion-container .container_footer .grid_mobile .item { width: 100px; } .promotion_section_3 .promotion-container .container_footer .grid_mobile span{ display: none; } } </style> <script> window.addEventListener('scroll', function() { const targetImage1 = document.getElementById('targetImage1'); const targetImage2 = document.getElementById('targetImage2'); const rect = targetImage1.getBoundingClientRect(); const imageHeight = targetImage1.offsetHeight; const imageCenter = (rect.top + imageHeight / 2) + 200; //console.log(imageHeight, 'imageHeight'); //console.log(imageCenter, window.innerHeight, 'imageCenter'); if (imageCenter <= window.innerHeight) { targetImage1.style.opacity = 0; targetImage2.style.opacity = 1; } else { targetImage1.style.opacity = 1; targetImage2.style.opacity = 0; } }); </script>

<div class="seasonal-promotion-kv promotion_section_4"> <div class="promotion-banner"> <div class="pc_screen"> <img src="https://segway.imgix.net/media/wysiwyg/max-g3/segway_max_g3_ksp_3_pc.png" class="large-screen" /> </div> <div class="mobile_screent"> <img src="https://segway.imgix.net/media/wysiwyg/max-g3/segway_max_g3_ksp_3_mobile_v2.png" class="small-screen" /> </div> <div class="container"> <div class="full_container"> <h2>Flash Charge</h2> <p class="desc">The built-in fast charger requires just one cable to power up. Use a second charging cable simultaneously to cut your charge time to 2.5 hours. Second charger sold separately.</p> <div class="desc_grid"> <div class="grid"> <p>3.5 hours</p> <span>Built-in Fast Charging Time</span> </div> <div class="grid"> <p>2.5 hours</p> <span>Dual Input Charging Time</span> </div> <div class="grid"><span class="foot_desc">*Data source from Segway-Ninebot Laboratory,<br/>comparing to MAX G3 to MAX G2.</span></div> </div> </div> </div> </div> </div> <style> .promotion_section_4 { margin-bottom: 50px; } .promotion_section_4 .promotion-banner .container { position: absolute; top: 50%; right: -18%; transform: translate(-50%, -50%); color: white; font-size: 24px; text-align: right; max-width: 600px; } .promotion_section_4 .promotion-banner .container h2 { font-size: 32px; background-image: linear-gradient(to right, white 80%, grey 99.9%, black 99%); background-size: 100% !important; -webkit-background-clip: text !important; -moz-background-clip: text !important; -webkit-text-fill-color: transparent !important; font-weight: 600; line-height: 1.2; } .promotion_section_4 .promotion-banner .container p { font-size: 14px; font-weight: 600; line-height: 1.2; color: #6C7273; } .promotion_section_4 .promotion-banner .container span { font-size: 14px; color: #6C7273; display: block; } .promotion_section_4 .promotion-banner .container .desc_grid { padding-top: 150px; } .promotion_section_4 .promotion-banner .container .desc_grid p{ font-size: 32px; color: #6C7273; background-image: linear-gradient(to right, white 80%, grey 99.9%, black 99%); background-size: 100% !important; -webkit-background-clip: text !important; -moz-background-clip: text !important; -webkit-text-fill-color: transparent !important; font-weight: 600; } .promotion_section_4 .promotion-banner .container .desc_grid .foot_desc{ font-size: 10px; color: #6C7273; } @media only screen and (max-width:850px) { .promotion_section_4 .promotion-banner .container { display: none; } } </style>

<div class="features-carousel"> <h2 class="headline"> <img src="/media/catalog/category/scooter_2.png" alt="Segway Ninebot eKickScooter MAX G3"> <span class="text">Segway Ninebot eKickScooter MAX G3</span> </h2> <ol class="s3-carousel product-items owl-carousel"> <li class="product-item"> <div class="media"> <img src="https://segway.imgix.net/media/wysiwyg/max-g3/segway_max_g3_features_v2_1.png" alt="Segway GoKart Kit 2 Product Image"> </div> <h3>Autonomous Unlocking</h3> <span>Pair the MAX G3 with the Segway Mobility App to secure your eKickScooter effortlessly by unlocking it via Bluetooth. It even powers off automatically when folded.<br/> Activate and personalize locking distance in the Segway Mobility App.</span> </li> <li class="product-item"> <div class="media"> <img src="https://segway.imgix.net/media/wysiwyg/max-g3/segway_max_g3_features_v2_2.png" alt="Segway GoKart Kit 2 Product Image"> </div> <h3>Track Your eKickScooter With Apple Find My Network</h3> <span>Simply activate Apple Find My through the Segway Mobility App and pair it with your eKickScooter. Then, easily detect your eKickScooter using the "Find My" App on your Apple devices whenever needed.</span> </li> <li class="product-item"> <div class="media"> <img src="https://segway.imgix.net/media/wysiwyg/max-g3/segway_max_g3_features_v3_3.png" alt="Segway GoKart Kit 2 Product Image"> </div> <h3>Dual Suspensions</h3> <span>Equipped with new dual front and rear adjustable hydraulic suspensions for a smooth ride over rough terrains.</span> </li> <li class="product-item"> <div class="media"> <img src="https://segway.imgix.net/media/wysiwyg/max-g3/segway_max_g3_features_v3_4.png" alt="Segway GoKart Kit 2 Product Image"> </div> <h3>11-Inch Self-Sealing Tubeless Tires</h3> <span>The upgraded 11-inch self-sealing tires enhance the MAX G3’s traction and durability on various terrains. The jelly layer can automatically seal punctures up to 4 mm in diameter, extending the life of the tire.</span> </li> </ol> </div>

<div class="seasonal-promotion-kv promotion_section_5"> <div class="promotion-banner"> <div class="pc_screen"> <img src="https://segway.imgix.net/media/wysiwyg/max-g3/segway_max_g3_ksp_4_pc.png" class="large-screen" /> </div> <div class="mobile_screent"> <img src="https://segway.imgix.net/media/wysiwyg/max-g3/segway_max_g3_ksp_4_mobile_v2.png" class="small-screen" /> </div> <div class="container"> <div class="full_container"> <div class="desc_grid"> <div class="grid"> <h2>Automatic 6W Headlight</h2> <ul> <li><span>Automatically turns ON and OFF based on your environment.</span></li> <li><span>Adjustable headlight angle.</span></li> </ul> </div> <div class="grid"> <h2>See and Be Seen</h2> <p>New Underglow Lights</p> <span>New underglow lights flash with<br/>turn indicators for maximum visibility.</span> </div> </div> </div> </div> </div> </div> <style> .promotion_section_5 { margin-top: 50px; } .promotion_section_5 .promotion-banner .container { position: absolute; top: 10%; left: 5%; width: 90%; } .promotion_section_5 .promotion-banner .container .desc_grid{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 180px; } .promotion_section_5 .promotion-banner .container h2 { font-size: 32px; background-image: linear-gradient(to right, white 0%, grey 99.9%, black 99%); background-size: 100% !important; -webkit-background-clip: text !important; -moz-background-clip: text !important; -webkit-text-fill-color: transparent !important; font-weight: 600; line-height: 1.2; } .promotion_section_5 .promotion-banner .container p { font-size: 14px; font-weight: 600; line-height: 1.2; color: #DDDDDD; } .promotion_section_5 .promotion-banner .container span { font-size: 14px; color: #6C7273; display: block; } @media only screen and (max-width:850px) { .promotion_section_5 .promotion-banner .container { display: none; } } </style>