Update for teams subpage.

Author: iammajid

i18n/de.yaml

@@ -242,10 +242,10 @@
   translation: "Open Source"
 - id: for_individuals_open_source_description
   translation: "Engagement"
-- id: for_individuals_users_worldwide_title
+- id: for_individuals_dau_title
   translation: "150k+"
-- id: for_individuals_users_worldwide_description
-  translation: "Nutzer weltweit"
+- id: for_individuals_dau_descriptions
+  translation: "Täglich aktive Nutzer"
 
 - id: for_individuals_workflow_step_1_title
   translation: "1. Tresor erstellen"
@@ -374,7 +374,7 @@
 - id: hub_header_title
   translation: "Verschlüsselte Zusammenarbeit im Team"
 - id: hub_header_description
-  translation: "Cryptomator Hub erweitert Cryptomator um ein Zero-Knowledge Schlüsselmanagement für Teams und Organisationen. Es lässt sich leicht in dein bestehendes Identitätsmanagement integrieren, einschließlich OpenID Connect, SAML und LDAP. Dein Lieblingscloudservice bleibt wie gewohnt deine freie Wahl."
+  translation: "Cryptomator Hub erweitert Cryptomator für Teams und Organisationen – mit End-to-End-Verschlüsselung, Zugriff nur für autorisierte Personen und nahtloser Integration in eure IT-Infrastruktur. So behaltet ihr die volle Kontrolle, egal welche Cloud ihr nutzt."
 - id: hub_header_managed_title
   translation: "Managed"
 - id: hub_header_managed_cta
@@ -393,6 +393,25 @@
 - id: hub_video_description
   translation: "Wir zeigen dir hier wie Cryptomator Hub die Zugriffsverwaltung für deine Cryptomator-Tresore ermöglicht."
 
+- id: hub_workflow_step_1_title
+  translation: "1. Sichere Tresore für euer Team"
+- id: hub_workflow_step_1_description
+  translation: "Egal ob sensible Kundendaten, Finanzdokumente, Verträge oder Forschungsergebnisse – mit Cryptomator Hub erstellt ihr verschlüsselte Tresore für eure Teams und speichert Daten sicher in der Cloud. Ihr behaltet die volle Kontrolle darüber, wer Zugriff erhält."
+- id: hub_workflow_step_1_alt
+  translation: "Cryptomator-Hub-Oberfläche mit mehreren Tresoren"
+- id: hub_workflow_step_2_title
+  translation: "2. Zugriffskontrolle leicht gemacht"
+- id: hub_workflow_step_2_description
+  translation: "Nicht jeder soll alles sehen? Kein Problem! Weise Teammitgliedern gezielt Berechtigungen zu und verwalte den Zugriff auf eure Tresore mit wenigen Klicks. So bleiben sensible Daten wirklich nur für autorisierte Personen zugänglich."
+- id: hub_workflow_step_2_alt
+  translation: "Verwaltung der Zugriffsrechte für einen Tresor"
+- id: hub_workflow_step_3_title
+  translation: "3. Entsperren & loslegen – ohne Passwort"
+- id: hub_workflow_step_3_description
+  translation: "Ladet euren Tresor über Cryptomator Hub herunter und öffnet ihn direkt in der Cryptomator App als bestehenden Tresor. Statt ein Passwort einzugeben, erfolgt die Authentifizierung sicher über Hub – so bleibt alles geschützt und trotzdem komfortabel zugänglich."
+- id: hub_workflow_step_3_alt
+  translation: "Cryptomator-App-Oberfläche mit mehreren Tresoren"
+
 - id: hub_features_feature_1_title
   translation: "Starke Authentifizierung"
 - id: hub_features_feature_1_description

i18n/en.yaml

@@ -242,10 +242,10 @@
   translation: "Open Source"
 - id: for_individuals_open_source_description
   translation: "Commitment"
-- id: for_individuals_users_worldwide_title
+- id: for_individuals_dau_title
   translation: "150k+"
-- id: for_individuals_users_worldwide_description
-  translation: "Users Worldwide"
+- id: for_individuals_dau_description
+  translation: "Daily Active Users"
 
 - id: for_individuals_workflow_step_1_title
   translation: "1. Create a Vault"
@@ -374,7 +374,7 @@
 - id: hub_header_title
   translation: "Encrypted collaboration for your team"
 - id: hub_header_description
-  translation: "Cryptomator Hub adds zero-knowledge key management for teams and organizations to Cryptomator. It easily integrates into your existing identity management incl. OpenID Connect, SAML, and LDAP. As usual, your favorite cloud service remains your free choice."
+  translation: "Cryptomator Hub extends Cryptomator for teams and organizations – with end-to-end encryption, access restricted to authorized users, and seamless integration into your IT infrastructure. This way, you retain full control, no matter which cloud you use."
 - id: hub_header_managed_title
   translation: "Managed"
 - id: hub_header_managed_cta
@@ -393,6 +393,25 @@
 - id: hub_video_description
   translation: "Let us show you how Cryptomator Hub adds access management for your Cryptomator vaults."
 
