finetuning

Author: tobihagemann

i18n/de.yaml

@@ -271,7 +271,7 @@
 - id: for_individuals_features_feature_1_title
   translation: "Clientseitige Verschlüsselung"
 - id: for_individuals_features_feature_1_description
-  translation: "Deine Dateien werden sicher <a class=\"text-link\" href=\"https://docs.cryptomator.org/security/architecture/\" target=\"_blank\" rel=\"noopener\">verschlüsselt</a>, bevor sie dein Gerät verlassen, und bleiben während der Übertragung und Speicherung geschützt."
+  translation: "Deine Dateien werden <a class=\"text-link\" href=\"https://docs.cryptomator.org/security/architecture/\" target=\"_blank\" rel=\"noopener\">sicher verschlüsselt</a>, bevor sie dein Gerät verlassen, und bleiben während der Übertragung und Speicherung geschützt."
 - id: for_individuals_features_feature_2_title
   translation: "Kompatibel mit deiner Cloud"
 - id: for_individuals_features_feature_2_description
@@ -412,18 +412,34 @@
 - id: hub_workflow_step_3_alt
   translation: "Cryptomator-App-Oberfläche mit mehreren Tresoren"
 
+- id: hub_features_title
+  translation: "Warum Cryptomator Hub?"
+- id: hub_features_subtitle
+  translation: "Erfahre, wie Cryptomator Hub deine Dateien mit starker Verschlüsselung, Datenschutzprinzipien und nahtloser plattformübergreifender Unterstützung schützt."
 - id: hub_features_feature_1_title
-  translation: "Starke Authentifizierung"
+  translation: "Zero Knowledge"
 - id: hub_features_feature_1_description
-  translation: "Binde Cryptomator Hub in deine bestehende Identitätsinfrastruktur und richte branchenübliche Authentifizierungsmethoden ein. <a class=\"text-link\" href=\"https://www.keycloak.org/\" target=\"_blank\" rel=\"noopener\">Powered by Keycloak.</a>"
+  translation: "Cryptomator Hub verwaltet das Schlüsselmaterial, ohne mit unverschlüsselten Schlüsseln in Berührung zu kommen. Es ist eine echte Zero-Knowledge-Lösung. <a class=\"text-link\" href=\"https://docs.cryptomator.org/security/hub/\" target=\"_blank\" rel=\"noopener\">Mehr erfahren.</a>"
 - id: hub_features_feature_2_title
-  translation: "Clientseitige Verschlüsselung"
+  translation: "Starke Authentifizierung"
 - id: hub_features_feature_2_description
-  translation: "Mit Cryptomator Hub erstellte Tresore werden auf die gleiche Weise gespeichert, wie du es von Cryptomator gewohnt bist – sicher mit clientseitiger Verschlüsselung. <a class=\"text-link\" href=\"https://docs.cryptomator.org/security/architecture/\" target=\"_blank\" rel=\"noopener\">Mehr erfahren.</a>"
+  translation: "Binde Cryptomator Hub in deine bestehende Identitätsinfrastruktur und richte branchenübliche Authentifizierungsmethoden ein. <a class=\"text-link\" href=\"https://www.keycloak.org/\" target=\"_blank\" rel=\"noopener\">Powered by Keycloak.</a>"
 - id: hub_features_feature_3_title
-  translation: "Zero Knowledge"
+  translation: "Clientseitige Verschlüsselung"
 - id: hub_features_feature_3_description
-  translation: "Cryptomator Hub verwaltet das Schlüsselmaterial, ohne mit unverschlüsselten Schlüsseln in Berührung zu kommen. Es ist eine echte Zero-Knowledge-Lösung. <a class=\"text-link\" href=\"https://docs.cryptomator.org/security/hub/\" target=\"_blank\" rel=\"noopener\">Mehr erfahren.</a>"
+  translation: "Deine Dateien werden <a class=\"text-link\" href=\"https://docs.cryptomator.org/security/architecture/\" target=\"_blank\" rel=\"noopener\">sicher verschlüsselt</a>, bevor sie dein Gerät verlassen, und bleiben während der Übertragung und Speicherung geschützt."
+- id: hub_features_feature_4_title
+  translation: "Kinderleichte Bedienung"
+- id: hub_features_feature_4_description
+  translation: "Die Einrichtung von Cryptomator Hub erfolgt in nur wenigen Minuten. Es sind keine technischen Vorkenntnisse nötig."
+- id: hub_features_feature_5_title
+  translation: "Open Source"
+- id: hub_features_feature_5_description
+  translation: "Unser Quellcode ist öffentlich zugänglich und ermöglicht Sicherheitsprüfungen durch die Community. <a class=\"text-link\" href=\"/de/open-source/\" target=\"_blank\" rel=\"noopener\">Mehr erfahren.</a>"
+- id: hub_features_feature_6_title
+  translation: "Datenschutzkonform"
+- id: hub_features_feature_6_description
+  translation: "Entwickelt mit Fokus auf Datenschutz: Cryptomator ist vollständig <a class=\"text-link\" href=\"/de/gdpr/\" target=\"_blank\" rel=\"noopener\">DSGVO-konform</a> und erfordert keine persönlichen Daten."
 
 - id: hub_pricing_title
   translation: "Entdecke unser flexibles Preismodell"

