Merge branch 'develop'

Author: tobihagemann

i18n/de.yaml

@@ -217,6 +217,8 @@
   translation: "Kontaktiere uns für ein Angebot"
 
 # For Individuals
+- id: for_individuals_header_kicker_sale
+  translation: "25 %* Rabatt – Spring Sale"
 - id: for_individuals_header_title
   translation: "Deine Daten in der Cloud gehören dir allein"
 - id: for_individuals_header_description
@@ -373,6 +375,8 @@
   translation: "Cryptomator ist Gewinner des Sonderpreises für Usable Security and Privacy."
 
 # Hub
+- id: hub_header_kicker_sale
+  translation: "25 % Rabatt im ersten Jahr – Spring Sale"
 - id: hub_header_title
   translation: "Verschlüsselte Zusammenarbeit im Team"
 - id: hub_header_description

i18n/en.yaml

@@ -217,6 +217,8 @@
   translation: "Contact Us for an Offer"
 
 # For Individuals
+- id: for_individuals_header_kicker_sale
+  translation: "25%* Off – Spring Sale"
 - id: for_individuals_header_title
   translation: "Keep your cloud data truly yours"
 - id: for_individuals_header_description
@@ -373,6 +375,8 @@
   translation: "Cryptomator won the Special Award for Usable Security and Privacy."
 
 # Hub
+- id: hub_header_kicker_sale
+  translation: "25% Off in the First Year – Spring Sale"
 - id: hub_header_title
   translation: "Encrypted collaboration for your team"
 - id: hub_header_description

layouts/for-individuals/single.html

@@ -8,9 +8,14 @@
         <img data-src="/img/home/woman-laptop.png" class="lazyload object-scale-down mx-auto lg:w-3/4" alt="{{ i18n "for_individuals_header_woman_laptop_alt" . }}"/>
       </div>
       <div class="w-full md:w-2/3 lg:w-3/5">
-        <div class="flex items-center mb-4">
-          <img src="/img/logo.svg" class="h-8 aspect-1110/942" alt="Logo"/>
-          <span class="font-headline font-bold text-primary ml-2 pb-px">CRYPTOMATOR</span>
+        <div class="flex flex-wrap items-center gap-4 mb-4">
+          <div class="flex items-center">
+            <img src="/img/logo.svg" class="h-8 aspect-1110/942" alt="Logo"/>
+            <span class="font-headline font-bold text-primary ml-2 pb-px">CRYPTOMATOR</span>
+          </div>
+          <div class="px-4 py-1 rounded-full text-xs lg:text-sm font-medium bg-red-600 text-white">
+            {{ i18n "for_individuals_header_kicker_sale" . }}
+          </div>
         </div>
         <h1 class="font-h1 mb-6">{{ i18n "for_individuals_header_title" . | safeHTML }}</h1>
         <p class="lead mb-6">{{ i18n "for_individuals_header_description" . | safeHTML }}</p>
@@ -20,6 +25,9 @@ <h1 class="font-h1 mb-6">{{ i18n "for_individuals_header_title" . | safeHTML }}<
           </div>
       </div>
       <p class="font-p">{{ i18n "for_individuals_header_cta_description" . | safeHTML }}</p>
+      <p class="text-sm mt-6">
+        * {{ i18n "pricing_discount_note" }}
+      </p>
     </header>
   </section>
 

layouts/for-teams/single.html

@@ -9,9 +9,14 @@
         <img data-src="/img/hub/group-magic.png" class="lazyload object-scale-down mx-auto lg:w-3/4" alt="{{ i18n "hub_header_group_magic_alt" . }}"/>
       </div>
       <div class="w-full md:w-2/3 lg:w-3/5">
-        <div class="flex items-center mb-4">
-          <img src="/img/logo.svg" class="h-8 aspect-1110/942" alt="Logo"/>
-          <span class="font-headline font-bold text-primary ml-2 pb-px">CRYPTOMATOR&nbsp;HUB</span>
+        <div class="flex flex-wrap items-center gap-4 mb-4">
+          <div class="flex items-center">
+            <img src="/img/logo.svg" class="h-8 aspect-1110/942" alt="Logo"/>
+            <span class="font-headline font-bold text-primary ml-2 pb-px">CRYPTOMATOR HUB</span>
+          </div>
+          <div class="px-4 py-1 rounded-full text-xs lg:text-sm font-medium bg-red-600 text-white">
+            {{ i18n "hub_header_kicker_sale" . }}
+          </div>
         </div>
         <h1 class="font-h1 mb-6">{{ i18n "hub_header_title" . | safeHTML }}</h1>
         <p class="lead mb-6">{{ i18n "hub_header_description" . | safeHTML }}</p>

layouts/index.html

@@ -17,12 +17,12 @@
         <img data-src="/img/home/woman-cloud.png" class="lazyload aspect-714/622 w-full object-scale-down mx-auto lg:w-3/4 animate-hover" alt="{{ i18n "home_header_woman_cloud_alt" . }}"/>
       </div>
       <div class="w-full md:w-2/3 lg:w-3/5">
-        <div class="flex gap-4 mb-4">
-          <div class="inline-flex items-center gap-x-1.5 px-4 py-1 rounded-full text-xs lg:text-sm font-medium bg-red-600 border border-red-600 text-white">
+        <div class="flex items-center gap-4 mb-4">
+          <div class="flex items-center gap-x-1.5 px-4 py-1 rounded-full text-xs lg:text-sm font-medium bg-red-600 text-white">
             <i class="fas fa-flower"></i>
             {{ i18n "home_header_kicker_sale" }}
           </div>
-          <div class="hidden md:inline-flex items-center gap-x-1.5 px-4 py-1 rounded-full text-xs lg:text-sm font-medium bg-transparent border border-primary text-primary">
+          <div class="hidden md:flex items-center gap-x-1.5 px-4 py-1 rounded-full text-xs lg:text-sm font-medium bg-transparent border border-primary text-primary">
             <i class="fas fa-cloud-download"></i>
             {{ i18n "home_header_kicker" }}
           </div>