Приветствую коллеги
Нужно качественно и хорошо сверстать лендинг
Пример сайта и за основу по эффектам можно от него отталкиваться- 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
Мобильная
1 Экран Слайдер из 3 карточек, с таймером обратного отчёта
2 Экран Заглушка при клике открывается видео в попап окне, подгрузка с iframe youtube
3 Вертикальная прокрутка устройства внутри по центру при прокрутке вниз/вверх секции происходит смена изображения, по краям меняется контент, должно выглядеть так как будно устройство крутится. Картинки предоставлю
4 Экран Детям/Пожилым/Спортсменам/Беременным - Слева якорь справа по центру меняющийся баннер с текстом и картинкой плавно подымающийся/опускающийся
5 Отзывы должны плавно подыматься вверх/вниз
Общие анимации: Бэкраунд, хедер и тест (Исчезает на блоке сравнения товаров) сохраняет позицию, перелистываются лишь блоки с контентом (исчезают все элементы и появляются следующие с помощью эффекта fadeIn и fadeOut — исчезают в верх, появляются снизу).
Слайдер (1 экран) — при перелистывании на другой слайд происходит замыливание крайних карточек. Переключение между карточками происходит с помощью нажатий (не перелистывании).
Отзывы (11 экран) — скролл вверх, после прохождения до последнего комментария, идёт перелистывание самого блока
Футер — показывается вторая часть описания товаров, хедер исчезает, появляется футер Это от дизайнера