feat: added play buttons

assets/js/main.js

@@ -4,6 +4,7 @@ import './team.js';
 import './faq.js';
 import './nav.js';
 import './modals.js';
+import './reviews.js';
 
 const maskOptions = {
   mask: '+{7} (000) 000 00 00',
@@ -16,3 +17,4 @@ const phoneInputs = phoneInputClassNames
   .reduce((acc, array) => [...acc, ...array], []);
 
 phoneInputs.forEach((inputElement) => IMask(inputElement, maskOptions));
+

assets/js/reviews.js

@@ -0,0 +1,22 @@
+const reviewsSlideVideos = document.querySelectorAll('.reviews__slide-video');
+const whyProgramVideoContent = document.querySelector('.why-program__video-content');
+
+reviewsSlideVideos.forEach((videoEl) => {
+  videoEl.addEventListener('click', (event) => {
+    if (whyProgramVideoContent) whyProgramVideoContent.classList.remove('active');
+    reviewsSlideVideos.forEach((video) => {
+      if (video === event.currentTarget) {
+        video.classList.add('active');
+      } else {
+        video.classList.remove('active');
+      }
+    });
+  });
+});
+
+if (whyProgramVideoContent) {
+  whyProgramVideoContent.addEventListener('click', (event) => {
+    event.currentTarget.classList.add('active');
+    reviewsSlideVideos.forEach((video) => video.classList.remove('active'));
+  });
+}