i18n/en.yaml

@@ -271,7 +271,7 @@
 - id: for_individuals_features_feature_1_title
   translation: "Client-Side Encryption"
 - id: for_individuals_features_feature_1_description
-  translation: "Your files are securely <a class=\"text-link\" href=\"https://docs.cryptomator.org/security/architecture/\" target=\"_blank\" rel=\"noopener\">encrypted</a> before leaving your device, keeping them protected during transfer and storage."
+  translation: "Your files are <a class=\"text-link\" href=\"https://docs.cryptomator.org/security/architecture/\" target=\"_blank\" rel=\"noopener\">securely encrypted</a> before leaving your device, keeping them protected during transfer and storage."
 - id: for_individuals_features_feature_2_title
   translation: "Compatible with Your Cloud"
 - id: for_individuals_features_feature_2_description
@@ -412,18 +412,34 @@
 - id: hub_workflow_step_3_alt
   translation: "Cryptomator app interface with multiple vaults"
 
+- id: hub_features_title
+  translation: "Why Cryptomator Hub?"
+- id: hub_features_subtitle
+  translation: "Discover how Cryptomator Hub protects your files with strong encryption, privacy principles, and seamless cross-platform support."
 - id: hub_features_feature_1_title
-  translation: "Strong Authentication"
+  translation: "Zero Knowledge"
 - id: hub_features_feature_1_description
-  translation: "Hook up Cryptomator Hub to your existing identity infrastructure and set up any industry-standard authentication method for your team. <a class=\"text-link\" href=\"https://www.keycloak.org/\" target=\"_blank\" rel=\"noopener\">Powered by Keycloak.</a>"
+  translation: "Cryptomator Hub manages key material without getting in touch with unencrypted keys. It is a true zero-knowledge solution. <a class=\"text-link\" href=\"https://docs.cryptomator.org/security/hub/\" target=\"_blank\" rel=\"noopener\">Learn more.</a>"
 - id: hub_features_feature_2_title
-  translation: "Client-Side Encryption"
+  translation: "Strong Authentication"
 - id: hub_features_feature_2_description
-  translation: "Vaults created with Cryptomator Hub will be stored the same way as you're used to with Cryptomator – securely using client-side encryption. <a class=\"text-link\" href=\"https://docs.cryptomator.org/security/architecture/\" target=\"_blank\" rel=\"noopener\">Learn more.</a>"
+  translation: "Integrate with your existing identity system and set up any industry-standard authentication method for your team. <a class=\"text-link\" href=\"https://www.keycloak.org/\" target=\"_blank\" rel=\"noopener\">Powered by Keycloak.</a>"
 - id: hub_features_feature_3_title
-  translation: "Zero Knowledge"
+  translation: "Client-Side Encryption"
 - id: hub_features_feature_3_description
-  translation: "Cryptomator Hub manages key material without getting in touch with unencrypted keys. It is a true zero-knowledge solution. <a class=\"text-link\" href=\"https://docs.cryptomator.org/security/hub/\" target=\"_blank\" rel=\"noopener\">Learn more.</a>"
+  translation: "Your files are <a class=\"text-link\" href=\"https://docs.cryptomator.org/security/architecture/\" target=\"_blank\" rel=\"noopener\">securely encrypted</a> before leaving your device, keeping them protected during transfer and storage."
+- id: hub_features_feature_4_title
+  translation: "Easy to Use"
+- id: hub_features_feature_4_description
+  translation: "Setting up Cryptomator Hub takes just a few minutes. No technical knowledge required – encrypt your files effortlessly."
+- id: hub_features_feature_5_title
+  translation: "Open Source"
+- id: hub_features_feature_5_description
+  translation: "Built with transparency in mind – our source code is publicly available for community security audits. <a class=\"text-link\" href=\"/open-source/\" target=\"_blank\" rel=\"noopener\">Learn more.</a>"
+- id: hub_features_feature_6_title
+  translation: "Privacy-Compliant"
+- id: hub_features_feature_6_description
+  translation: "Designed with privacy in focus: Cryptomator is fully <a class=\"text-link\" href=\"/gdpr/\" target=\"_blank\" rel=\"noopener\">GDPR-compliant</a> and does not require any personal data."
 
 - id: hub_pricing_title
   translation: "Explore Our Flexible Pricing"

layouts/for-teams/single.html

@@ -37,19 +37,16 @@ <h2 id="introduction" class="font-h2 mb-4">{{ i18n "hub_video_title" . }}</h2>
     </header>
 
     <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>
+      <video controls preload="none" poster="https://static.cryptomator.org/hub/quick-introduction.png" class="w-full h-auto rounded-lg shadow-lg">
+        <source src="https://static.cryptomator.org/hub/quick-introduction.mp4" type="video/mp4">
+      </video>
     </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" }}"/>
