From 40e2945ceba022b9bc40f634163679045c2822b0 Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Sun, 22 Feb 2026 01:31:51 +0330
Subject: [PATCH] Add new product sliders to home

---
 frontend/composables/api/home/useHomeData.ts |  5 ++++-
 frontend/pages/index.vue                     | 21 ++++++++++++++++++--
 2 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/frontend/composables/api/home/useHomeData.ts b/frontend/composables/api/home/useHomeData.ts
index e06c00f..c505894 100644
--- a/frontend/composables/api/home/useHomeData.ts
+++ b/frontend/composables/api/home/useHomeData.ts
@@ -2,7 +2,6 @@
 
 import { useQuery } from "@tanstack/vue-query";
 import { API_ENDPOINTS, QUERY_KEYS } from "~/constants";
-import type { GetArticleResponse } from "~/composables/api/blog/useGetArticle";
 
 // types
 
@@ -16,6 +15,10 @@ export type GetHomeDataResponse = {
         video: string | null;
     }[];
     main_categories: Category[];
+    top_seller_products: ProductListItem[];
+    lot_of_discount_products: ProductListItem[];
+    most_viewed_products: ProductListItem[];
+    trends_products: ProductListItem[];
     products: ProductListItem[];
     difreance_section: {
         image1: string;
diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
index 4d68984..407d3a5 100644
--- a/frontend/pages/index.vue
+++ b/frontend/pages/index.vue
@@ -2,7 +2,6 @@
 // import
 
 import useHomeData from "~/composables/api/home/useHomeData";
-import ProductsGrid from "~/components/global/ProductsGrid.vue";
 
 // state
 
@@ -25,11 +24,29 @@ if (response.isError) {
         <!-- <LoadingOverlay /> -->
         <Hero class="mb-20 max-md:mt-20" />
         <Preview />
+        <div class="py-20">
+            <ProductsSlider
+                title="محصولات پرتخفیف"
+                :products="homeData!.lot_of_discount_products"
+            />
+        </div>
+        <div class="py-20">
+            <ProductsSlider
+                title="محصولات محبوب"
+                :products="homeData!.trends_products"
+            />
+        </div>
         <ProductsShowcase class="lg:mb-12" />
         <div class="py-20">
             <ProductsSlider
                 title="محصولات پرفروش"
-                :products="homeData!.products"
+                :products="homeData!.top_seller_products"
+            />
+        </div>
+        <div class="py-20">
+            <ProductsSlider
+                title="محصولات پربازدید"
+                :products="homeData!.most_viewed_products"
             />
         </div>
         <Categories class="mt-12" />