mip-website/pages/components/slider.js

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 sliderMIpStart from '../../public/resource/slider/Modern Hospital Banner with Persian Typography (1).png'

import sliderCallCenter from '../../public/resource/slider/call-center.webp'

import { Swiper, SwiperSlide } from 'swiper/react'
import { Pagination } from 'swiper'
import Link from 'next/link'
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} />
          </Link>
        </SwiperSlide> */}
        {/* <SwiperSlide style={{ cursor: 'pointer' }} className='pointer'>
          <Link href='/stock-price'>
            <img src={SliderOne} />
          </Link>
        </SwiperSlide> */}
        {/* <SwiperSlide key={2} style={{ cursor: 'pointer' }} className='pointer'>
          <Link href='/page/news/89'>
            <img src={TransferStockBanner} />
          </Link>
        </SwiperSlide> */}
        {/* <SwiperSlide key={2} style={{ cursor: 'pointer' }} className='pointer'>
          <Link href='/page/news/82'>
            <img src={LimitSlider} />
          </Link>
        </SwiperSlide> */}
        {/* <SwiperSlide key={2}  style={{ cursor: 'pointer' }} className='pointer'>
          <img src={sliderBook} />
        </SwiperSlide> */}
        <SwiperSlide key={3} style={{ cursor: 'pointer' }} className='pointer'>
          <Link href='/landing'>
            <a><img src={sliderMIpStart} alt='معرفی بیمارستان مهر پرند و آخرین اخبار افتتاح' width='2071' height='759' style={{ width: '100%', height: 'auto' }} /></a>
          </Link>
        </SwiperSlide>
        <SwiperSlide key={4} style={{ cursor: 'pointer' }} className='pointer'>
          <Link href='/recruitment'>
            <a><img src={sliderJob} alt='فرصت‌های شغلی و استخدام در بیمارستان مهر پرند' width='2877' height='1120' style={{ width: '100%', height: 'auto' }} loading='lazy' /></a>
          </Link>
        </SwiperSlide>
      </Swiper>
    </div>
  )
}

export default Slider