Redefine the Ride Smart. Silent. Sustainable.

 <section class="py-lg-8
                    py-5">
                <div
                  class="container
                    py-lg-8">
                <div
                  class="row
                    align-items-center gy-8">
                <div
                  class="col-xxl-5
                    col-lg-6">
                <h1
                  class="display-4">Redefine the Ride <span class="text-primary">Smart. Silent.</span>
                Sustainable.
                </h1>
                <p
                  class="mb-5">Experience the next generation of urban mobility with
                our AI-powered, ultra-light eBike.
                </p>
                <a
                  href="#!" class="btn btn-dark">Pre-Order Now</a>

                </div>
                <div
                  class="offset-xxl-2
                    col-xxl-5 col-lg-6">
                <div
                  class="position-relative text-center scene py-8 py-lg-0 " data-relative-input="true">
                <img
                  src="../assets/images/landings/product/circle.png" alt="" class="img-fluid">
                <div
                  class="position-absolute top-0 start-0 w-100 h-100 d-flex
                    align-items-center justify-content-center"
                  data-depth="0.09">
                <img
                  src="../assets/images/landings/product/ride-img.png" alt="" class="img-fluid" width="300"
                  height="300">
                </div>
                </div>

                </div>
                </div>
                </div>

                </section>