+
{{ $t(title ?? '') }}
+
{{ $t(description ?? '') }}
@@ -15,12 +19,14 @@
-
+
\ No newline at end of file
diff --git a/src/css/app.scss b/src/css/app.scss
index 1952a50..e25d660 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -107,6 +107,24 @@ body, html, #q-app {
border-radius: var(--base-radius);
}
+.crew-card {
+ background: linear-gradient(
+ 135deg,
+ rgba(255, 255, 255, 0.9) 0%,
+ rgba(255, 255, 255, 0.5) 100%
+ ) !important;
+ backdrop-filter: blur(12px);
+ -webkit-backdrop-filter: blur(12px);
+ border-radius: 24px;
+ border: 1px solid rgba(255, 255, 255, 0.3);
+ transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+
+ &.is-hovered {
+ transform: translateY(-1px);
+ background: white;
+ }
+}
+
@font-face {
font-family: 'myFont';
src: url(./fonts/Inter-Regular.woff2);
diff --git a/src/i18n/en-US/index.js b/src/i18n/en-US/index.js
index 55b356a..fda5e1e 100644
--- a/src/i18n/en-US/index.js
+++ b/src/i18n/en-US/index.js
@@ -1 +1 @@
-export default { EN: 'EN', RU: 'RU', '': '', main__how_it_works: 'How it works', main__price: 'Tariff', main__faq: 'FAQ', main__contacts: 'Contacts', banner__slogan_prepend: 'More than just chats', banner__slogan_body: 'Your project\'s workspace in', banner__main_btn: 'Let’s Fly!', banner__main_btn_description: 'Continue in Telegram', problem__title: 'Keep your workflow, boost your efficiency', problem__1: 'Unified Workspace', problem__1_description: 'Gathers tasks, meetings, and files from all your connected chats into a single, unified space', problem__2: 'Team Directory', problem__2_description: 'Shows all members and their roles so you can instantly see who is responsible for what', problem__3: 'Chat Integration', problem__3_description: 'Updates to tasks and meetings appear right in your chats — where the conversation happens', problem__4: 'Smart Permissions', problem__4_description: 'Everyone sees only their relevant info. We take care of privacy and order, so you don\'t have to', how_it_works__title: 'How it works', how_it_works__intro: 'Intro', how_it_works__admin: 'Administrator', how_it_works__user: 'Users', price__title: 'Tariff', price__subtitle: 'All plans include full functionality: an unlimited number of users, projects, tasks, and meetings.', price__per_month: 'per month', price__free_tax: 'FREE', price__chats: 'chats', price__stars_pay: 'Payment via', price__stars_description: 'Telegram\'s internal currency', price__legal: 'Corporate', price__individual: 'Personal', price__rub_pay: 'Bank transfer', price__rub_resident: 'For RU residents', price__rub_closing_documents: 'Accounting documents', FAQ__title: 'Frequently Asked Questions (FAQ)', faq__question_1: 'Who is this app for?', faq__answer_1: 'For project teams conducting work communications in Telegram: IT development, construction, event industry, consulting, and others. The app creates a unified information environment and is essential when external contractors are involved and parties lack a shared infrastructure for collaboration.', faq__question_2: 'Is it mandatory to grant the bot message access and assign it as an administrator in chats?', faq__answer_2: 'No. Chats can be connected in two modes: "Private" (no message access or admin rights required) and "Full Functionality". The mode can be changed at any time. In Private mode, automatic backup of chat files and their addition to the project\'s general list is not performed.', faq__question_3: 'Can the app be connected to already existing chats?', faq__answer_3: 'Yes, any existing chat can be connected. There is also an option to share a special link with colleagues so they can connect their own chats to the project. No new groups are required — work continues within the familiar Telegram interface with added features for managing multiple project chats.', faq__question_4: 'Where are my files and data stored?', faq__answer_4: 'The app does not store chat history. Files are kept within Telegram or cloud services (Yandex Disk or Google Drive).', faq__question_5: 'Why is some contact information in the address book not displayed fully?', faq__answer_5: 'Contact details are displayed only with the user\'s consent and depend on the information provided by the administrator.', faq__question_6: 'Can participants of one project see data from another, and can one chat be linked to multiple projects?', faq__answer_6: 'A chat can be linked to only one project to maintain order. Projects are completely independent: information (chats, files, tasks, contacts) never overlaps. The app provides quick switching between workspaces, displaying only the information relevant to the currently selected project.', faq__question_7: 'What happens if I remove the app\'s bot from a chat or stop tracking in the app?', faq__answer_7: 'New messages and files will no longer be processed, and it will become impossible to attach tasks or meetings to the chat. All previously collected information is preserved and remains searchable. This allows the app to be used as an archive after a project is completed.', faq__question_8: 'How do I pay for the subscription and who pays for it?', faq__answer_8: 'Individuals pay via Telegram Stars; legal entities (RU residents) pay by invoice. Only the admin pays for the subscription—access is free for all other members.', faq__description: 'Still have questions? We\'re here to help:', footer__docs: 'App documents', footer__doc_terms_of_use: 'Term of use', footer__doc_privacy_policy: 'Privacy Policy', footer__doc_consent: 'Consent to the processing of my personal data', footer__doc_subscription_guide: 'Provision on subscription tariffs', footer__contacts_location: 'Russia, Moscow/Voronezh', footer__description_user_data: 'The site does not collect user data, use cookies, or track user activity.', footer__contacts_ogrnip: 'PSRNSP', footer__contacts_inn: 'ITN', footer__contacts_pdn: 'Data Controller' }
\ No newline at end of file
+export default { EN: 'EN', RU: 'RU', '': '', main__how_it_works: 'How it works', main__price: 'Tariff', main__faq: 'FAQ', main__contacts: 'Contacts', banner__slogan_prepend: 'More than just chats', banner__slogan_body: 'Your project\'s workspace in', banner__main_btn: 'Let’s Fly!', banner__main_btn_description: 'Continue in Telegram', problem__title: 'Keep your workflow, boost your efficiency', problem__1: 'Unified Workspace', problem__1_description: 'Gathers tasks, meetings, and files from all your connected chats into a single, unified space', problem__2: 'Team Directory', problem__2_description: 'Shows all members and their roles so you can instantly see who is responsible for what', problem__3: 'Chat Integration', problem__3_description: 'Updates to tasks and meetings appear right in your chats — where the conversation happens', problem__4: 'Smart Permissions', problem__4_description: 'Everyone sees only their relevant info. We take care of privacy and order, so you don\'t have to', how_it_works__title: 'How it works', how_it_works__intro: 'Intro', how_it_works__admin: 'Administrator', how_it_works__user: 'Users', how_it_works__coming_soon: 'Coming soon!', price__title: 'Tariff', price__subtitle: 'All plans include full functionality: an unlimited number of users, projects, tasks, and meetings.', price__per_month: 'per month', price__free_tax: 'FREE', price__request: 'Request', price__chats: 'chats', price__stars_pay: 'Payment via', price__stars_description: 'Telegram\'s internal currency', price__legal: 'Corporate', price__individual: 'Personal', price__rub_pay: 'Bank transfer', price__rub_resident: 'For RU residents', price__rub_closing_documents: 'Accounting documents', FAQ__title: 'Frequently Asked Questions (FAQ)', faq__question_1: 'Who is this app for?', faq__answer_1: 'For project teams conducting work communications in Telegram: IT development, construction, event industry, consulting, and others. The app creates a unified information environment and is essential when external contractors are involved and parties lack a shared infrastructure for collaboration.', faq__question_2: 'Is it mandatory to grant the bot message access and assign it as an administrator in chats?', faq__answer_2: 'No. Chats can be connected in two modes: "Private" (no message access or admin rights required) and "Full Functionality". The mode can be changed at any time. In Private mode, automatic backup of chat files and their addition to the project\'s general list is not performed.', faq__question_3: 'Can the app be connected to already existing chats?', faq__answer_3: 'Yes, any existing chat can be connected. There is also an option to share a special link with colleagues so they can connect their own chats to the project. No new groups are required — work continues within the familiar Telegram interface with added features for managing multiple project chats.', faq__question_4: 'Where are my files and data stored?', faq__answer_4: 'The app does not store chat history. Files are kept within Telegram or cloud services (Yandex Disk or Google Drive).', faq__question_5: 'Why is some contact information in the address book not displayed fully?', faq__answer_5: 'Contact details are displayed only with the user\'s consent and depend on the information provided by the administrator.', faq__question_6: 'Can participants of one project see data from another, and can one chat be linked to multiple projects?', faq__answer_6: 'A chat can be linked to only one project to maintain order. Projects are completely independent: information (chats, files, tasks, contacts) never overlaps. The app provides quick switching between workspaces, displaying only the information relevant to the currently selected project.', faq__question_7: 'What happens if I remove the app\'s bot from a chat or stop tracking in the app?', faq__answer_7: 'New messages and files will no longer be processed, and it will become impossible to attach tasks or meetings to the chat. All previously collected information is preserved and remains searchable. This allows the app to be used as an archive after a project is completed.', faq__question_8: 'How do I pay for the subscription and who pays for it?', faq__answer_8: 'Individuals pay via Telegram Stars; legal entities (RU residents) pay by invoice. Only the admin pays for the subscription—access is free for all other members.', faq__description: 'Still have questions? We\'re here to help:', footer__docs: 'App documents', footer__doc_terms_of_use: 'Term of use', footer__doc_privacy_policy: 'Privacy Policy', footer__doc_consent: 'Consent to the processing of my personal data', footer__doc_subscription_guide: 'Provision on subscription tariffs', footer__contacts_location: 'Russia, Moscow/Voronezh', footer__description_user_data: 'The site does not collect user data, use cookies, or track user activity.', footer__contacts_ip: 'Individual Entrepreneur Martyshkin A.A.', footer__contacts_ogrnip: 'PSRNSP', footer__contacts_inn: 'ITN', footer__contacts_pdn: 'Data Controller' }
\ No newline at end of file
diff --git a/src/i18n/ru-RU/index.js b/src/i18n/ru-RU/index.js
index 4799ccd..3404b89 100644
--- a/src/i18n/ru-RU/index.js
+++ b/src/i18n/ru-RU/index.js
@@ -1 +1 @@
-export default { EN: 'EN', RU: 'RU', '': '', main__how_it_works: 'Как это работает', main__price: 'Тарифы', main__faq: 'Вопросы', main__contacts: 'Контакты', banner__slogan_prepend: 'Больше чем просто чаты', banner__slogan_body: 'Рабочее пространство ваших проектов в', banner__main_btn: 'Полетели', banner__main_btn_description: 'Продолжить в Telegram', problem__title: 'Общайтесь как обычно, работайте удобнее', problem__1: 'Единое пространство', problem__1_description: 'Собирает задачи, совещания и файлы из всех связанных чатов в одном месте', problem__2: 'Адресная книга', problem__2_description: 'Показывает всех участников и их роли, чтобы сразу понимать, кто чем занимается', problem__3: 'Интеграция с чатами', problem__3_description: 'Обновление задач и совещаний видно прямо в переписке — там, где вы общаетесь', problem__4: 'Права доступа без сложностей', problem__4_description: 'Показывает каждому только то, в чём он участвует — приватность и порядок без ручной настройки', how_it_works__title: 'Как это работает', how_it_works__intro: 'Введение', how_it_works__admin: 'Администратор', how_it_works__user: 'Пользователи', price__title: 'Тарифы', price__subtitle: 'Все тарифы включают полный доступ к функционалу: неограниченное количество пользователей, проектов, задач и совещаний.', price__per_month: 'в месяц', price__free_tax: 'БЕСПЛАТНО', price__chats: 'чатов', price__stars_pay: 'Оплата только', price__stars_description: 'Внутренняя валюта Telegram', price__legal: 'Организациям', price__individual: 'Персонально', price__rub_pay: 'Безналичная оплата', price__rub_resident: 'Для резидентов РФ', price__rub_closing_documents: 'Закрывающие документы', FAQ__title: 'Вопросы', faq__question_1: 'Для кого это приложение?', faq__answer_1: 'Для проектных команд, ведущих рабочую коммуникацию в Telegram: IT-разработка, строительство, ивент-индустрия, консалтинг и другие. Приложение создает общее информационное поле и незаменимо в ситуациях, когда к проекту привлечены внешние подрядчики и у сторон нет общей инфраструктуры для организации совместной работы.', faq__question_2: 'Обязательно ли предоставлять боту права на доступ к сообщениям и назначать администратором в чатах?', faq__answer_2: 'Нет. Подключение чатов возможно в двух режимах: «Приватный» (без доступа к сообщениям и прав администратора) и «Полный функционал». Режим можно изменить в любой момент. В приватном режиме автоматическое создание резервных копий файлов из чатов и их добавление в общий список по проекту не производится.', faq__question_3: 'Можно ли подключить приложение к уже существующим чатам?', faq__answer_3: 'Да, подключение доступно для любого существующего чата. Также предусмотрена передача специальной ссылки коллегам для подключения их чатов к проекту. Создание новых групп не требуется — работа продолжается в привычном интерфейсе Telegram с добавлением функций для управления множеством чатов.', faq__question_4: 'Где хранятся мои файлы и данные?', faq__answer_4: 'Переписка из чатов не сохраняется приложением. Для хранения файлов используется Telegram или облачные сервисы (Яндекс Диск или Google Drive). ', faq__question_5: 'Почему некоторые контакты в адресной книге отображаются не полностью?', faq__answer_5: 'Данные в контактах отображаются только при согласии пользователя и зависят от информации, внесенной администратором.', faq__question_6: 'Видят ли участники одного проекта данные из другого и можно ли привязать один чат к нескольким проектам?', faq__answer_6: 'Один чат привязывается только к одному проекту для поддержания порядка. Проекты полностью независимы: информация (чаты, файлы, задачи, контакты) никогда не пересекается. Предусмотрено быстрое переключение между рабочими областями, где отображается только та информация, которая относится к выбранному в данный момент проекту.', faq__question_7: 'Что произойдет, если я исключу бота приложения из чата или остановлю отслеживание в самом приложении?', faq__answer_7: 'В приложение перестанут поступать новые сообщения и файлы, а также станет невозможно прикреплять к чату задачи или совещания. Ранее собранная информация сохраняется и остается доступной для поиска. Это позволяет использовать приложение как архив после завершения проекта.', faq__question_8: 'Как оплатить подписку и кто за неё платит?', faq__answer_8: 'Физические лица оплачивают подписку через Telegram Stars, юридические лица (резиденты РФ) — по счету-договору. Подписку оплачивает только администратор, для остальных участников доступ бесплатен.', faq__description: 'Остались вопросы? Напишите -', footer__docs: 'Документы', footer__doc_terms_of_use: 'Пользовательское соглашение', footer__doc_privacy_policy: 'Политика конфиденциальности', footer__doc_consent: 'Согласие на обработку персональных данных (ПДн)', footer__doc_subscription_guide: 'Положение о Тарифных планах подписки', footer__contacts_location: 'Россия, г. Москва / г. Воронеж', footer__description_user_data: 'Сайт не собирает пользовательские данные и не использует файлы cookie, а также не отслеживает активность пользователей.', footer__contacts_ogrnip: 'ОГРНИП', footer__contacts_inn: 'ИНН', footer__contacts_pdn: 'Оператор ПДн' }
\ No newline at end of file
+export default { EN: 'EN', RU: 'RU', '': '', main__how_it_works: 'Как это работает', main__price: 'Тарифы', main__faq: 'Вопросы', main__contacts: 'Контакты', banner__slogan_prepend: 'Больше чем просто чаты', banner__slogan_body: 'Пространство для проектного общения внутри', banner__main_btn: 'Полетели', banner__main_btn_description: 'Продолжить в Telegram', problem__title: 'Общайтесь как обычно, работайте удобнее', problem__1: 'Единое пространство', problem__1_description: 'Собирает задачи, совещания и файлы из всех связанных чатов в одном месте', problem__2: 'Адресная книга', problem__2_description: 'Показывает всех участников и их роли, чтобы сразу понимать, кто чем занимается', problem__3: 'Интеграция с чатами', problem__3_description: 'Обновление задач и совещаний видно прямо в переписке — там, где вы общаетесь', problem__4: 'Права доступа без сложностей', problem__4_description: 'Показывает каждому только то, в чём он участвует — приватность и порядок без ручной настройки', how_it_works__title: 'Как это работает', how_it_works__intro: 'Введение', how_it_works__admin: 'Администратор', how_it_works__user: 'Пользователи', how_it_works__coming_soon: 'Скоро!', price__title: 'Тарифы', price__subtitle: 'Все тарифы включают полный доступ к функционалу: неограниченное количество пользователей, проектов, задач и совещаний.', price__per_month: 'в месяц', price__free_tax: 'БЕСПЛАТНО', price__request: 'По запросу', price__chats: 'чатов', price__stars_pay: 'Оплата только', price__stars_description: 'Внутренняя валюта Telegram', price__legal: 'Организациям', price__individual: 'Персонально', price__rub_pay: 'Безналичная оплата', price__rub_resident: 'Для резидентов РФ', price__rub_closing_documents: 'Закрывающие документы', FAQ__title: 'Вопросы', faq__question_1: 'Для кого это приложение?', faq__answer_1: 'Для проектных команд, ведущих рабочую коммуникацию в Telegram: IT-разработка, строительство, ивент-индустрия, консалтинг и другие. Приложение создает общее информационное поле и незаменимо в ситуациях, когда к проекту привлечены внешние подрядчики и у сторон нет общей инфраструктуры для организации совместной работы.', faq__question_2: 'Обязательно ли предоставлять боту права на доступ к сообщениям и назначать администратором в чатах?', faq__answer_2: 'Нет. Подключение чатов возможно в двух режимах: «Приватный» (без доступа к сообщениям и прав администратора) и «Полный функционал». Режим можно изменить в любой момент. В приватном режиме автоматическое создание резервных копий файлов из чатов и их добавление в общий список по проекту не производится.', faq__question_3: 'Можно ли подключить приложение к уже существующим чатам?', faq__answer_3: 'Да, подключение доступно для любого существующего чата. Также предусмотрена передача специальной ссылки коллегам для подключения их чатов к проекту. Создание новых групп не требуется — работа продолжается в привычном интерфейсе Telegram с добавлением функций для управления множеством чатов.', faq__question_4: 'Где хранятся мои файлы и данные?', faq__answer_4: 'Переписка из чатов не сохраняется приложением. Для хранения файлов используется Telegram или облачные сервисы (Яндекс Диск или Google Drive). ', faq__question_5: 'Почему некоторые контакты в адресной книге отображаются не полностью?', faq__answer_5: 'Данные в контактах отображаются только при согласии пользователя и зависят от информации, внесенной администратором.', faq__question_6: 'Видят ли участники одного проекта данные из другого и можно ли привязать один чат к нескольким проектам?', faq__answer_6: 'Один чат привязывается только к одному проекту для поддержания порядка. Проекты полностью независимы: информация (чаты, файлы, задачи, контакты) никогда не пересекается. Предусмотрено быстрое переключение между рабочими областями, где отображается только та информация, которая относится к выбранному в данный момент проекту.', faq__question_7: 'Что произойдет, если я исключу бота приложения из чата или остановлю отслеживание в самом приложении?', faq__answer_7: 'В приложение перестанут поступать новые сообщения и файлы, а также станет невозможно прикреплять к чату задачи или совещания. Ранее собранная информация сохраняется и остается доступной для поиска. Это позволяет использовать приложение как архив после завершения проекта.', faq__question_8: 'Как оплатить подписку и кто за неё платит?', faq__answer_8: 'Физические лица оплачивают подписку через Telegram Stars, юридические лица (резиденты РФ) — по счету-договору. Подписку оплачивает только администратор, для остальных участников доступ бесплатен.', faq__description: 'Остались вопросы? Напишите -', footer__docs: 'Документы', footer__doc_terms_of_use: 'Пользовательское соглашение', footer__doc_privacy_policy: 'Политика конфиденциальности', footer__doc_consent: 'Согласие на обработку персональных данных (ПДн)', footer__doc_subscription_guide: 'Положение о Тарифных планах подписки', footer__contacts_location: 'Россия, г. Москва / г. Воронеж', footer__description_user_data: 'Сайт не собирает пользовательские данные и не использует файлы cookie, а также не отслеживает активность пользователей.', footer__contacts_ip: 'ИП Мартышкин А.А.', footer__contacts_ogrnip: 'ОГРНИП', footer__contacts_inn: 'ИНН', footer__contacts_pdn: 'Оператор ПДн' }
\ No newline at end of file
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index c03617e..f26b6ce 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -23,6 +23,7 @@