From 1344b39e5629f9e0cdaad5b5b2fea996208f5caa Mon Sep 17 00:00:00 2001
From: Mamalizz-dev <mohammad.hosein.ghorbani82@gmail.com>
Date: Sat, 21 Feb 2026 02:24:31 +0330
Subject: [PATCH 1/3] fixed gender input bug in dashboard

---
 frontend/components/global/product/ProductCard.vue | 8 ++++++--
 frontend/pages/profile/index.vue                   | 7 ++++---
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/frontend/components/global/product/ProductCard.vue b/frontend/components/global/product/ProductCard.vue
index b77c6ca..2d87e89 100644
--- a/frontend/components/global/product/ProductCard.vue
+++ b/frontend/components/global/product/ProductCard.vue
@@ -108,7 +108,7 @@ const parallaxStyle = computed(() => {
             </div>
 
             <div class="flex flex-col gap-1 px-2 items-start w-full text-black mt-4">
-                <span class="typo-sub-h-sm font-normal w-full truncate">
+                <span class="typo-sub-h-sm font-normal w-full line-clamp-2 leading-[175%]">
                     {{ title }}
                 </span>
                 <div class="flex flex-col w-full mt-1">
@@ -118,7 +118,11 @@ const parallaxStyle = computed(() => {
                     >
                         {{ price }}
                     </span>
-                    <span v-if="priceAfter" class="whitespace-nowrap !font-bold">{{ priceAfter }}</span>
+                    <span
+                        v-if="priceAfter"
+                        class="whitespace-nowrap !font-bold"
+                        >{{ priceAfter }}</span
+                    >
                 </div>
             </div>
         </div>
diff --git a/frontend/pages/profile/index.vue b/frontend/pages/profile/index.vue
index 80b4b8b..4ac2035 100644
--- a/frontend/pages/profile/index.vue
+++ b/frontend/pages/profile/index.vue
@@ -33,7 +33,7 @@ const personalData = ref<UpdateAccountRequest>({
     first_name: account.value?.first_name ?? "",
     last_name: account.value?.last_name ?? "",
     phone: account.value?.phone ?? "",
-    gender: account.value?.gender ?? undefined,
+    gender: account.value?.gender || undefined,
     email: account.value?.email ?? "",
     birth_date: account.value?.birth_date ?? "",
 });
@@ -64,7 +64,7 @@ const formRules = computed(() => {
             required: helpers.withMessage("فیلد شماره تلفن الزامی می باشد", required),
             phoneValidator: helpers.withMessage(
                 "شماره تلفن وارد شده معتبر نمی باشد",
-                helpers.regex(/^0?[1-9][0-9]{9}$/)
+                helpers.regex(/^0?[1-9][0-9]{9}$/),
             ),
         },
     };
@@ -99,7 +99,7 @@ const updateData = () => {
                     },
                 });
             },
-        }
+        },
     );
 };
 
@@ -243,6 +243,7 @@ const handleSubmit = (withValidation: boolean) => {
                         <Input
                             v-model="personalData.phone!"
                             variant="outlined"
+                            disabled
                             :error="formValidator$.phone.$error"
                         />
                     </DataField>

From c5d0d1b1cb8b1209f7f804a579fce2e5d8dc56ef Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Sun, 22 Feb 2026 01:07:57 +0330
Subject: [PATCH 2/3] Update categories slider slides count problem

---
 .../global/product-detail/ProductsSlider.vue           |  8 ++++----
 frontend/components/home/Categories.vue                |  8 +++++++-
 frontend/pages/index.vue                               | 10 +++++-----
 3 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/frontend/components/global/product-detail/ProductsSlider.vue b/frontend/components/global/product-detail/ProductsSlider.vue
index d2593c2..401149f 100644
--- a/frontend/components/global/product-detail/ProductsSlider.vue
+++ b/frontend/components/global/product-detail/ProductsSlider.vue
@@ -27,12 +27,12 @@ const onSwiper = (swiper: SwiperClass) => {
 </script>
 
 <template>
-    <section class="w-full flex flex-col gap-10 md:gap-[4rem] lg:container">
+    <section class="w-full flex flex-col gap-10 md:gap-16 lg:container">
         <div class="w-full flex justify-between items-center max-lg:container">
             <span class="text-black typo-h-6 md:typo-h-5 lg:typo-h-4">
                 {{ title }}
             </span>
-            <div class="flex-center gap-[.5rem]">
+            <div class="flex-center gap-2">
                 <button
                     @click="swiper_instance?.slidePrev()"
                     :disabled="swiper_instance?.isBeginning"
@@ -41,7 +41,7 @@ const onSwiper = (swiper: SwiperClass) => {
                             ? 'border-slate-200 cursor-not-allowed'
                             : 'border-black cursor-pointer'
                     "
-                    class="size-[30px] md:size-[35px] lg:size-[2.75rem] rounded-full border-[1.5px] click-effect flex-center"
+                    class="size-[30px] md:size-[35px] lg:size-11 rounded-full border-[1.5px] click-effect flex-center"
                 >
                     <Icon
                         name="ci:chevron-right"
@@ -55,7 +55,7 @@ const onSwiper = (swiper: SwiperClass) => {
                     :class="
                         swiper_instance?.isEnd ? 'border-slate-200 cursor-not-allowed' : 'border-black cursor-pointer'
                     "
-                    class="size-[30px] md:size-[35px] lg:size-[2.75rem] rounded-full border-[1.5px] click-effect flex-center"
+                    class="size-[30px] md:size-[35px] lg:size-11 rounded-full border-[1.5px] click-effect flex-center"
                 >
                     <Icon
                         name="ci:chevron-left"
diff --git a/frontend/components/home/Categories.vue b/frontend/components/home/Categories.vue
index 68a066d..3d83cec 100644
--- a/frontend/components/home/Categories.vue
+++ b/frontend/components/home/Categories.vue
@@ -16,6 +16,12 @@ const activeIndex = ref(0);
 const slideElement = ref<HTMLDivElement | null>(null);
 const { width: slideWidth } = useElementSize(slideElement);
 
+// computed
+
+const slides = computed(() => {
+    return [...homeData.value!.main_categories, ...homeData.value!.main_categories];
+});
+
 // methods
 
 const onSwiper = (swiper: SwiperClass) => {
@@ -101,7 +107,7 @@ const onSlideChange = (swiper: SwiperClass) => {
             >
                 <SwiperSlide
                     ref="slideElement"
-                    v-for="(slide, index) in homeData!.main_categories"
+                    v-for="(slide, index) in slides"
                     :key="slide.id"
                 >
                     <CategoryCard
diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
index 153e429..4d68984 100644
--- a/frontend/pages/index.vue
+++ b/frontend/pages/index.vue
@@ -23,14 +23,14 @@ if (response.isError) {
 <template>
     <div class="w-full">
         <!-- <LoadingOverlay /> -->
-        <Hero class="mb-20 max-md:mt-[80px]" />
+        <Hero class="mb-20 max-md:mt-20" />
         <Preview />
         <ProductsShowcase class="lg:mb-12" />
-        <div class="py-[5rem]">
+        <div class="py-20">
             <ProductsSlider
-            title="محصولات پرفروش"
-            :products="homeData!.products"
-        />
+                title="محصولات پرفروش"
+                :products="homeData!.products"
+            />
         </div>
         <Categories class="mt-12" />
         <Brands />

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 3/3] 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" />