MATBMS/testimonials-slider

AI Summary: This issue requests the removal of CSS ID selectors from the codebase. The reasoning is that ID selectors have very high specificity, which can cause conflicts and make CSS harder to maintain over time. The provided example shows an ID selector being used for styling a 'testimonials' element.

AI Summary: This issue proposes refactoring existing CSS to utilize custom properties (variables). The goal is to centralize styling values, leading to improved consistency and easier site-wide modifications. The provided example shows a `box-shadow` property that could be replaced with a variable.

AI Summary: This issue requests the addition of hover and focus states for buttons, specifically targeting an `.arrow-btn` class. The provided CSS snippet defines styles for when the button is hovered over (opacity and scale change) and when it is in a focus-visible state (outline added). It also includes a style for disabled arrow buttons.

AI Summary: This issue requests the implementation of carousel looping functionality within the `testimonial.js` file. The core change involves modifying the `go` function to ensure the carousel wraps around when reaching the beginning or end, and removing the logic that disables previous/next buttons.

AI Summary: This issue proposes adding error handling for image loading within the `testimonial.js` file. If an avatar image fails to load, it will be replaced with a placeholder image and a warning will be logged to the console.