Верстка и интеграция на ModX, можно по отдельности

Добрый день!

Необходимо сверстать макет, адаптивно под все мобильные устройства. 

Обязательно использовать анимацию. 

Загрузка по googlepage speed не менее 80% 

1. Шапка при скролле закрепляется 

2. При клике на товар в каталоге открывается окно с товаром 

3. При клике на изображение в карточке товара изображение увеличивается fancybox 

4. При клике на "показать еще коллекции открывается дополнительно 12 карточек, если карточек например 40, то сначала показывается 4 карточки, при клике на кнопку открываются следующие 12 карточек, при следующем клике открываются следующие 12 карточке, когда открываются последние карточки то кнопка "показать еще коллекции" исчезает и появляется кнопка "свернуть каталог" при клике на которую каталог сворачивается до 4 карточек и кнопки снова меняются. 

5. Есть 2 карты "офис" и "склад" они должны меняться при клике. Также меняется и контактная информация. 

6. При клике на "в корзину" должно появляться всплывающая подсказка "товар добавлен" 

7. Сверстать все формы и благодарственные окна 

Стоимость 

-------------------- 

Задача 2 

После нужно интегрировать верстку на ModX. 

Возможность менять через админку информацию на лендинге.

Заказы должны формироваться, отправляться на почту и отображаться в админке. 

Макет: https://drive.google.com/drive/folders/1-0Jae24iq6_fu6ZCZqgii5yH9kjPvKJz?usp=sharing

Пишите стоимость и сроки выполнения. За каждую задачу пожалуйста пишите отдельно.