Задача

Необходимо выполнить верстку адаптивного сайта по предоставленному макету из Figma на современных веб-технологиях. Сайт должен полностью соответствовать дизайну, быть отзывчивым (mobile-first) и включать дополнительную логику для повышения конверсии.

Требования к технологиям

• Frontend: React (предпочтительно Next.js или Create React App).
• Стилизация: Tailwind CSS или аналогичный utility-first фреймворк.
• Адаптивность: Pixel-perfect совпадение с макетом для десктопа, планшетов и мобильных телефонов (если мобильных версий нет, разработать самостоятельно на основе маркетинговых требований).
• Логика калькулятора: реализовать расчет по формуле, которая будет позже согласована (например, стоимость услуги в зависимости от объема). Калькулятор должен быть интерактивным и пересчитываться в реальном времени.
• Анимации: плавные появления элементов при скролле, hover-эффекты, плавные переходы между состояниями (на усмотрение исполнителя, но сайт должен восприниматься «живым» и современным).

Макет

Ссылка на макет в Figma. Версию для мобильных устройств и планшетов можно доработать совместно с заказчиком.

Критерии приемки

• Верстка соответствует макету.
• Страница отзывчива и корректно отображается на всех устройствах.
• Калькулятор работает и выдает правильные значения.
• Анимации работают без замедлений и без JS-ошибок.
• Код оформлен аккуратно, структура проекта понятна, используется современный синтаксис (ES6+, JSX).
• Портфолио исполнителя должно содержать схожие проекты.

Общие замечания

• Все конкретные названия фирм, марок, телефоны и email изоригинального макета в ТЗ не указываются. Фактический брендинг - название фирмы, про которую делается сайт - требуется скрыть на публичных ресурсах.
• В поле 'email' или при общении исполнитель ответит без использования GPT (подчеркивается внимание к качеству ответа).