Доработка сайта на React.js: верстка 3-х страниц + сборка

Требуется сверстать 3 страницы: https://www.figma.com/file/qZJF3PIrNsYHxqUxq0aoBA/... и собрать их в единую сборку с другими блоками сайта:
- с блоком детской анимации https://denkravchu.github.io/virtual/
- с блоком взрослой версии http://www.prirazlomnaya-360.ru/adult

В итоге должно получится дерево по схеме: https://dropmefiles.com/ZVFQS
+ Отдельно страницы 404 и карта сайта

Описание страниц для верстки:

1. страница с видеофреймом
1.1. Фрейм для видео с подключением API. Данные нужно получить с backend (дам контакт)
1.2. видеофрейм по клику раскрывается на весь экран, по клику сворачивается;
1.3. Интерактивная иконка компаса - реагирует на ховер, линкуется;
1.4. Интерактивное лого - реагирует на ховер;
1.5. Интерактивный заголовок - реагирует на ховер, линкуется;
1.6. Автоскролл текста во фрейме
1.7. Подключить готовый 3Д-объект и API (дам контакт). Подключить готовый скрипт (вставить код вызова) 3Д-объекта и наладить API для получения данных

2. страница 404
2.1. Интерактивная иконка компаса - реагирует на ховер, линкуется;
2.2. Интерактивное лого - реагирует на ховер;
2.3. Интерактивный заголовок - реагирует на ховер, линкуется;

3. страница "карта сайта"
3.1. Интерактивная иконка компаса - реагирует на ховер, линкуется;
3.2. Интерактивное лого - реагирует на ховер;
3.3. Интерактивный заголовок - реагирует на ховер, линкуется;
3.4. Список страниц

Макеты в Фигме https://www.figma.com/file/qZJF3PIrNsYHxqUxq0aoBA/...
https://github.com/denkravchu/virtual/tree/master/...