Верстка лендинга, есть дизайн в Фигма. ПК, Таблет, Мобайл.

Ссылка на дизайн: https://www.figma.com/file/cNLYLsvrITExbasGq0BZeP/Wortex-Poland?node-id=0%3A1

Все блоки по ширине 100%, Высота: 100vh

Все блоки по ширине 100%, Высота: 100vh

Необходимо сверстать лендинг с анимацией на определённых блоках. Во время загрузки сайта нужен прелоадер.

1 экран: 

• Видео-контент. Видео будет на хостинге, где и сайт. Пока пользователь не нажал на Play, идут отрезки видео без звука (возможно сделать цельное видео, просто как трейлер). Когда же нажимается Play, тогда включается полное видео.
• Меню слева появляется по эффекту slide in, начиная с первого пункта.

2 экран: 

• При скролле к этому экрану правые цветовые блоки появляются по эффекту slide in  в слайд справа налево.
• Изображение в правом нижнем углу должно появляться по эффекту slide in снизу вверх.
• При наведении на знак вопроса возникает tooltip с текстом.

3 экран:

• Сообщения быстро появляются по эффекту slide in: те что левее - слева направо, те что правее - справа налево (имитация чата)

4-5 экран:

• Видео-блоки в окружности появляются по эффекту fade in
• Заголовки: тот что выше, появляется по эффекту slide in слева направо, то что ниже - тот справа налево. Должна быть возможность развернуть видео на полный экран.

6 экран:

• При наведении на любой из полигонов (категорий), должна появляться фотография, заполняющая выбранный блок

Выслушаю с удовольствием Ваши предложения по реализации :)