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 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 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='/recruitment'>
            <img src={sliderJob} />
          </Link>
        </SwiperSlide>
      </Swiper>
    </div>
  )
}

export default Slider