<p>Необходимо сверстать страницы сайта на основе предоставленного дизайна в Figma. Верстка должна быть выполнена с использованием Tailwind CSS. Все стили должны задаваться через утилитарные классы Tailwind без написания кастомных CSS-файлов (кроме случаев, когда это строго необходимо).<br />Требования к выполнению:<br />1. Полное соответствие макету Figma<br />- Структура блоков, отступы, типографика, размеры элементов.<br />- Соблюдение сетки и композиции согласно макету.<br />2. Адаптивная верстка<br />- Обязательные брейкпоинты: mobile, tablet, desktop.<br />- Сохранение логики отображения, указанной в дизайне.<br />3. Tailwind CSS<br />- Использовать утилитарные классы Tailwind для всех стилей.<br />- Не использовать внешние CSS-файлы, кроме кастомизаций в tailwind.config.js, если потребуется.<br />- Компоненты должны быть чистыми и легко читаемыми.<br />4. Качество кода<br />- Чистая, семантическая HTML-структура.<br />- Аккуратное расположение классов (группировка по смыслу).<br />- Переиспользование повторяющихся элементов (компонентов).<br />5. Интерактивные элементы<br />- Реализовать указанные в дизайне ховеры, состояния кнопок, выпадающие списки и т.д.<br />- Анимации в Figma адаптировать средствами CSS/Tailwind (или через простые утилиты).<br />Результат:<br />- Готовая адаптивная верстка всех страниц.<br />- Код в репозитории (Git), при необходимости - покомпонентная структура.</p>
