From ef11e6acebf5282fc7d61ccfcee2fb113c924e44 Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Thu, 6 Mar 2025 18:16:57 +0330
Subject: [PATCH] Updated

---
 frontend/components/home/Hero.vue | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/frontend/components/home/Hero.vue b/frontend/components/home/Hero.vue
index 513ede0..815434a 100644
--- a/frontend/components/home/Hero.vue
+++ b/frontend/components/home/Hero.vue
@@ -57,11 +57,6 @@ watch(() => [shouldPauseVideos.value, swiper_instance.value?.realIndex], () => {
 // lifecycle
 
 const initializeGsapAnimation = () => {
-    gsap.to("#header-navbar", {
-        background: "transparent",
-        filter: "invert(100%)"
-    });
-
     gsapTimeline
         .fromTo(".header-slider-item", {
             borderRadius: 0,
@@ -129,6 +124,10 @@ onMounted(() => {
 
     setTimeout(() => {
         if (window.innerWidth > 768) {
+            gsap.to("#header-navbar", {
+                background: "transparent",
+                filter: "invert(100%)"
+            });
             scrollTrigger.enable();
         } else {
             resetTimelineForMobile();
@@ -138,6 +137,10 @@ onMounted(() => {
 
     window.addEventListener("resize", () => {
         if (window.innerWidth > 768) {
+            gsap.to("#header-navbar", {
+                background: "transparent",
+                filter: "invert(100%)"
+            });
             scrollTrigger.enable();
         } else {
             resetTimelineForMobile();
@@ -148,8 +151,8 @@ onMounted(() => {
 });
 
 onUnmounted(() => {
-    gsapTimeline.progress(1).pause();
-    gsapTimeline.kill();
+    resetTimelineForMobile();
+    scrollTrigger.disable();
 });
 
 </script>