From 0a3b819a7ea47e18004691e61013cd5fcacd5fd5 Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Thu, 16 Oct 2025 10:05:12 +0330
Subject: [PATCH] =?UTF-8?q?feat:=20=D8=A7=D8=B6=D8=A7=D9=81=D9=87=20=DA=A9?=
 =?UTF-8?q?=D8=B1=D8=AF=D9=86=20=D9=82=D8=A7=D8=A8=D9=84=DB=8C=D8=AA=20?=
 =?UTF-8?q?=DA=A9=D9=84=DB=8C=DA=A9=20=D8=B1=D9=88=DB=8C=20=D8=AA=D8=B5?=
 =?UTF-8?q?=D8=A7=D9=88=DB=8C=D8=B1=20carousel=20=D9=88=20banners=20=D8=A8?=
 =?UTF-8?q?=D8=B1=D8=A7=DB=8C=20=D9=87=D8=AF=D8=A7=DB=8C=D8=AA=20=D8=A8?=
 =?UTF-8?q?=D9=87=20=D9=84=DB=8C=D9=86=DA=A9=20=D9=85=D8=B1=D8=A8=D9=88?=
 =?UTF-8?q?=D8=B7=D9=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/home/components/Banners3.tsx |  8 +++----
 src/app/home/components/Carousel.tsx |  5 ++++-
 src/components/ProductCard.tsx       | 31 ++++++++++++++++++++++------
 src/share/Header.tsx                 |  5 +++--
 4 files changed, 36 insertions(+), 13 deletions(-)