+- id: hub_workflow_step_1_title
+  translation: "1. Secure vaults for your team"
+- id: hub_workflow_step_1_description
+  translation: "Whether it's sensitive customer data, financial documents, contracts or research results – with Cryptomator Hub, you create encrypted vaults for your teams and store data securely in the cloud. You retain full control over who has access."
+- id: hub_workflow_step_1_alt
+  translation: "Cryptomator Hub interface with multiple vaults"
+- id: hub_workflow_step_2_title
+  translation: "2. Easy access management"
+- id: hub_workflow_step_2_description
+  translation: "Not everyone should see everything? No problem! Assign permissions to team members and manage access to your vaults with just a few clicks. This ensures that sensitive data remains accessible only to authorized persons."
+- id: hub_workflow_step_2_alt
+  translation: "Access management for a vault"
+- id: hub_workflow_step_3_title
+  translation: "3. Unlock & get started – no password required"
+- id: hub_workflow_step_3_description
+  translation: "Download your vault via Cryptomator Hub and open it directly in the Cryptomator app as an existing vault. Instead of entering a password, authentication is securely handled through Hub – keeping everything protected while ensuring easy access."
+- id: hub_workflow_step_3_alt
+  translation: "Cryptomator app interface with multiple vaults"
+
 - id: hub_features_feature_1_title
   translation: "Strong Authentication"
 - id: hub_features_feature_1_description

layouts/for-individuals/single.html

@@ -41,8 +41,8 @@ <h2 class="font-bold text-2xl lg:text-3xl leading-relaxed">{{ i18n "for_individu
         <i class="fas fa-code text-primary text-4xl"></i>
       </div>
       <div>
-        <h2 class="font-bold text-2xl lg:text-3xl leading-relaxed">{{ i18n "for_individuals_users_worldwide_title" }}</h2>
-        <p class="text-sm lg:text-base leading-relaxed text-gray-700 mb-2">{{ i18n "for_individuals_users_worldwide_description" }}</p>
+        <h2 class="font-bold text-2xl lg:text-3xl leading-relaxed">{{ i18n "for_individuals_dau_title" }}</h2>
+        <p class="text-sm lg:text-base leading-relaxed text-gray-700 mb-2">{{ i18n "for_individuals_dau_description" }}</p>
         <i class="fas fa-globe text-primary text-4xl"></i>
       </div>
     </div>

layouts/for-teams/single.html

@@ -36,13 +36,55 @@ <h2 id="introduction" class="font-h2 mb-4">{{ i18n "hub_video_title" . }}</h2>
       <p class="font-p mb-4">{{ i18n "hub_video_description" . }}</p>
     </header>
 
-    <div class="max-w-3xl mx-auto mb-12">
-      <video controls preload="none" poster="https://static.cryptomator.org/hub/quick-introduction.png" class="w-full h-auto">
-        <source src="https://static.cryptomator.org/hub/quick-introduction.mp4" type="video/mp4">
-      </video>
+    <div class="relative max-w-5xl mx-auto mb-12">
+      <div class="relative">
+        <video controls preload="none" poster="https://static.cryptomator.org/hub/quick-introduction.png"
+          class="w-full h-auto rounded-xl shadow-lg">
+          <source src="https://static.cryptomator.org/hub/quick-introduction.mp4" type="video/mp4">
+        </video>
+      </div>
+    </div>    
+  </section>
+
+  <section class="container py-12">
+    <div class="flex flex-wrap mb-24">
+      <figure class="w-full mb-12 md:w-1/2 md:mb-0 md:pr-6">
+        <img data-src="/img/hub/for-teams-screenshot-1.png" class="lazyload w-full h-auto" alt="{{i18n "hub_workflow_step_1_alt" }}"/>
+      </figure>
+      <div class="w-full md:w-1/2 md:pl-6">
+        <h2 class="font-h2 mb-6">{{ i18n "hub_workflow_step_1_title" }}</h2>
+        <p class="lead">{{ i18n "hub_workflow_step_1_description" }}</p>
+      </div>
+    </div>
+    
+    <div class="flex flex-wrap mb-24 md:flex-row-reverse">
+      <figure class="w-full mb-12 md:w-1/2 md:mb-0 md:pl-6">
+        <img data-src="/img/hub/for-teams-screenshot-2.png" class="lazyload w-full h-auto" alt="{{i18n "hub_workflow_step_2_alt" }}"/>
+      </figure>
+      <div class="w-full md:w-1/2 md:pr-6">
+        <h2 class="font-h2 mb-6">{{ i18n "hub_workflow_step_2_title" }}</h2>
+        <p class="lead">{{ i18n "hub_workflow_step_2_description" }}</p>
+      </div>
     </div>
+    
+    <div class="flex flex-wrap">
+      <figure class="w-full mb-12 md:w-1/2 md:mb-0 md:pr-6">
+        <img data-src="/img/hub/for-teams-screenshot-3.png" class="lazyload w-full h-auto" alt="{{i18n "hub_workflow_step_3_alt" }}"/>
+      </figure>
+      <div class="w-full md:w-1/2 md:pl-6">
+        <h2 class="font-h2 mb-6">{{ i18n "hub_workflow_step_3_title" }}</h2>
+        <p class="lead">{{ i18n "hub_workflow_step_3_description" }}</p>
+      </div>
+    </div>
+  </section>
+
+  <section class="container py-12">
+    <header class="text-center">
+      <h2 id="features" class="font-h2 mb-4">{{ i18n "for_individuals_features_title" . }}</h2>
+      <p class="font-p mb-4">{{ i18n "for_individuals_features_subtitle" . }}</p>
+    </header>
 
-    <div class="grid grid-cols-1 lg:grid-cols-3 gap-4">
+    <div class="grid grid-cols-1 lg:grid-cols-3 gap-4 mt-4"> 
       <div class="white-box">
         <div class="px-4 py-2 border-b border-primary">
           <h3 class="font-h3"><i class="fas fa-shield-check fa-fw text-primary"></i> {{ i18n "hub_features_feature_1_title" . }}</h3>