Компонент представляет из себя слайдер на всю ширину контейнера, где ~ 50% слайда это Скриншот интерфейса, а оставшиеся 50% по бокам (по 25) располагаются стрелочки к конкретным точкам скриншота и подписи к ним. (4 шт максимум)

Требования:

• Размещаться компонент будет в nextjs 14 (для изображений использовать соответствующие компоненты.
• Каких-то особенных фич от функционала слайдера здесь не жду, поэтому хотелось бы реализовать без подключения сторонних библиотек. Простой слайдер с бесконечной прокруткой и сменой слайдов по нажатию на стрелку или точку.
• Соотношение сторон каждого скриншота будет 16:10, разрешение при этом может быть разным, нужно растягивать изображение.
• Необходимо реализовать адаптивность для всех разрешений экранов.
• Минимальные пропсы указал в фигме.
• Код должен работать стабильно и не расходовать чрезмерно много ресурсов системы.

https://www.figma.com/design/i8l2S4Mk4jd9dmesMzXzc...

Пишите свои сроки и стоимость пожалуйста в отклике.