diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
index 4516b0c..153e429 100644
--- a/frontend/pages/index.vue
+++ b/frontend/pages/index.vue
@@ -26,10 +26,12 @@ if (response.isError) {
         <Hero class="mb-20 max-md:mt-[80px]" />
         <Preview />
         <ProductsShowcase class="lg:mb-12" />
-        <ProductsGrid
+        <div class="py-[5rem]">
+            <ProductsSlider
             title="محصولات پرفروش"
             :products="homeData!.products"
         />
+        </div>
         <Categories class="mt-12" />
         <Brands />
         <LatestStories class="mb-20" />