Общая задача

Разработать современный, минималистичный адаптивный дизайн для сайта каталога. Цветовая гамма - белые тона. Основная страница - каталог товаров/услуг.

Требования к дизайну

• Адаптивность: два основных разрешения - десктоп (ширина от 1200px) и мобильное (ширина до 480px). Промежуточные состояния должны быть логичными и читаемыми.
• Стиль: минимализм, много белого пространства, чистые линии, акцент на контент.
• Функциональные блоки: шапка (логотип, навигация), каталог с карточками, фильтры, подвал.

Требования к реализации

• Написать React-компоненты для всех основных блоков страницы(хедер, карточки, список, пагинация/навигация, подвал).
• Стилизовать компоненты с помощью CSS Modules (использовать import styles from './Something.module.css').
• Не изменять существующую логику приложения (если уже есть какой-то функционал - строго сохранить его).
• Результат должен быть представлен в виде чистового кода, готового к интеграции в проект (Git-репозиторий, отдельная ветка).

Ожидаемые критерии качества

• Код легко редактируется и масштабируется.
• Все классы имеют осмысленные названия.
• Вёрстка кросс-браузерная и семантичная.
• Оформление 30% - за дизайн-проект (утверждение макетов), 70% - за код.