From dc961f346b633bee48e8dd205241ab43be35d104 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Wed, 21 May 2025 17:34:36 +0330
Subject: [PATCH] fixed z index and added real links to resellers page

---
 frontend/components/home/ProductsShowcase.vue | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/frontend/components/home/ProductsShowcase.vue b/frontend/components/home/ProductsShowcase.vue
index cdf0e6c..788d81e 100644
--- a/frontend/components/home/ProductsShowcase.vue
+++ b/frontend/components/home/ProductsShowcase.vue
@@ -27,6 +27,7 @@ onMounted(() => {
                           opacity: 1,
                           scale: 1,
                           // rotateX: -25,
+                          zIndex: 1,
                           top: 0,
                           ease: "none",
                       }
@@ -34,6 +35,7 @@ onMounted(() => {
                           opacity: 0,
                           scale: 1,
                           // rotateX: -25,
+                          zIndex: 1,
                           top: 20,
                           ease: "none",
                       },
@@ -41,6 +43,7 @@ onMounted(() => {
                     opacity: 1,
                     scale: 1,
                     // rotateX: 0,
+                    zIndex: 5,
                     top: 0,
                     ease: "none",
                 },
@@ -88,10 +91,9 @@ onUnmounted(() => {
         class="perspective-midrange relative z-[999]"
     >
         <div class="w-full min-h-[120svh] lg:min-h-[102svh] bg-black">
-            <NuxtLink
-                v-for="slide in homeData!.show_case_slider"
-                :key="slide.id"
-                :to="slide.link"
+            <div
+                v-for="(slide, index) in homeData!.show_case_slider"
+                :key="index"
                 class="showcase-slide origin-bottom absolute size-full bg-black flex items-center justify-center max-lg:-mt-16 lg:mt-5"
             >
                 <NuxtImg
@@ -112,7 +114,7 @@ onUnmounted(() => {
                         {{ slide.description }}
                     </p>
                     <NuxtLink
-                        :to="slide.link"
+                        :to="`/resellers/category/${slide.id}`"
                         class="relative"
                     >
                         <NuxtImg
@@ -128,7 +130,7 @@ onUnmounted(() => {
                         </Button>
                     </NuxtLink>
                 </div>
-            </NuxtLink>
+            </div>
         </div>
     </section>
 </template>