Что нужно сделать

Необходимо сверстать главную страницу сайта на фреймворке Next.js в соответствии с макетом в Figma. Верстка должна быть полностью адаптивной (корректно отображаться на десктопе, планшетах и мобильных устройствах).

Важные правки в структуре блоков

В готовом макете необходимо изменить порядок двух секций на главной странице:

  • Блок «Кому подходит» и блок «Оборудование» нужно поменять местами.

Требования к вёрстке

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