feat: add new slider

pages/components/slider.js

@@ -2,10 +2,8 @@ import React from 'react'
 // import SliderZero from '../../public/resource/slider/PRICE_CHART.webp'
 // import SliderOne from '../../public/resource/slider/slier-1(1).webp'
 import sliderJob from '../../public/resource/slider/slider-2(1).webp'
-// import sliderJob from '../../public/resource/slider/slider_3.webp'
-// import LimitSlider from '../../public/resource/slider/3 (1).jpg'
-import TransferStockBanner from '../../public/resource/slider/baner_enteghal.jpg'
 
+import sliderMIpStart from '../../public/resource/slider/Modern Hospital Banner with Persian Typography (1).png'
 
 import sliderCallCenter from '../../public/resource/slider/call-center.webp'
 
@@ -16,7 +14,6 @@ const Slider = () => {
   return (
     <div>
       <Swiper pagination={true} autoplay={true} loop={true} modules={[Pagination]} className='mySwiper'>
-
         {/* <SwiperSlide style={{ cursor: 'pointer' }} className='pointer'>
           <Link href='/stock-unit'>
             <img src={sliderCallCenter} />
@@ -40,7 +37,12 @@ const Slider = () => {
         {/* <SwiperSlide key={2}  style={{ cursor: 'pointer' }} className='pointer'>
           <img src={sliderBook} />
         </SwiperSlide> */}
-        <SwiperSlide key={3}  style={{ cursor: 'pointer' }} className='pointer'>
+        <SwiperSlide key={3} style={{ cursor: 'pointer' }} className='pointer'>
+          <Link href='/landing'>
+            <img src={sliderMIpStart} />
+          </Link>
+        </SwiperSlide>
+        <SwiperSlide key={3} style={{ cursor: 'pointer' }} className='pointer'>
           <Link href='/recruitment'>
             <img src={sliderJob} />
           </Link>