@widelab-nc/widelab 1.1.26 → 1.1.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widelab-nc/widelab",
-  "version": "1.1.26",
+  "version": "1.1.27",
   "description": "Widelab starter template based on Finsweet template + add-ons.",
   "homepage": "https://widelab.co",
   "license": "ISC",

package/src/index.js

@@ -928,6 +928,8 @@ window.badgeColorChange = function(e) {
       }
   }
 
+
+
   // Stats section headline animation
   window.statsHeadlineAnimation = function() {
     const statsHeadlineAnimation = gsap.timeline({
@@ -1060,7 +1062,44 @@ window.heroSliders = function(e) {
 
 
 
-
+// Sliders on Services page
+window.servicesSliders = function(e) {
+  const config = {
+    type: 'loop',
+    perPage: 1,
+    gap: 0,
+    arrows: false,
+    drag: false,
+    duration: 0.15,
+    easing: 'cubic-bezier(0.83, 0, 0.17, 1)',
+    classes: {
+      pagination: 'splide__pagination services-pagination',
+      page: 'splide__pagination__page services-page',
+    },
+    breakpoints: {
+      992: { drag: true, fixedWidth: '90%' },
+      480: {},
+    },
+  };
+  const slider = new Splide(e, config).mount();
+  if (window.innerWidth > 992) {
+    slider.on('click', function () {
+      slider.go('+1');
+    });
+  }
+  gsap.from(e, {
+    scrollTrigger: {
+      trigger: e,
+      start: 'top bottom',
+      end: 'bottom bottom+=15%',
+      scrub: 1,
+      once: true,
+    },
+    x: '10%',
+    opacity: 0,
+    ease: 'linear',
+  });
+}