diff --git a/src/app/home/components/Banners3.tsx b/src/app/home/components/Banners3.tsx
index 7471866..964c4bd 100644
--- a/src/app/home/components/Banners3.tsx
+++ b/src/app/home/components/Banners3.tsx
@@ -10,14 +10,14 @@ const Banners3: FC = () => {
     return (
         <div className='flex gap-4'>
             <div className='flex flex-col gap-2 h-full flex-1'>
-                <div className='flex-1 h-full'>
-                    <Image src={data?.results?.banners?.[1]?.imageUrl as string} height={500} width={1000} className='flex-1 rounded-lg' alt={data?.results?.banners?.[0]?.altText as string} />
+                <div className='flex-1 h-full cursor-pointer' onClick={() => data?.results?.banners?.[1]?.linkUrl && window.open(data.results.banners[1].linkUrl, '_blank')}>
+                    <Image src={data?.results?.banners?.[1]?.imageUrl as string} height={500} width={1000} className='flex-1 rounded-lg' alt={data?.results?.banners?.[1]?.altText as string} />
                 </div>
-                <div className='flex-1 h-full'>
+                <div className='flex-1 h-full cursor-pointer' onClick={() => data?.results?.banners?.[2]?.linkUrl && window.open(data.results.banners[2].linkUrl, '_blank')}>
                     <Image src={data?.results?.banners?.[2]?.imageUrl as string} height={500} width={1000} className='flex-1 rounded-lg' alt={data?.results?.banners?.[2]?.altText as string} />
                 </div>
             </div>
-            <div className='flex-1 h-full'>
+            <div className='flex-1 h-full cursor-pointer' onClick={() => data?.results?.banners?.[0]?.linkUrl && window.open(data.results.banners[0].linkUrl, '_blank')}>
                 <Image src={data?.results?.banners?.[0]?.imageUrl as string} height={1000} width={1000} className='flex-1 rounded-lg h-full object-cover' alt={data?.results?.banners?.[0]?.altText as string} />
             </div>
         </div>
diff --git a/src/app/home/components/Carousel.tsx b/src/app/home/components/Carousel.tsx
index cba8601..b3b408f 100644
--- a/src/app/home/components/Carousel.tsx
+++ b/src/app/home/components/Carousel.tsx
@@ -32,7 +32,10 @@ const Carousel: FC = () => {
             <Swiper pagination={true} modules={[Pagination]} className="mySwiper pb-5" style={{ zIndex: 0, position: 'relative' }}>
                 {sliders.map((slider) => (
                     <SwiperSlide key={slider._id}>
-                        <div className='h-[200px] sm:h-[300px] md:h-[400px] relative'>
+                        <div
+                            className='h-[200px] sm:h-[300px] md:h-[400px] relative cursor-pointer'
+                            onClick={() => slider.linkUrl && window.open(slider.linkUrl, '_blank')}
+                        >
                             <Image
                                 src={slider.imageUrl}
                                 alt={slider.altText}
diff --git a/src/components/ProductCard.tsx b/src/components/ProductCard.tsx
index 48bb4fa..ef3b141 100644
--- a/src/components/ProductCard.tsx
+++ b/src/components/ProductCard.tsx
@@ -84,14 +84,33 @@ const ProductCard: FC<Props> = ({ item }) => {
                 }
             </div> */}
 
-            <div className='mt-4 sm:mt-5 text-xs sm:text-sm'>
-                {NumberFormat(item.default_variant.price.selling_price)} تومان
-            </div>
-            <div className='mt-1 text-xs sm:text-sm text-[#7F7F7F] line-through'>
-                {NumberFormat(item.default_variant.price.retailPrice)}
+            <div className='flex items-center justify-between mt-4 sm:mt-5'>
+                <div className='flex flex-col gap-1'>
+                    <div className='text-xs sm:text-sm font-bold'>
+                        {item.default_variant.price.selling_price && item.default_variant.price.selling_price > 0
+                            ? `${NumberFormat(item.default_variant.price.selling_price)} تومان`
+                            : 'بدون قیمت'
+                        }
+                    </div>
+                    {((item.default_variant.price.discount_percent > 0 && item.default_variant.price.selling_price > 0) ||
+                        (item.default_variant.price.is_specialSale && item.default_variant.price.selling_price > 0)) && (
+                            <div className='text-xs sm:text-sm text-[#7F7F7F] line-through'>
+                                {NumberFormat(item.default_variant.price.retailPrice)}
+                            </div>
+                        )}
+                </div>
+                {((item.default_variant.price.discount_percent > 0 && item.default_variant.price.selling_price > 0) ||
+                    (item.default_variant.price.is_specialSale && item.default_variant.price.selling_price > 0)) && (
+                        <div className='bg-red-500 text-white text-xs px-2 py-1 rounded-full'>
+                            {item.default_variant.price.discount_percent > 0
+                                ? `${item.default_variant.price.discount_percent}%`
+                                : 'فروش ویژه'
+                            }
+                        </div>
+                    )}
             </div>
 
-            <div className='flex justify-end'>
+            <div className='flex justify-end mt-3'>
                 <Heart onClick={handleWish} variant={isWished ? 'Bold' : 'Outline'} size={20} color='#000' />
             </div>
         </Link>
diff --git a/src/share/Header.tsx b/src/share/Header.tsx
index 2a82d99..9514869 100644
--- a/src/share/Header.tsx
+++ b/src/share/Header.tsx
@@ -10,6 +10,7 @@ import { getToken } from '@/config/func'
 import Account from './components/Account'
 import Cart from './components/Cart'
 import Image from 'next/image'
+import Link from 'next/link'
 
 const Header: FC = () => {
 
@@ -42,7 +43,7 @@ const Header: FC = () => {
                     </div>
 
                     <div className='flex gap-2 sm:gap-4 md:gap-[30px] items-center flex-1 md:flex-none'>
-                        <div>
+                        <Link href='/'>
                             <Image
                                 src='/images/logo.png'
                                 alt='logo'
@@ -50,7 +51,7 @@ const Header: FC = () => {
                                 height={100}
                                 className='max-w-[100px] w-[100px] max-h-[40px] object-contain'
                             />
-                        </div>
+                        </Link>
                         <Input
                             className='hidden md:block w-[300px] lg:w-[500px]'
                             variant='search'