Updated

frontend/components/home/Hero.vue

@@ -179,9 +179,11 @@ onUnmounted(() => {
         <div
             id="header-slider-wrapper"
             class="relative"
+            :class="swiper_instance ? '' : 'bg-black min-h-svh'"
         >
             <Swiper
                 ref="observerTarget"
+                :class="swiper_instance ? '' : 'opacity-0'"
                 :slides-per-view="slidesPerView"
                 :loop="true"
                 :centered-slides="true"

frontend/pages/index.vue

@@ -36,7 +36,7 @@ onMounted(() => {
         <ProductsShowcase class="lg:mb-12" />
         <ProductsGrid
             title="محصولات پرفروش"
-            :products="[...homeData!.products,...homeData!.products]"
+            :products="homeData!.products"
         />
         <Categories class="mt-12" />
         <Brands />