Refactor styles and update HTML structure for "Historia Firmy" and "O Nas" pages

- Removed commented-out flex property in historia-firmy.scss for active class.
- Added overflow hidden to main-page class in o-nas.scss.
- Adjusted heights for responsive design in o-nas.scss.
- Introduced gradient background for _col-1 in o-nas.scss.
- Updated margin and height properties for various elements in o-nas.scss.
- Removed unnecessary after pseudo-element in o-nas.scss.
- Added feedback slider component in o-nas.php with customer testimonials.
- Updated video element in o-nas.php to include controls and loop attributes.
- Commented out unused sections in o-nas.php for better clarity.
- Implemented Swiper functionality for feedback slider in o-nas.php.

templates_user/components/historia-firmy.php

@@ -1,13 +1,13 @@
 <link rel="stylesheet" href="/layout/style-css/historia-firmy.css">
 
 <div id="historia-firmy">
-    <div class="_row _row-1">
+    <!-- <div class="_row _row-1">
         <div class="_col _col-1">
             <h2 class="section-title">
                 <span>historia firmy vidok</span>
             </h2>
         </div>
-    </div>
+    </div> -->
     <div class="_row _row-2">
         <div class="_col _col-1">
             <!-- Swiper -->
@@ -245,10 +245,30 @@
         },
     });
 
+    // $("#timeline-nav .swiper-slide").on("click", function () {
+    //     const index = $(this).data("slide");
+    //     contentSwiper.slideTo(index);
+    //     navSwiper.slideTo(index);
+    //     $("#timeline-nav .swiper-slide").removeClass("active");
+    //     $(this).addClass("active");
+    // });
+
     $("#timeline-nav .swiper-slide").on("click", function () {
         const index = $(this).data("slide");
+
+        const slides = $("#timeline-nav .swiper-slide");
+        slides.removeClass("active");
+
+        const clicked = $(this);
+        clicked.addClass("active");
+
+        clicked.one("transitionend", function () {
+            navSwiper.update();
+            navSwiper.slideTo(index);
+        });
+
         contentSwiper.slideTo(index);
-        $("#timeline-nav .swiper-slide").removeClass("active");
-        $(this).addClass("active");
     });
+
+
 </script>