diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
index 826d43f..16cf1f5 100644
--- a/frontend/pages/index.vue
+++ b/frontend/pages/index.vue
@@ -3,10 +3,11 @@
 // import
 
 import useHomeData from "~/composables/api/home/useHomeData";
+import ProductsGrid from "~/components/global/ProductsGrid.vue";
 
 // state
 
-const { suspense } = useHomeData();
+const { data: homeData, suspense } = useHomeData();
 
 // ssr
 
@@ -27,7 +28,8 @@ if (response.isError) {
         <Hero />
         <Preview />
         <ProductsShowcase />
-        <ProductsSlider title="محصولات پرفروش" />
+<!--        <ProductsSlider title="محصولات پرفروش" />-->
+        <ProductsGrid title="محصولات پرفروش" :products="[...homeData!.products,...homeData!.products]"/>
         <Categories />
         <Brands />
         <MostRecentComments />