revert testing

resources/css/app.css

@@ -36,10 +36,6 @@
 html {
     scroll-behavior: smooth;
 }
-body {
-    min-height: 100vh; /* Minimum height of the body */
-    overflow-y: scroll; /* Always show vertical scrollbar */
-}
 body.no-scroll {
     overflow: hidden;
 }

resources/js/app.js

@@ -55,13 +55,12 @@ const countdownTimer = setInterval(() => {
 $(function() {
     var partLeftPos = 0;
     var partRightPos = 0;
-    
-    // Function to update positions of .left and .right elements
+
     function updatePositions() {
         var distance = $(window).scrollTop() * 2;
         var left = partLeftPos - distance;
         var right = partRightPos - distance;
-        
+
         $('.left').css('left', left + "px");
         $('.right').css('right', right + "px");
 
@@ -82,15 +81,16 @@ $(function() {
     // Initial positions update
     updatePositions();
 
-    // Update positions on scroll
+    // Listen to scroll events using requestAnimationFrame for smooth animation
+    var ticking = false;
     $(window).scroll(function() {
-        updatePositions();
-    });
-
-    // Ensure scrollbar visibility
-    $('body').css({
-        'min-height': '100vh', // Set minimum height to viewport height
-        'overflow-y': 'scroll' // Always show vertical scrollbar
+        if (!ticking) {
+            window.requestAnimationFrame(function() {
+                updatePositions();
+                ticking = false;
+            });
+        }
+        ticking = true;
     });
 });