+        <img data-src="/img/hub/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>
@@ -59,7 +56,7 @@ <h2 class="font-h2 mb-6">{{ i18n "hub_workflow_step_1_title" }}</h2>
 
     <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" }}"/>
+        <img data-src="/img/hub/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>
@@ -69,7 +66,7 @@ <h2 class="font-h2 mb-6">{{ i18n "hub_workflow_step_2_title" }}</h2>
 
     <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" }}"/>
+        <img data-src="/img/hub/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>
@@ -80,14 +77,14 @@ <h2 class="font-h2 mb-6">{{ i18n "hub_workflow_step_3_title" }}</h2>
 
   <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>
+      <h2 id="features" class="font-h2 mb-4">{{ i18n "hub_features_title" . }}</h2>
+      <p class="font-p mb-4">{{ i18n "hub_features_subtitle" . }}</p>
     </header>
 
-    <div class="grid grid-cols-1 lg:grid-cols-3 gap-4 mt-4"> 
+    <div class="grid grid-cols-1 lg:grid-cols-3 gap-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>
+          <h3 class="font-h3"><i class="fas fa-key fa-fw text-primary"></i> {{ i18n "hub_features_feature_1_title" . }}</h3>
         </div>
         <div class="p-4">
           <p class="font-p">{{ i18n "hub_features_feature_1_description" . | safeHTML }}</p>
@@ -96,7 +93,7 @@ <h3 class="font-h3"><i class="fas fa-shield-check fa-fw text-primary"></i> {{ i1
 
       <div class="white-box">
         <div class="px-4 py-2 border-b border-primary">
-          <h3 class="font-h3"><i class="fas fa-lock-alt fa-fw text-primary"></i> {{ i18n "hub_features_feature_2_title" . }}</h3>
+          <h3 class="font-h3"><i class="fas fa-shield-check fa-fw text-primary"></i> {{ i18n "hub_features_feature_2_title" . }}</h3>
         </div>
         <div class="p-4">
           <p class="font-p">{{ i18n "hub_features_feature_2_description" . | safeHTML }}</p>
@@ -105,12 +102,39 @@ <h3 class="font-h3"><i class="fas fa-lock-alt fa-fw text-primary"></i> {{ i18n "
 
       <div class="white-box">
         <div class="px-4 py-2 border-b border-primary">
-          <h3 class="font-h3"><i class="fas fa-key fa-fw text-primary"></i> {{ i18n "hub_features_feature_3_title" . }}</h3>
+          <h3 class="font-h3"><i class="fas fa-lock-alt fa-fw text-primary"></i> {{ i18n "hub_features_feature_3_title" . }}</h3>
         </div>
         <div class="p-4">
           <p class="font-p">{{ i18n "hub_features_feature_3_description" . | safeHTML }}</p>
         </div>
       </div>
+
+      <div class="white-box">
+        <div class="px-4 py-2 border-b border-primary">
+          <h3 class="font-h3"><i class="fas fa-mouse-pointer fa-fw text-primary"></i> {{ i18n "hub_features_feature_4_title" . }}</h3>
+        </div>
+        <div class="p-4">
+          <p class="font-p">{{ i18n "hub_features_feature_4_description" . | safeHTML }}</p>
+        </div>
+      </div>
+    
+      <div class="white-box">
+        <div class="px-4 py-2 border-b border-primary">
+          <h3 class="font-h3"><i class="fas fa-code fa-fw text-primary"></i> {{ i18n "hub_features_feature_5_title" . }}</h3>
+        </div>
+        <div class="p-4">
+          <p class="font-p">{{ i18n "hub_features_feature_5_description" . | safeHTML }}</p>
+        </div>
+      </div>
+    
+      <div class="white-box">
+        <div class="px-4 py-2 border-b border-primary">
+          <h3 class="font-h3"><i class="fas fa-shield-alt fa-fw text-primary"></i> {{ i18n "hub_features_feature_6_title" . }}</h3>
+        </div>
+        <div class="p-4">
+          <p class="font-p">{{ i18n "hub_features_feature_6_description" . | safeHTML }}</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -171,6 +195,11 @@ <h2 id="newsletter" class="font-h2 mb-4">{{ i18n "hub_newsletter_title" . }}</h2
     <div x-show="data.success" x-cloak>
       <p class="font-p mb-4">{{ ":love_letter:" | emojify }} {{ i18n "hub_newsletter_success" . }}</p>
     </div>
+
+    <div class="flex justify-center gap-4">
+      <a class="text-gray-600 hover:text-primary plausible-event-name=hub-mastodon" href="https://mastodon.online/@cryptomator" aria-label="Cryptomator on Mastodon" target="_blank" rel="noopener" data-umami-event="hub-mastodon"><i class="fab fa-mastodon text-2xl"></i></a>
+      <a class="text-gray-600 hover:text-primary plausible-event-name=hub-linkedin" href="https://www.linkedin.com/company/skymatic/" aria-label="Skymatic on LinkedIn" target="_blank" rel="noopener" data-umami-event="hub-linkedin"><i class="fab fa-linkedin text-2xl"></i></a>
+    </div>
   </section>
 {{ end }}
 {{ define "script" }}