diff --git a/frontend/components/home/Hero.vue b/frontend/components/home/Hero.vue
index bee0232..56f0529 100644
--- a/frontend/components/home/Hero.vue
+++ b/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"
diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
index a4883e1..010f755 100644
--- a/frontend/pages/index.vue
+++ b/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 />