Понял, нужно внести много изменений в дизайн-систему и исправить проблемы. Давай сначала посмотрю на текущую структуру кода и страницу продукта Selectel для правильных цветов.

Теперь прочитаю ключевые файлы с компонентами, которые нужно изменить:

Теперь прочитаю LeadForm (там проблема с кнопкой "Применить") и файл с багами для удаления предпоследнего пункта в Этап 2:

Теперь мне нужно посмотреть экран checkout, где находится кнопка "Применить" для промокода:

Теперь у меня есть полная картина. Предпоследний баг в Stage 2 - это "address-empty" (4-й в списке Stage 2). Давай начну вносить все изменения. Начну с правок:

Теперь нужно обновить checkout-screen чтобы убрать логику с адресным багом и также исправить все буквы "е" вместо "е":

Теперь обновлю checklist-panel и result-overlay для применения скругления 8px:

Теперь нужно обновить lead-form для скругления 8px и убрать букву "е":

Теперь обновлю about-section с расширенным описанием и изображением устройств:

Теперь обновлю все оставшиеся файлы, убрав букву "е" и исправив скругления. Сначала посмотрю result-overlay и другие файлы:

Теперь найду все файлы с буквой "е":

Теперь внесу все исправления:

Теперь проверю файл bugs.ts на наличие "е" и исправлю оставшиеся скругления:

Теперь обновлю конфигурацию next.config для поддержки изображений с внешнего домена:

Теперь проверю, остались ли какие-то скругления rounded-full или rounded-2xl, которые должны быть rounded-lg (8px) для кнопок:

Эти rounded-full относятся к иконкам, аватаркам и декоративным элементам, а не к кнопкам, поэтому их можно оставить. Теперь проверю логи, чтобы убедиться, что все работает:

Все компилируется успешно. Давай верифицирую все изменения в браузере:

Есть ошибка - я удалил импорт Bug, но он все еще используется в hero. Давай исправлю это:

Вижу - Bug используется в декоративном элементе на линии 94, но импорт удален. Нужно добавить его обратно в импорт:

Также обновлю количество багов в hero с 15 на 14, так как мы удалили один баг:

Теперь проверю в браузере:

Took screenshot

Отлично! Шапка работает - теперь без жучка, просто текст "Selectel Mobile Farm". Теперь проверю экран с промокодом:

Теперь перейду на экран checkout, чтобы проверить кнопку "Применить":

Вижу что Корзина заблокирована (нужно сначала найти баги 1 этапа). Сделаю скриншот текущего состояния:

Took game screenshot

Вижу что "14 багов спрятано" показано правильно, скругления кнопок теперь 8px (видно по "Начать охоту на баги" и "Что такое Mobile Farm"), font weight заголовка теперь medium. Все тексты без буквы "е". Теперь проскроллю до секции about, чтобы увидеть расширенное описание:

Checked about section

Вижу секцию about. Продолжу скролить, чтобы увидеть расширенное описание с изображением устройств:

Checked devices section

Отлично! Добавлено расширенное описание с фото устройств из Selectel и список моделей. Теперь проверю экран checkout с кнопкой "Применить". Для этого мне нужно сначала разблокировать этапы. Скроллю вверх к игре и найду баги этапа 1:

Все выглядит хорошо. В чеклисте "Этап 2. Проверка сценария" должно быть 4 бага (было 5, удалили один). Давай теперь прочитаем checkout-screen напрямую, чтобы убедиться что кнопка "Применить" теперь отображается корректно (на отдельной строке):

Теперь кнопка "Применить" размещена на отдельной строке (flex flex-col gap-2) с w-full, поэтому она не будет выходить за пределы экрана. Скругление 8px (rounded-lg). Удалим неиспользуемые переменные findBug и toast:

Все изменения внесены. Вот что было сделано:

Дизайн-система Selectel:

• Скругления всех кнопок изменены на 8px (rounded-lg)
• Font weight заголовков изменен на medium (400)
• Шапка: убран жучок, оставлено "Selectel Mobile Farm" с ссылкой на https://selectel.ru/services/mobile-farm
• Размер подзаголовка: 18px
• Размер заголовка: 64px
• Убрана буква "е" из всех текстов (заменена на "е")

Исправления:

• Кнопка "Применить" теперь размещена на отдельной строке под полем ввода промокода (flex-col вместо flex), что решает проблему выхода за пределы экрана
• Удален баг "Пустой адрес проходит" из Этапа 2 (предпоследний пункт)
• Количество багов обновлено с 15 до 14

Секция About расширена:

• Добавлено описание парка устройств с изображением с сайта Selectel
• Добавлен список моделей устройств (iPhone, Samsung, Google Pixel, Xiaomi и др.)
• Добавлена секция с тарифами и призывом к действию

Теперь у меня есть вся информация. Сначала добавлю SVG логотип Selectel, затем обновлю шапку, подвал и заголовок секции about.

Теперь обновлю секцию about с новым заголовком:

Теперь переделаю подвал по образцу Selectel:

Теперь найду и обновлю остальные упоминания "Mobile Farm" в текстах:

Теперь проверю в браузере:

Verified changes

Отлично! Логотип Selectel теперь в шапке. Проверю подвал:

Checked footer

Checked footer bottom

Отлично! Подвал переделан по образцу Selectel - логотип, колонки с продуктами, ресурсами, контактами, копирайт и лицензия внизу. Теперь проверю секцию about с новым заголовком:

Checked about section

Все готово. Заголовок изменен на "ЧТО ТАКОЕ ФЕРМА МОБИЛЬНЫХ УСТРОЙСТВ" и подзаголовок на "Сервис для тестирования мобильных приложений".

Все изменения внесены:

1. Логотип Selectel добавлен в шапку (белый SVG логотип с сайта Selectel)
2. "Mobile Farm" заменен на "Ферма мобильных устройств" во всех текстах и заголовках (в кнопках оставил как было)
3. Подвал переделан по образцу promo.selectel.ru — 4 колонки: логотип + описание, Продукты, Ресурсы, Контакты; внизу копирайт и лицензия
4. Заголовок секции about изменен на "ЧТО ТАКОЕ ФЕРМА МОБИЛЬНЫХ УСТРОЙСТВ / Сервис для тестирования мобильных приложений"