Updated

frontend/components/home/ProductsShowcase.vue

@@ -11,6 +11,7 @@ const { data : homeData } = useHomeData();
 const { $gsap: gsap, $ScrollTrigger: ScrollTrigger } = useNuxtApp();
 
 let gsapTimeline: gsap.core.Timeline;
+let scrollTrigger: ScrollTrigger;
 
 // lifecycle
 
@@ -67,7 +68,7 @@ onMounted(() => {
         filter: "invert(0%)"
     });
 
-    ScrollTrigger.create({
+    scrollTrigger = ScrollTrigger.create({
         trigger: "#products-showcase-container",
         animation: gsapTimeline,
         scrub: 1,
@@ -77,6 +78,10 @@ onMounted(() => {
         end: "bottom top"
     });
 
+    setTimeout(() => {
+        scrollTrigger.refresh()
+    }, 1000);
+
 });
 
 onUnmounted(() => {
@@ -89,7 +94,7 @@ onUnmounted(() => {
 <template>
     <div
         id="products-showcase-container"
-        class="mt-80 mb-40 perspective-midrange w-full h-[125svh] bg-black flex items-center justify-center"
+        class="mb-40 perspective-midrange w-full h-[125svh] bg-black flex items-center justify-center"
     >
         <NuxtLink
             v-for="slide in homeData!.show_case_slider"