set scroll offset on booking page

public/js/main.js

@@ -11040,7 +11040,11 @@ $(document).ready(function () {
     resetField();
     $("#select-location").children("#default-input-select-location").remove();
     setTimeout(function () {
-      document.getElementById("field-location-container").scrollIntoView();
+      document.getElementById("field-location-container").scrollIntoView({
+        behavior: "smooth",
+        block: "end",
+        inline: "end"
+      });
     }, 300);
     if (this.value !== "default") {
       var _JSON$parse = JSON.parse(this.value),

resources/js/main.js

@@ -106,7 +106,7 @@ $(document).ready(function () {
         $("#select-location").children("#default-input-select-location").remove()
 
         setTimeout(() => {
-            document.getElementById("field-location-container").scrollIntoView();
+            document.getElementById("field-location-container").scrollIntoView({ behavior: "smooth", block: "end", inline: "end" });
         }, 300);
 
 

resources/views/booking.antlers.html

@@ -63,8 +63,8 @@
 <section>
     <div class="text-light section-8" style="background-image: url(./assets/image/dbparticle3.png);">
         <div data-aos="zoom-in" class="text-center ">
-            <p class="db-h3 text-highlight" style="line-height: clamp(3rem,2.5vw,4rem);">Our Mobile Apps Is Coming Soon!</p>
-            <p class="mx-auto p-0 db-h5 mb-5" style="line-height: clamp(1.7rem,2.5vw,3rem);">Soon all of the amazing features that we provide here will be available in<br/> an exclusive app for both android and iOS.</p>
+            <p class="db-h3 text-highlight" style="line-height: clamp(3rem,2.5vw,4rem);">Our Mobile Apps Is Now Available!</p>
+            <p class="mx-auto p-0 db-h5 mb-5" style="line-height: clamp(1.7rem,2.5vw,3rem);">Download the app for bookings and other important notifications in<br/> an exclusive app for both android and iOS.</p>
         </div>
 
         {{ partial:partials/appsdownload }}

resources/views/home.antlers.html

@@ -100,8 +100,8 @@
 <section>
     <div class="text-light section-8" style="background-image: url(./assets/image/dbparticle3.png);">
         <div data-aos="zoom-in" class="text-center ">
-            <p class="db-h3 text-highlight" style="line-height: clamp(3rem,2.5vw,4rem);">Our Mobile Apps Is Coming Soon!</p>
-            <p class="mx-auto p-0 db-h5 mb-5" style="line-height: clamp(1.7rem,2.5vw,3rem);">Soon all of the amazing features that we provide here will be available in<br/> an exclusive app for both android and iOS.</p>
+            <p class="db-h3 text-highlight" style="line-height: clamp(3rem,2.5vw,4rem);">Our Mobile Apps Is Now Available!</p>
+            <p class="mx-auto p-0 db-h5 mb-5" style="line-height: clamp(1.7rem,2.5vw,3rem);">Download the app for bookings and other important notifications in<br/> an exclusive app for both android and iOS.</p>
         </div>
         {{ partial:partials/appsdownload }}
     </div>