index.tsx 602 Bytes

Edit Raw Blame History

"use client"
import Carousel from 'react-material-ui-carousel';

const BANNERS_IMG = [
  '/imgs/pc/home/banner/banner1.jpg',
  '/imgs/pc/home/banner/banner2.jpg',
  '/imgs/pc/home/banner/banner3.jpg',
  '/imgs/pc/home/banner/banner4.jpg',
];

const mobileBANNERS_IMG = [
  '/mobile/banner-index1.png',
  '/mobile/banner-index2.png',
  '/mobile/banner-index3.png',
];
const CarouselComp = () => {
  return <Carousel fullHeightHover>
    {BANNERS_IMG.map((banner) => (
      <img src={banner} alt="canrud" key={banner} className='w-full h-[500px]' />
    ))}
  </Carousel>
}
export default CarouselComp;