From f58517513b12cac9cd587571c55db38244266105 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Tue, 28 Jan 2025 23:31:28 +0330
Subject: [PATCH] fixed brands animation

---
 frontend/components/global/Brands.vue | 47 ++++++++-------------------
 1 file changed, 14 insertions(+), 33 deletions(-)

diff --git a/frontend/components/global/Brands.vue b/frontend/components/global/Brands.vue
index 5fa82ef..515bd7f 100644
--- a/frontend/components/global/Brands.vue
+++ b/frontend/components/global/Brands.vue
@@ -1,52 +1,34 @@
 <script setup lang="ts">
-
 // types
 
 type Props = {
     // brands: string[];
-}
+};
 
 // props
 
 const props = defineProps<Props>();
 const {} = toRefs(props);
-
-// state
-
-const { $gsap: gsap } = useNuxtApp();
-
-// lifecycle
-
-onMounted(() => {
-    gsap.to("#marquee-text-container", {
-        xPercent: -50, // Adjust based on content width
-        duration: 10,  // Adjust for desired speed
-        ease: "none",
-        repeat: -1
-    });
-});
-
 </script>
 
 <template>
     <div class="relative w-full flex flex-col justify-center h-[350px]">
-
         <div class="-rotate-z-2 z-20">
             <div
                 class="bg-warning-500 flex pr-20 gap-20 py-2 w-max animate-marquee-reverse"
             >
-            <span
-                v-for="i in 10"
-                class="text-[50px] text-white whitespace-nowrap font-semibold"
-            >
-                TEST {{ i }}
-            </span>
                 <span
                     v-for="i in 10"
                     class="text-[50px] text-white whitespace-nowrap font-semibold"
                 >
-                TEST {{ i }}
-            </span>
+                    TEST {{ i }}
+                </span>
+                <span
+                    v-for="i in 10"
+                    class="text-[50px] text-white whitespace-nowrap font-semibold"
+                >
+                    TEST {{ i }}
+                </span>
             </div>
         </div>
 
@@ -60,14 +42,13 @@ onMounted(() => {
                 >
                     TEST {{ i }}
                 </span>
-                    <span
-                        v-for="i in 10"
-                        class="text-[50px] text-slate-300 whitespace-nowrap font-semibold"
-                    >
+                <span
+                    v-for="i in 10"
+                    class="text-[50px] text-slate-300 whitespace-nowrap font-semibold"
+                >
                     TEST {{ i }}
                 </span>
             </div>
         </div>
-
     </div>
-</template>
\ No newline at end of file
+</template>