The Carousel we have in the ReDI Connect landing page (see the screenshot below), is a self-container library that tries to import some assets (fonts) via @import statements in scss. The ground work we have done for Storybook implementation, unfortunately makes this carousel fail miserably, due to these import statements. Since we need to go ahead with the Storybook implementation and the libraries for this Carousel component (react-slick and slick-carosel) are not even mainateined anymore, we need to replace them by a maintained carousel library, without having any impact on the working carousel experience. (3 slides, picture on the left and text on the right)
Acceptance Criteria
react-slick and slick-carousel dependencies are removed
same carousel experience here in this page works with the new carousel library
User Story
The Carousel we have in the ReDI Connect landing page (see the screenshot below), is a self-container library that tries to import some assets (fonts) via @import statements in scss. The ground work we have done for Storybook implementation, unfortunately makes this carousel fail miserably, due to these import statements. Since we need to go ahead with the Storybook implementation and the libraries for this Carousel component (react-slick and slick-carosel) are not even mainateined anymore, we need to replace them by a maintained carousel library, without having any impact on the working carousel experience. (3 slides, picture on the left and text on the right)
Acceptance Criteria
Screenshots