diff --git a/packages/main/src/pages/static/about/About.module.css b/packages/main/src/pages/static/about/About.module.css index e7afd8fd02..18175376ac 100644 --- a/packages/main/src/pages/static/about/About.module.css +++ b/packages/main/src/pages/static/about/About.module.css @@ -3,8 +3,10 @@ text-align: center; } .banner { - padding-top: 11%; + padding-top: 9em; text-align: center; + width: 80%; + margin: 0 auto; } .banner > p { margin: 0 auto; @@ -13,6 +15,7 @@ } .working_remote { text-align: center !important; + display: none !important; margin-top: 2%; } @@ -49,13 +52,13 @@ font-weight: 500; } .zurichat { - padding: 3em 1.5em; display: flex; align-items: center; justify-content: center; text-align: center; color: #ffffff; background-color: #00b87c; + padding: 3rem; } .zurichat_h3 { padding: 3%; @@ -66,13 +69,18 @@ .vector { padding: 1rem; margin-left: 1.2rem; - text-align: center; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; } .vector > h6 { font-size: 23px; + text-align: center; } .vector > p { font-size: 14px; + text-align: center; } .vector > img { width: 15%; @@ -93,29 +101,27 @@ .btn_sale { text-transform: uppercase; - color: black; - margin-top: 2rem; + color: #00b87c; + margin-top: 2em; font-weight: 600; - padding: 10px 16px; + padding: 0.625em 1em; background-color: #ffffff; + border: 1px solid #00b87c; border-radius: 0.3rem; - height: 3rem; - border: none; } .btn_sale:hover { - color: #00b87c; - background-color: rgba(255, 255, 255, 0.7); + color: #ffffff; + background-color: #00b87c; border: 2px solid #fff; } .signup_cta { text-align: center; - width: 100%; - height: 100%; + width: 70%; justify-content: center; align-items: center; - max-width: 1100px; + margin: 0 auto; } -.signup-cta .text { +.signup_cta .text { color: white; } .btn_free { @@ -123,18 +129,18 @@ color: #fff; border-radius: 5%; border: 1px solid #fff; - margin-left: 1%; text-transform: uppercase; margin-top: 2rem; box-shadow: 2px 4px 8px solid #fff; font-weight: 600; } .working_remote_section { - display: flex; + display: none !important; + flex: 1 0 0%; margin-top: 2%; flex-direction: column; align-items: center; - justify-content: center; + justify-content: st; } .counter > h3 { @@ -142,6 +148,11 @@ line-height: 50px; padding: 0; font-weight: 700; + text-align: center; +} + +.counter > p { + text-align: center; } .channel { @@ -150,37 +161,85 @@ margin-top: 3%; } .team > img { - width: 30vw; - position: relative; - top: -16%; + width: 100%; } + +.team__container { + display: flex; + align-items: center; + justify-content: center; + gap: 2rem; +} + .span { text-decoration: underline; } .carousel { + display: none !important; +} + +.special_features, +.counter_div { display: none; } +.signup_cta { + width: 70%; +} + @media only screen and (max-width: 1040px) { + .banner { - padding-top: 25%; + padding-top: 9em; } - .join_us > p { - text-align: center; + .desktop_carousel, + .second_carousel_block { + flex-wrap: wrap; + justify-content: center; + display: none !important; } - .h3m { + .working_remote_section { + flex-basis: 30%; + flex-grow: 0; + } + + +} + +@media only screen and (max-width: 767.98px){ + .banner > h1 { + font-size: 32px; + line-height: 36px; + font-weight: 700; + } + .signup_cta { text-align: center; + width: 90%; + font-size: 1rem; + } + + .desktop_carousel { + flex-wrap: wrap; + } + + .working_remote_section { + flex-basis: 45%; + } + + .zurichat_text { + font-size: clamp(25px, 4vw, 32px); + line-height: 1.3; } } @media only screen and (max-width: 600px) { .banner { - padding-top: 27%; + padding-top: 9em; } .banner > h1 { - font-size: 1.5rem; + font-size: 25px; line-height: revert; font-weight: 700; padding: 1em 1em 0.2em; @@ -205,16 +264,11 @@ .team > img { width: 100%; } - .join_us { - text-align: center; - } - .join_us > h3 { - font-size: 24px; - text-align: center; - } + .join_us > p { padding: 0 4%; font-size: 14px; + text-align: center; } .span { text-decoration: none; @@ -238,7 +292,7 @@ display: none; } .carousel { - display: block; + display: none; } .carouselCaption { position: relative !important; @@ -273,6 +327,23 @@ justify-content: center; margin: 0 auto; } + + .join_us > h3 { + font-size: 24px; + line-height: 28px; + padding: 0 4%; + text-align: center ; + } + + .join_us > p { + text-align: center; + } + + + .team__container { + flex-direction: column; + } + .counter > h3 { font-size: 35px; line-height: 50px; diff --git a/packages/main/src/pages/static/about/index.jsx b/packages/main/src/pages/static/about/index.jsx index f53b41440e..4a7ea2d504 100644 --- a/packages/main/src/pages/static/about/index.jsx +++ b/packages/main/src/pages/static/about/index.jsx @@ -33,7 +33,7 @@ const About = () => {

ZuriChat {t("about.banner.description")}

100k+

@@ -62,7 +62,7 @@ const About = () => { {/* */} {/* Who we are and how to join us */}
-
+
{"image
@@ -90,9 +90,9 @@ const About = () => {

{/* Carousel for mobile view */} - -
-
+ {/* */} +
+
{"centralized
{t("about.highlights.channels.title")}

@@ -100,7 +100,7 @@ const About = () => { {t("about.highlights.channels.description_")}

-
+
{"image
{t("about.highlights.holidayCalender.title")}

@@ -108,7 +108,7 @@ const About = () => { {t("about.highlights.holidayCalender.description_")}

-
+
{"image
{t("about.highlights.companyDeadline.title")}

@@ -119,7 +119,7 @@ const About = () => { feature.

-
+
{"image
{t("about.highlights.quickReply.title")}

@@ -128,7 +128,7 @@ const About = () => { {t("about.highlights.quickReply.description_")}

-
+
{"image
{t("about.highlights.todoList.title")}

@@ -145,11 +145,11 @@ const About = () => {

{t("about.features.title")}

{t("about.features.description")}

- + {/* */}
-
+
{"image
{t("about.features.avatar.title")}
@@ -185,7 +185,7 @@ const About = () => {
-

+

Zuri Chat is a modern world platform that makes communicating with your team or organization faster, easier and more fun. Want to explore? diff --git a/packages/main/src/translations/translation-dictionary/index.js b/packages/main/src/translations/translation-dictionary/index.js index 2b4406aded..6f19caffe4 100644 --- a/packages/main/src/translations/translation-dictionary/index.js +++ b/packages/main/src/translations/translation-dictionary/index.js @@ -1,5 +1,6 @@ // Export all translations import Home from "./pages/Home"; +import About from "./pages/About"; import Login from "./pages/Login"; import SignUp from "./pages/SignUp"; import SignOut from "./pages/SignOut"; @@ -13,13 +14,13 @@ import Plugins from "./pages/Plugins"; import Footer from "./components/Footer"; import NavBar from "./components/NavBar"; -import About from "./pages/About"; const resources = {}; const Translations = [ // Pages ...Home, + ...About, ...Login, ...SignUp, ...whyzurichat, diff --git a/packages/main/src/translations/translation-dictionary/pages/About.js b/packages/main/src/translations/translation-dictionary/pages/About.js index 32ec50c126..608904f58a 100644 --- a/packages/main/src/translations/translation-dictionary/pages/About.js +++ b/packages/main/src/translations/translation-dictionary/pages/About.js @@ -1,187 +1,357 @@ export default [ { - key: "about.banner.headline_one", - en: "Make work simple, pleasant and" - // de: "Einloggen - Zuri Chat", - // enus: "Login - Zuri Chat", - // fr: "Connexion - Chat Zuri", - // zh: "登录 - zuri聊天", - // ar: "تسجيل الدخول - zuri chat", - // es: "Iniciar sesión - Chat de Zuri", - // it: "Login - Zuri Chat", - // he: "כניסה - צורי צ'אט", - // pt: "Login - Chat de Zuri" - }, - { - key: "about.banner.headline_two", - en: "more productive." - }, - { - key: "about.banner.description", - en: "is a collaboration hub that brings the right people and tools together to get work done. From Fortune 100 companies to corner markets, millions of people around the world use Zuri Chat to connect their teams, unify their systems, and drive their business forward." - }, - { - key: "about.counter.customers", - en: "Paid" - }, - { - key: "about.counter.customers_", - en: "Customers" - }, - { - key: "about.counter.fortune_companies", - en: "of the Fortune 100" - }, - { - key: "about.counter.fortune_companies_", - en: "use" - }, - { - key: "about.counter.countries", - en: "countries have daily" - }, - { - key: "about.counter.countries_", - en: "active users in" - }, - { - key: "about.whoWeAre.title", - en: "Who we are and how to join us" - }, - { - key: "about.whoWeAre.description", - en: "Our mission is to improve people's working life by providing a platform that can host a strong diverse team , of creative professionals who want to do the best work of their lives" - }, - { - key: "about.whoWeAre.description_", - en: "promises all kinds of opportunities and a simple, pleasant and more productive working life." - }, - { - key: "about.highlights.title", - en: "Working remotely more intriguing than ever" - }, - { - key: "about.highlights.description", - en: "Zuri Chat is where work meets fun." - }, - { - key: "about.highlights.description_", - en: "Connect and interact with your team efficiently from anywhere around the globe" - }, - { - key: "about.highlights.channels.title", - en: "Channels" - }, - { - key: "about.highlights.channels.description", - en: "Organize conversations into dedicated" - }, - { - key: "about.highlights.channels.description_", - en: "spaces called channels" - }, - { - key: "about.highlights.holidayCalender.title", - en: "Holiday Calender" - }, - { - key: "about.highlights.holidayCalender.description", - en: "Add holidays, set reminders" - }, - { - key: "about.highlights.holidayCalender.description_", - en: "and see all events at a glance" - }, - { - key: "about.highlights.companyDeadline.title", - en: "Company Deadline" - }, - { - key: "about.highlights.companyDeadline.description", - en: "Keep track of deadlines with" - }, - { - key: "about.highlights.companyDeadline.description_", - en: "the company deadline" - }, - { - key: "about.highlights.companyDeadline.description__", - en: "feature" - }, - { - key: "about.highlights.quickReply.title", - en: "Quick Reply App" - }, - { - key: "about.highlights.quickReply.description", - en: "Get swift replies to Direct" - }, - { - key: "about.highlights.quickReply.description_", - en: "Messages" - }, - { - key: "about.highlights.todoList.title", - en: "To do list" - }, - { - key: "about.highlights.todoList.description", - en: "Organize tasks with the to-do-list" - }, - { - key: "about.highlights.todoList.description_", - en: "feature" - }, - { - key: "about.features.title", - en: "Special Features" - }, - { - key: "about.features.description", - en: "Increase your productivity by assembling all your work tools into one place" - }, - { - key: "about.features.title", - en: "Special Features" - }, - { - key: "about.features.avatar.title", - en: "Animated Avatar Loungue" - }, - { - key: "about.features.avatar.description", - en: "Create and animate your own avatar in the avatar lounge" - }, - { - key: "about.features.files.title", - en: "Company Files" - }, - { - key: "about.features.files.description", - en: "Access your files on google drive while on Zuri Chat." - }, - { - key: "about.features.accessibility.title", - en: "Accessibility" - }, - { - key: "about.features.accessibility.description", - en: "Be in control, Use Zuri Chat and enjoy" - }, - { - key: "about.features.accessibility.description_", - en: "the best accessibility features" - }, - { - key: "about.features.goals.title", - en: "Company Goals" - }, - { - key: "about.features.goals.description", - en: "Keep up with company goals" - }, - { - key: "about.features.goals.description_", - en: "right inside Zuri Chat" + key: "about", + en: { + banner: { + headline_one: "Make work simple, pleasant and ", + headline_two: "more productive.", + description: + "is a collaboration hub that brings the right people and tools together to get work done. From Fortune 100 companies to corner markets, millions of people around the world use Zuri Chat to connect their teams, unify their systems, and drive their business forward." + }, + counter: { + customers: "Paid", + customers_: "Customers", + fortune_companies: "of the Fortune 100", + fortune_companies_: "use", + countries: "countries have daily", + countries_: "active users in" + }, + whoWeAre: { + title: "Who we are and how to join us", + description: + "Our mission is to improve people's working life by providing a platform that can host a strong diverse team , of creative professionals who want to do the best work of their lives", + description_: + "promises all kinds of opportunities and a simple, pleasant and more productive working life." + }, + + highlights: { + title: "Working remotely more intriguing than ever", + description: "Zuri Chat is where work meets fun.", + description_: + "Connect and interact with your team efficiently from anywhere around the globe", + channels: { + title: "Channels", + description: "Organize conversations into dedicated ", + description_: "spaces called channels" + }, + holidayCalender: { + title: "Holiday Calender", + description: "Add holidays, set reminders ", + description_: "and see all events at a glance" + }, + companyDeadline: { + title: "Company Deadline", + description: "Keep track of deadlines with ", + description_: "the company deadline ", + description__: "feature" + }, + quickReply: { + title: "Quick Reply App", + description: "Get swift replies to Direct ", + description_: "Messages" + }, + todoList: { + title: "To do List", + description: "Organize tasks with the to-do-list", + description_: "feature" + } + }, + + features: { + title: "Special Features", + description: + "Increase your productivity by assembling all your work tools into one place", + avatar: { + title: "Animated Avatar Loungue", + description: "Create and animate your own avatar in the avatar lounge" + }, + files: { + title: "Company Files", + description: "Access your files on google drive while on Zuri Chat." + }, + accessibility: { + title: "Accessibility", + description: "Be in control, Use Zuri Chat and enjoy", + description_: "the best accessibility features" + }, + goals: { + title: "Company Goals", + description: "Keep up with company goals", + description_: "right inside Zuri Chat" + } + }, + + cta: { + title: "Whatever work you do, you can do it in Zuri Chat", + link_sales: "Talk to sales", + link_try: "Try it for free" + } + }, + fr: { + banner: { + headline_one: "Rendre le travail simple, agréable et", + headline_two: "plus productif.", + description: + "est un centre de collaboration qui rassemble les bonnes personnes et les bons outils pour accomplir le travail. Des entreprises Fortune 100 aux marchés de proximité, des millions de personnes dans le monde utilisent Zuri Chat pour connecter leurs équipes, unifier leurs systèmes et faire avancer leur entreprise." + }, + counter: { + customers: "Payé", + customers_: "Les clients", + fortune_companies: "du Fortune 100", + fortune_companies_: "utilisation", + countries: "les pays ont quotidiennement", + countries_: "utilisateurs actifs dans" + }, + whoWeAre: { + title: "Qui sommes-nous et comment nous rejoindre", + description: + "Notre mission est d'améliorer la vie professionnelle des gens en fournissant une plate-forme pouvant accueillir une équipe solide et diversifiée, de professionnels créatifs qui souhaitent faire le meilleur travail de leur vie.", + description_: + "promet toutes sortes d'opportunités et une vie professionnelle simple, agréable et plus productive." + }, + + highlights: { + title: "Le télétravail plus intrigant que jamais", + description: + "Zuri Chat est l'endroit où le travail rencontre le plaisir.", + description_: + "Connectez-vous et interagissez avec votre équipe efficacement depuis n'importe où dans le monde", + channels: { + title: "Canaux", + description: "Organisez les conversations en", + description_: "espaces appelés canaux" + }, + holidayCalender: { + title: "Calendrier des vacances", + description: "Ajouter des jours fériés, définir des rappels", + description_: "et voir tous les événements en un coup d'œil" + }, + companyDeadline: { + title: "Date limite de l'entreprise", + description: "Gardez une trace des délais avec", + description_: "la date limite de l'entreprise", + description__: "caractéristique" + }, + quickReply: { + title: "Application de réponse rapide", + description: "Obtenez des réponses rapides à Direct", + description_: "messages" + }, + todoList: { + title: "Liste de choses à faire", + description: "Organiser les tâches avec la liste de tâches", + description_: "caractéristique" + } + }, + + features: { + title: "Caractéristiques spéciales", + description: + "Augmentez votre productivité en assemblant tous vos outils de travail en un seul endroit", + avatar: { + title: "Salon Avatar animé", + description: + "Créez et animez votre propre avatar dans le salon avatar" + }, + files: { + title: "Fichiers d'entreprise", + description: + "Accédez à vos fichiers sur Google Drive pendant que vous êtes sur Zuri Chat." + }, + accessibility: { + title: "Accessibilité", + description: "Gardez le contrôle, utilisez Zuri Chat et profitez", + description_: "les meilleures fonctionnalités d'accessibilité" + }, + goals: { + title: "Objectifs de l'entreprise", + description: "Suivre les objectifs de l'entreprise", + description_: "directement dans Zuri Chat" + } + }, + + cta: { + title: + "Quel que soit le travail que vous faites, vous pouvez le faire dans Zuri Chat", + link_sales: "Parlez aux ventes", + link_try: "Essayez-le gratuitement" + } + }, + de: { + banner: { + headline_one: "Machen Sie die Arbeit einfach, angenehm und", + headline_two: "produktiver.", + description: + "ist ein Hub für Zusammenarbeit, der die richtigen Leute und Tools zusammenbringt, um die Arbeit zu erledigen. Von Fortune-100-Unternehmen bis hin zu Eckmärkten nutzen Millionen von Menschen auf der ganzen Welt Zuri Chat, um ihre Teams zu vernetzen, ihre Systeme zu vereinheitlichen und ihr Geschäft voranzutreiben." + }, + + counter: { + customers: "Bezahlt", + customers_: "Kunden", + fortune_companies: "der Fortune 100", + fortune_companies_: "verwenden", + countries: "Länder haben täglich", + countries_: "aktive Benutzer in" + }, + + whoWeAre: { + title: "Wer wir sind und wie Sie sich uns anschließen können", + description: + "Unsere Mission ist es, das Arbeitsleben der Menschen zu verbessern, indem wir eine Plattform bieten, die ein starkes, vielfältiges Team von kreativen Fachleuten aufnehmen kann, die die beste Arbeit ihres Lebens leisten wollen", + description_: + "verspricht vielfältige Möglichkeiten und ein einfaches, angenehmes und produktiveres Arbeitsleben." + }, + + highlights: { + title: "Arbeiten aus der Ferne faszinierender denn je", + description: "Bei Zuri Chat trifft Arbeit auf Spaß.", + description_: + "Verbinden und interagieren Sie effizient mit Ihrem Team von überall auf der Welt", + channels: { + title: "Kanäle", + description: "Organisieren Sie Gespräche in dedizierten", + description_: "Räume, die Kanäle genannt werden" + }, + holidayCalender: { + title: "Feiertagskalender", + description: "Feiertage hinzufügen, Erinnerungen festlegen", + description_: "und sehen Sie alle Events auf einen Blick" + }, + companyDeadline: { + title: "Unternehmensschluss", + description: "Keep track of deadlines with ", + description_: "Behalten Sie die Fristen im Auge mit", + description__: "besonderheit" + }, + quickReply: { + title: "Schnellantwort-App", + description: "Erhalten Sie schnelle Antworten auf Direct", + description_: "mitteilungen" + }, + todoList: { + title: "Aufgabenliste", + description: "Organisieren Sie Aufgaben mit der To-Do-Liste", + description_: "besonderheit" + } + }, + + features: { + title: "Besondere Merkmale", + description: + "Steigern Sie Ihre Produktivität, indem Sie alle Ihre Arbeitswerkzeuge an einem Ort zusammenstellen", + avatar: { + title: "Animierte Avatar Lounge", + description: + "Erstellen und animieren Sie Ihren eigenen Avatar in der Avatar-Lounge" + }, + files: { + title: "Unternehmensdateis", + description: + "Greifen Sie bei Zuri Chat auf Ihre Dateien auf Google Drive zu." + }, + accessibility: { + title: "Barrierefreiheit", + description: + "Behalten Sie die Kontrolle, verwenden Sie Zuri Chat und genießen Sie", + description_: "die besten Zugänglichkeitsfunktionen" + }, + goals: { + title: "Unternehmensziele", + description: + "Bleiben Sie mit den Unternehmenszielen auf dem Laufenden", + description_: "direkt in Zuri Chat" + } + }, + + cta: { + title: "Was auch immer Sie tun, Sie können es im Zuri Chat tun", + link_sales: "Sprechen Sie mit dem Vertrieb", + link_try: "Kostenlos ausprobieren" + } + }, + zh: { + banner: { + headline_one: "让工作变得简单、愉快和", + headline_two: "更有生产力。", + description: + "是一个协作中心,可将合适的人员和工具聚集在一起以完成工作。 从财富 100 强公司到角落市场,世界各地有数百万人使用 Zuri Chat 连接他们的团队、统一他们的系统并推动他们的业务向前发展。" + }, + + counter: { + customers: "有薪酬的", + customers_: "顾客", + fortune_companies: "财富 100 强", + fortune_companies_: "用", + countries: "国家每天都有", + countries_: "活跃用户" + }, + + whoWeAre: { + title: "我们是谁以及如何加入我们", + description: "我们的使命是通过提供一个平台来改善人们的工作生活", + description_: "承诺提供各种机会和简单、愉快和更有成效的工作生活。" + }, + + highlights: { + title: "远程工作比以往任何时候都更有趣", + description: "Zuri Chat 是工作与乐趣相结合的地方。", + description_: "从全球任何地方高效地与您的团队联系和互动", + channels: { + title: "频道", + description: "将对话组织成专门的", + description_: "称为通道的空间" + }, + holidayCalender: { + title: "假期日历", + description: "添加假期,设置提醒", + description_: "并一目了然地查看所有事件" + }, + companyDeadline: { + title: "公司截止日期", + description: "跟踪截止日期", + description_: "公司截止日期", + description__: "特征" + }, + quickReply: { + title: "快速回复应用", + description: "获得对 Direct 的快速回复", + description_: "留言" + }, + todoList: { + title: "待办事项清单", + description: "使用待办事项列表组织任务", + description_: "特征" + } + }, + + features: { + title: "特殊功能", + description: "通过将所有工作工具组装到一个地方来提高您的生产力", + avatar: { + title: "动画头像休息室", + description: "在头像休息室创建和动画你自己的头像" + }, + files: { + title: "公司档案", + description: "在 Zuri Chat 上访问您在 Google Drive 上的文件。" + }, + accessibility: { + title: "无障碍", + description: "掌控一切,使用 Zuri Chat 并享受", + description_: "最佳辅助功能" + }, + goals: { + title: "Objectifs de l'entreprise", + description: "紧跟公司目标", + description_: "就在 Zuri Chat 里面" + } + }, + + cta: { + title: "无论您做什么工作,您都可以在 Zuri Chat 中完成", + link_sales: "与销售人员交谈", + link_try: "免费试用" + } + } } ];