Function CarouselComp

app/components/CarouselComp.js:6–24

()

import "react-responsive-carousel/lib/styles/carousel.min.css";

export default function CarouselComp() {
  return ( 
    <>
      <div className='max-w-[1200px] mx-auto'>
        <Carousel showArrows={true} autoPlay={true} interval={3000} infiniteLoop={true} showThumbs={false}>
            <div>
                <img src="/images/banner/1.png" />
            </div>
            <div>
                <img src="/images/banner/2.png" />
            </div>
            <div>
                <img src="/images/banner/3.png" />
            </div>
        </Carousel>
      </div>
    </>
  );
};