Установить html дизайн страницы на сайт WP и настроить функционал

Есть WP сайт с установленным плагином Ultimate Member. Также есть купленный шаблон html админки https://themeforest.net/item/vuexy-vuejs-html-laravel-admin-dashboard-template/23328599 

Нужно сделать страницу для личного кабинета пользователя по ссылке https://mysite.com/user/username/ по дизайну из pdf (исходник в Figma скину) и настроить функционал. 

Дизайн страницы собран из элементов шаблона админки vuexy (исходники предоставлю).

По функционалу что должно быть:

1. Отображены два экрана iphone. Пользователь может выбрать цвет для определенных элементов дизайна интерфейса приложения. Соответственно, эти элементы должны менять цвет.

2. Пользователь может загрузить иконку приложения, ввести название приложения и выбрать язык.

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

4. На фотке пользователя должна быть зеленая иконка и при нажатии должно открываться меню с пунктами "My account" https://mysite.com/account/ и "Logout".

5. При нажатии на переключатель "not active" либо на любой пункт меню с замком должен появляться попап Sweet Alerts. Кнопка Okay должна открывать страницу Billing & Payments /billing (ее дизайна пока нет).

6. Вопросы для FAQ нужно сделать с возможностью редактирования из админки.

7. Слева есть блок с QR кодами - нужно тоже сделать возможность редактировать ссылки на них из админки

8. При нажатии на пункт меню Support Chat надо открывать страницу /support (дизайн тоже будет позже).

Полное ТЗ по ссылке https://docs.google.com/document/d/1IW7_c7wGE5pKyZSY8vBcV3yfT5EWBJ5znPvtv3-1n54/edit?usp=sharing