Задание:
Требуется выполнить верстку страницы для 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 (будет плюсом);