Carousel

<div style={{ display: 'flex', justifyContent: 'center' }}>
  <Carousel style={{ width: '320px' }}>
    <CarouselContent>
      {Array.from({ length: 5 }).map((_, index) => (
        <CarouselItem key={index}>
          <Card style={{ height: '320px' }}>
            {index + 1}
          </Card>
        </CarouselItem>
      ))}
    </CarouselContent>
    <CarouselPrevious />
    <CarouselNext />
  </Carousel>
</div>