Add new products slider icons

frontend/components/global/product-detail/ProductsSlider.vue

@@ -9,6 +9,7 @@ import type { SwiperClass } from "swiper/react";
 type Props = {
     title: string;
     products: ProductListItem[];
+    iconImage: string;
 };
 
 // props
@@ -30,7 +31,7 @@ const onSwiper = (swiper: SwiperClass) => {
     <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">
             <div class="flex gap-2 items-center">
-                <NuxtImg src="/img/navbar/cart.gif" class="size-8 sm:size-14" />
+                <NuxtImg :src="iconImage" class="size-8 sm:size-14" />
                 <span class="text-black typo-h-6 md:typo-h-5 lg:typo-h-4">
                     {{ title }}
                 </span>

frontend/pages/index.vue

@@ -33,12 +33,14 @@ if (response.isError) {
         <div class="py-20">
             <ProductsSlider
                 title="محصولات پرتخفیف"
+                icon-image="/img/discount-section.gif"
                 :products="homeData!.lot_of_discount_products"
             />
         </div>
         <div class="py-20">
             <ProductsSlider
                 title="محصولات محبوب"
+                 icon-image="/img/most-popular-section.gif"
                 :products="homeData!.trends_products"
             />
         </div>
@@ -46,12 +48,14 @@ if (response.isError) {
         <div class="py-20">
             <ProductsSlider
                 title="محصولات پرفروش"
+                 icon-image="/img/most-sell-section.gif"
                 :products="homeData!.top_seller_products"
             />
         </div>
         <div class="py-20">
             <ProductsSlider
                 title="محصولات پربازدید"
+                 icon-image="/img/most-viewed-section.gif"
                 :products="homeData!.most_viewed_products"
             />
         </div>