Сверстать лендинг с анимациями

Нужно качественно и хорошо сверстать лендинг

Пример сайта и за основу по Анимациям и эффектам — https://wd.barrier.ru/

Ниже прикрепляю тз и макет:

ПК - https://www.figma.com/file/bWDQN57rWcs1seODpXNJjw/Aquator-Web-Site?node-id=0%3A1 

Моб - https://www.figma.com/file/84ArMgggT5lvfdArRLEAsv/Aquator-Mobile-Site?node-id=0%3A1 

Анимацию примерную можно увидеть в фигме нажав сюда - http://www.screencapture.ru/file/feAA52b7 

1 Экран Слайдер из 3 карточек, с таймером обратного отчёта 

2 Экран Заглушка при клике открывается видео в попап окне, подгрузка с iframe youtube 

3 Вертикальная прокрутка устройства внутри по центру при прокрутке вниз/вверх секции происходит смена изображения, по краям меняется контент, должно выглядеть так как будно устройство крутится. Картинки предоставлю 

4 Экран Детям/Пожилым/Спортсменам/Беременным - Слева якорь справа по центру меняющийся баннер с текстом и картинкой плавно подымающийся/опускающийся 

5 Отзывы должны плавно подыматься вверх/вниз 

Общие анимации: Бэкраунд, хедер и тест (Исчезает на блоке сравнения товаров) сохраняет позицию, перелистываются лишь блоки с контентом (исчезают все элементы и появляются следующие с помощью эффекта fadeIn и fadeOut — исчезают в верх, появляются снизу). 

Слайдер (1 экран) — при перелистывании на другой слайд происходит замыливание крайних карточек. Переключение между карточками происходит с помощью нажатий (не перелистывании).

Отзывы (11 экран) — скролл вверх, после прохождения до последнего комментария, идёт перелистывание самого блока 

Футер — показывается вторая часть описания товаров, хедер исчезает, появляется футер Это от дизайнера