Требуется выполнить верстку страницы

Цена договорная
24 августа 2023, 08:48 • 5 откликов • 71 просмотр
Задание:
Требуется выполнить верстку страницы для https://chatfuel.com.

Макет - https://www.figma.com/file/A4SEHc35m3tU0QS9CcxLKA/WA-chatbot-landing-page-Chatfuel?type=design&node-id=0-1&mode=design&t=xqZSEqTzSN0xmrji-0
Комментарий к макету: блок с переключателем контента не нужно верстать самому, возьми из библиотеки @headlessui/react и просто стилизуй его.

Темплейт проекта для разработки: https://github.com/chatfuel-lab/landing-template
Требования все те же что скидывали раньше. Вот немного дополнение (расшифровка некоторых старых пунктов):

  • создать страницу на базе нашего темплейта
  • семантичная верстка, постараться делать accessibility
  • для стилизации использовать классы tailwind.
  • поддержать промежуточные экраны (по аналогии как на страницах в https://chatfuel.com) - брейкпоинты брать из tailwind.config темплейта
  • цвета брать из tailwind.config (исключении градиенты на основном фоне)
  • header, footer и содержимое head (метатеги и прочее) верстать не надо.
  • для текста создать ключи i18next
  • размеры текста и начертания задавать классами из файла https://github.com/chatfuel-lab/landing-template/blob/main/styles/index.css
  • если шрифтов нет в системе или локально - ничего не делать, пусть стандартные грузятся;
  • Код нужно прогнать через проверки eslint + tsc + prettier.
  • при верстке учитывать, что для страницы будет локализация. верстка не должна ехать после переключения языка.
  • Typescript (будет плюсом);
Отзывы
Avatar r50 a6ce93fe35b158fd29ba0e8681c918c22117160e9586a56eee4ffbc20df9bda1
Заказчик
Большое спасибо Егору за проделанную работу, будем рады сотрудничать вновь!
6 месяцев назад
R50 cb354ac59e993b137cc7eca83781efe5
Фрилансер
 
6 месяцев назад