From 23d19208b95487585a0cd6709eb46f33f60fb5e4 Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Tue, 4 Mar 2025 09:30:57 +0330
Subject: [PATCH] slider

---
 src/langs/fa.json                   |  3 ++-
 src/pages/home/Home.tsx             | 13 +++++--------
 src/pages/service/OtherServices.tsx | 18 ++++++++----------
 3 files changed, 15 insertions(+), 19 deletions(-)

diff --git a/src/langs/fa.json b/src/langs/fa.json
index 3f9ae8f..93e1a9d 100644
--- a/src/langs/fa.json
+++ b/src/langs/fa.json
@@ -91,7 +91,8 @@
     "receip": "صورتحساب پرداخت نشده ",
     "balance": "موجودی",
     "cannot_find_service": "سرویسی پیدا نشد",
-    "not_active_service": "شما هنوز سرویس فعالی ندارید"
+    "not_active_service": "شما هنوز سرویس فعالی ندارید",
+    "detail": "جزییات بیشتر"
   },
   "all": "همه",
   "service": {
diff --git a/src/pages/home/Home.tsx b/src/pages/home/Home.tsx
index 7b1f8a7..aebdda5 100644
--- a/src/pages/home/Home.tsx
+++ b/src/pages/home/Home.tsx
@@ -37,29 +37,26 @@ const Home: FC = () => {
                     :
                     <div className='w-full flex gap-6'>
                         <div className='flex-1'>
-                            <Carousel autoplay className="rounded-xl h-fit dltr z-[1]" placeholder="" onPointerEnterCapture={() => { }} onPointerLeaveCapture={() => { }} >
+                            <Carousel autoplay className="rounded-xl overflow-hidden h-fit dltr z-[1]" placeholder="" onPointerEnterCapture={() => { }} onPointerLeaveCapture={() => { }} >
                                 {
                                     getAds.data?.data?.ads?.map((item: AdsItemType) => {
                                         return (
                                             <div key={item.id} className='relative drtl'>
-                                                <img src={item.imageUrl} className='w-full min-h-[190px] max-h-[300px] h-full object-cover rounded-3xl' />
+                                                <img src={item.imageUrl} className='w-full rounded-xl min-h-[190px] max-h-[300px] h-full object-cover' />
                                                 <div className='absolute bg-black bg-opacity-20 size-full top-0 right-0 py-6 px-8 flex flex-col justify-between'>
                                                     <button className="px-8 w-fit py-1.5 bg-white bg-opacity-10 text-white text-sm rounded-full shadow-md ">
-                                                        {t('home.new')}
+
                                                     </button>
 
                                                     <div className='max-w-[340px] font-medium text-white text-lg leading-10'>
-                                                        <div>
+                                                        <div className='xl:text-lg text-sm'>
                                                             {item.title}
                                                         </div>
-                                                        <div className='mt-3 text-border text-xs'>
-                                                            ۸ دقیقه مطالعه
-                                                        </div>
                                                         {
                                                             <a href={item.link}>
                                                                 <button className='mt-3 px-4 h-9 flex gap-2 items-center text-xs rounded-2.5 bg-black text-white'>
                                                                     <div>
-                                                                        {t('home.study')}
+                                                                        {t('home.detail')}
                                                                     </div>
                                                                     <ArrowLeft size={14} color='white' />
                                                                 </button>
diff --git a/src/pages/service/OtherServices.tsx b/src/pages/service/OtherServices.tsx
index a8c3c8a..5393b78 100644
--- a/src/pages/service/OtherServices.tsx
+++ b/src/pages/service/OtherServices.tsx
@@ -33,29 +33,26 @@ const OtherServices: FC = () => {
                         <PageLoading />
                         :
                         <Fragment>
-                            <Carousel autoplay className="rounded-xl h-fit dltr" placeholder="" onPointerEnterCapture={() => { }} onPointerLeaveCapture={() => { }} >
+                            <Carousel autoplay className="rounded-xl overflow-hidden h-fit dltr z-[1]" placeholder="" onPointerEnterCapture={() => { }} onPointerLeaveCapture={() => { }} >
                                 {
                                     getAds.data?.data?.ads?.map((item: AdsItemType) => {
                                         return (
-                                            <a target='_blank' key={item.id} className='relative drtl'>
-                                                <img src={item.imageUrl} className='w-full min-h-[190px] max-h-[300px] h-full object-cover rounded-3xl' />
+                                            <div key={item.id} className='relative drtl'>
+                                                <img src={item.imageUrl} className='w-full rounded-xl min-h-[190px] max-h-[300px] h-full object-cover' />
                                                 <div className='absolute bg-black bg-opacity-20 size-full top-0 right-0 py-6 px-8 flex flex-col justify-between'>
                                                     <button className="px-8 w-fit py-1.5 bg-white bg-opacity-10 text-white text-sm rounded-full shadow-md ">
-                                                        {t('home.new')}
+
                                                     </button>
 
                                                     <div className='max-w-[340px] font-medium text-white text-lg leading-10'>
-                                                        <div>
+                                                        <div className='xl:text-lg text-sm'>
                                                             {item.title}
                                                         </div>
-                                                        <div className='mt-3 text-border text-xs'>
-                                                            ۸ دقیقه مطالعه
-                                                        </div>
                                                         {
                                                             <a href={item.link}>
                                                                 <button className='mt-3 px-4 h-9 flex gap-2 items-center text-xs rounded-2.5 bg-black text-white'>
                                                                     <div>
-                                                                        {t('home.study')}
+                                                                        {t('home.detail')}
                                                                     </div>
                                                                     <ArrowLeft size={14} color='white' />
                                                                 </button>
@@ -64,13 +61,14 @@ const OtherServices: FC = () => {
 
                                                     </div>
                                                 </div>
-                                            </a>
+                                            </div>
                                         )
                                     })
                                 }
                             </Carousel>
 
 
+
                             <div className='w-full mt-8'>
                                 <TitleLine title={t('service.selected_danak')} />
                             </div>