Merge branch 'main' of https://github.com/Byeto-Company/hossein_por_shop

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>