کاروسل

<div className="relative">
  <div className="overflow-hidden rounded-lg">
    <div className="flex">
      <div className="min-w-full bg-muted p-8 text-center">
        <span className="font-medium">نام اسلاید</span>
      </div>
    </div>
  </div>
  <div className="flex justify-center gap-2 mt-4">
    <Button variant="outline" size="icon">
      <ChevronRight className="h-4 w-4" />
    </Button>
    <Button variant="outline" size="icon">
      <ChevronLeft className="h-4 w-4" />
    </Button>
  </div>
</div>