Scrolling Cards - Copy this React, Tailwind Component to your project

Create-a-Scrolling-Cards-Section-Design-a-section-with-7-cards.-Include-right-and-left-scroll-buttons-for-navigation.-No-horizontal-scroll-bar-will-be-present;-navigation-will-be-exclusively-through-the-buttons.-The-scrolling-mechanism-should-focus-on-one-card-at-a-time;-clicking-a-button-will-scroll-to-the-next-card-without-moving-the-entire-line.-When-a-card-is-selected,-it-should-appear-with-a-pop-up-effect.-The-currently-active-card-will-be-clear-and-prominently-displayed,-while-the-others-will-be-blurred.-Upon-clicking-the-next-scroll-button,-the-current-card-will-become-blurred,-and-the-next-card-will-pop-up-and-become-clear.-This-animation-should-create-a-smooth-transition-effect-between-the-cards.