Создание обложки для ВКонтакте (оплачиваемое тестовое задание)
Разработка одной обложки для ВКонтакте по предоставленному ТЗ. Успешное выполнение может привести к долгосрочному сотрудничеству в рекламном агентстве.
Что нужно сделать
Необходимо сверстать главную страницу сайта на фреймворке Next.js в соответствии с макетом в Figma. Верстка должна быть полностью адаптивной (корректно отображаться на десктопе, планшетах и мобильных устройствах).
Важные правки в структуре блоков
В готовом макете необходимо изменить порядок двух секций на главной странице:
- Блок «Кому подходит» и блок «Оборудование» нужно поменять местами.
Требования к вёрстке
- Использовать компонентный подход и модульные стили (CSS-модули или Sass). строго Next.js.
- Адаптивность: верстка должна корректно сжиматься и выглядеть на мобильных устройствах (согласно гайдам из макета).
- Соблюдение пиксельной точности по сравнению с дизайном (отступы, цвета, шрифты).
- Все изображения и иконки подготовлены под разрешения экранов (retina-графика, использование тега picture или next/image).
- Верстка должна валидироваться на ошибки и проходить на 100% PageSpeed Insights для мобильных устройств.
- Кроссбраузерность: последние версии Chrome, Safari, Firefox, Edge.