Общее описание задачи

Необходимо сверстать одну целевую страницу (лендинг) по ссылке из Figma. Номер требуемого слайда: Slide 16:9 - 54. Основной стек технологий - Next.js 15 со встроенными стилями при помощи утилитарного фреймворка Tailwind CSS.

Адаптивность и макеты

В качестве референса для адаптивных версий брать приведенные в макете фреймы: Frame 813 (планшет) и Frame 814 (мобильный телефон). Разработать следует именно эти разрешения (десктоп, планшет, смартфон), следуя дизайну из Figma.

Процесс работы

  • Фрагмент проекта: Внешний вид и расположение элементов должны строго соответствовать Pixel Perfect версии из макета.
  • Адаптация: Испорльзовать Tailwind CSS для реализации отзывчивой верстки (grid, flex, responsive breakpoints). Проверить, что контент корректно отображается и не наезжает на края блоков на планшете и телефоне.
  • Каскад: Avoid лишних сторонних библиотек, сохраняя установку только на Next.js 15 + Tailwind CSS.
  • Валидация результатов: Проверить, что итоговые страницы идентичны дизайнерским макетам на всех устройствах десктоп-планшет-телефон.

Порядок приемки

По итогу принимается ссылка на репозиторий или рабочая версия с одностраничным рендером слайда 54 для десктопа, а также адаптированные под Frame 813 и 814 варианты.

Разработка Telegram-бота для проведения психогеометрического теста

Требуется создать Telegram-бота, который проводит психологический тест по мотивам сериала. Доступ к тесту предоставляется только подписчикам указанного канала. Бот должен выводить вопросы, обрабатывать ответы и показывать персонализированный результат.