A P I Loop Slider - Copy this Html, Tailwind Component to your project

Create a loop slider for an api documentaion page, the purpose of the slider is for the user can choose which group of api they want to read the information about. The api data should be display something like "api group 1", "api group 2", etc. The slider should have 2 arrow buttons to choose the next or previous card to display, the slider should be display maximum to 5 cards at a time depending on the width of the screen, the selected card should be placed in the center and when user click on the arrow button or click on the card they want to see, it should be able to switch the selected card with some simple animation