Качественно сверстать две страницы в зеленой зоне (bootstrap, scss)

Есть выполненная верстка одной страницы по макету, вот она: https://cutt.ly/B55FWBE
Кратко задание: нужно данную страницу переверстать более качественно и сверстать еще одну страницу с тем же хедером и футером.

Сверстано все визуально совершенно правильно, так что можно ориентироваться на этот результат.
Там одна страница, три основных размера: мобайл, планшет и десктоп (375, 768, 1200+). Есть несколько небольших попапов на странице.
Используется scss, сборка через gulp. Код лежит в репозитории github, с ним же и надо будет работать.

Задачи:
1. Нужно переверстать страницу под Bootstrap для стандартизации. Вся графика нарезана, тексты готовы для копирования, скрипты написаны, видны все правила для всех разрешений, так что это намного проще, чем с нуля
2. Внешний вид страницы не должен меняться с помощью javascript -- он только для интерактива (проверка будет с выключенным)
3. Нужен Pixel Perfect, т.е. внешний вид новой страницы должен полностью соответствовать тому, что сверстано (или макету, как вам проще, они соответствуют)
4. Скрипты страницы тоже нужно немного отрефакторить, разделить красиво по классам / файлам. Можно использовать jQuery или натив
5. Нужна полностью зеленая зона в Google PageSpeed Insights с учетом всех рекомендаций (насколько это возможно)
6. Там есть контрол выбора города -- нужно вместо декорации поставить плагин вроде jQuery chosen, чтобы брал данные из статического json файла
7. Кроссбраузерность, адаптивность и валидность верстки -- это есть сейчас и в итоговом результате также ожидается

После этого, нужно:
8. Сверстать вторую страницу (страницу категории) по макету, также Pixel Perfect по стандартам, заданным первой страницей: https://www.dropbox.com/scl/fi/mv30kpvopsx1cptaakvlt/category.png?dl=0&rlkey=makmz93nf49rd6ic9s78q19lg
На странице те же шапка и футер, есть панель с фильтрами, эффекты наведения, в остальном интерактива нет, довольно стандартная страница категории интернет-магазина. Остальные требования по адаптивности, зеленой зоне итд, как в первой странице;
9. Предусмотреть систему верстки, при которой страницы будут добавляться в последствии (возможно, добавлять их будете вы)

Все качественные и подробные макеты всех страниц и элементов во всех разрешениях есть в Adobe XD, это аналог Figma (можно работать в триал-версии), выглядит это так: https://www.dropbox.com/s/yi9v7uo9ejedozb/xd.png?dl=0.
Кто не знает, Adobe XD аналогичен Figma, доступен онлайн, можно смотреть все параметры элементов, направляющие, CSS, итд все что нужно для точной верстки. Можно поставить десктопную триал версию.

Нужен человек, который:
1. Имеет опыт работы с bootstrap, scss, git, ему не нужно рассказывать что это и как пользоваться;
2. Имеет опыт верстки под зеленую зону Google PageSpeed Insights;
3. Умеет и хочет сверстать максимально красиво и правильно, а не просто "лишь бы работало";
4. Спокойно и уверенно владеет JavaScript, умеет отличить хороший код от плохого;
5. Понимает, что такое Pixel Perfect и согласен придерживаться этого правила, не верстать ничего на глаз, а только по данным инспектора и линейки.

Пришлите пример из вашего портфолио (где видно макет и видно сверстанный результат). Если он при этом будет в зеленой зоне Google -- вообще идеально.

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

Нужно будет время на проверку работы, вероятно, 1-2 рабочих дня, просьба соглашаться только тем, кому это подходит. Напишите, когда сможете начать.
Сейф оплачиваю.