Skip to content

Create Team Carousel #6

@arian81

Description

@arian81

This task is pretty self explanatory, we need a carousel for our team in the bottom of the page. Here's how the design looks like

Desktop: https://www.figma.com/design/A5cPBAT5VOsfQRuLnbbCJA/Website-Prototype?node-id=719-4184&t=QvUwQFezaImRG2AI-4

Mobile: https://www.figma.com/design/A5cPBAT5VOsfQRuLnbbCJA/Website-Prototype?node-id=850-56&t=QvUwQFezaImRG2AI-4

It's most important that this is implemented properly once and for all so it can be just reused each year instead of reimplemented. I've surveyed two different libraries for this, https://www.embla-carousel.com/get-started/react/ this one is used by shadcn and I trust libraries used in shadcn. It seems to be very lightweight which is good. There's also this library called https://swiperjs.com/react it's been recommended a lot on reddit and based on my assessment it seems legit. One nice thing about using swiper is that it can also used for our photo showcase component. I would say make a very basic poc with both and see which one results in cleaner code and better UI. A lot of carousels are really jittery and have bad animation. Also check how they perform on mobile.

Image

Metadata

Metadata

Labels

enhancementNew feature or request

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions