updated home header kicker

cryptomator · Feb 28, 2025 · 8a68d6d · 8a68d6d
1 parent d573785
commit 8a68d6d
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 5 deletions.
diff --git a/i18n/de.yaml b/i18n/de.yaml
@@ -303,8 +303,10 @@
   translation: "Community beitreten"
 
 # Home
-- id: home_header_kicker
-  translation: "150.000+ Nutzer vertrauen auf unseren Schutz"
+- id: home_header_kicker_1
+  translation: "3.000.000+ Downloads"
+- id: home_header_kicker_2
+  translation: "150.000+ Nutzer"
 - id: home_header_title
   translation: "Cloud&nbsp;verschlüsseln, Privatsphäre&nbsp;schützen"
 - id: home_header_description

diff --git a/i18n/en.yaml b/i18n/en.yaml
@@ -303,8 +303,10 @@
   translation: "Join Community"
 
 # Home
-- id: home_header_kicker
-  translation: "150,000+ users trust us to protect their privacy"
+- id: home_header_kicker_1
+  translation: "3,000,000+ Downloads"
+- id: home_header_kicker_2
+  translation: "150,000+ Users"
 - id: home_header_title
   translation: "Encrypt&nbsp;your&nbsp;cloud, protect&nbsp;your&nbsp;privacy"
 - id: home_header_description

diff --git a/layouts/index.html b/layouts/index.html
@@ -17,7 +17,16 @@
         <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">
-        <p class="uppercase tracking-widest text-gray-300 font-medium mb-4">{{ i18n "home_header_kicker" }}</p>
+        <div class="flex gap-2 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-transparent border border-primary text-primary">
+            <i class="fas fa-cloud-download"></i>
+            {{ i18n "home_header_kicker_1" }}
+          </div>
+          <div class="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">
+            <i class="fas fa-users"></i>
+            {{ i18n "home_header_kicker_2" }}
+          </div>
+        </div>
         <h1 class="font-h1 mb-6">{{ i18n "home_header_title" . | safeHTML }}</h1>
         <p class="text-lg md:text-xl leading-relaxed text-gray-300 mb-6">{{ i18n "home_header_description" . | safeHTML }}</p>
         <div class="flex flex-col md:flex-row gap-6">