Задача

Начиная с дизайна в Figma, требуется превратить его в три рабочих HTML-шаблона для будущего веб-проекта. Это не просто один лендинг, а несколько типов страниц с проработанным визуалом. Основное внимание - на чистоту кода, адаптивность и правильную структуру.

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

• Главная страница - классическая лендинговая страница с динамичными секциями: большие баннеры, блоки с тремя колонками (например, услуги или преимущества), выделяющиеся кнопки-призывы.
• Внутренние шаблоны - дополнительно сверстать два уникальных шаблона (например, карточка товара, страница контактов или блог), у каждого свой рисунок.
• Интерактивные элементы - всплывающее окно (popup) с формой или важной информацией (выглядит модалом без перехода на другую страницу).
• Требования к разработке: использовать css-фреймворк Tailwind CSS (для быстрых и читаемых стилей) и UI-библиотеку Shadcn UI (для единообразных компонентов, кнопок, диалогов и других виджетов).

Детали проекта

Поскольку все стартовые данные находятся в Figma, от верстальщика ожидается полное следование дизайн-макету по шрифтам, отступам, цветовой палитре. Интерактивные элементы (изменение состояний кнопок, открытие модалок) должны корректно воспроизводиться в заготовках без включения PHP или бэк-енда - используются стандартные JS, которые поставляет уже Shadcn/UI.

Ставим в план как можно четче перенести дизайн ожидания заказчика в рабочий реквест для Заказчика.