From ded57959b68a74905f51df3904ffc95616444f7d Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Sun, 9 Mar 2025 01:04:05 +0330
Subject: [PATCH] Updated

---
 frontend/components/home/ProductsShowcase.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/components/home/ProductsShowcase.vue b/frontend/components/home/ProductsShowcase.vue
index 630e4f5..a41f1d4 100644
--- a/frontend/components/home/ProductsShowcase.vue
+++ b/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"