added titles to header cta

Author: tobihagemann

i18n/de.yaml

@@ -307,8 +307,12 @@
   translation: "Mit Cryptomator liegt der Schlüssel zu deinen Daten bei dir. Durch Cryptomator sicherst und verschlüsselst du deine sensiblen Daten in deiner Lieblingscloud. So bleiben sie privat und vor unbefugtem Zugriff geschützt."
 - id: home_header_woman_cloud_alt
   translation: "Entspannte Frau auf einer Wolke, die durch ein Schloss gesichert ist"
+- id: home_header_for_individuals_title
+  translation: "Kostenloser Download"
 - id: home_header_for_individuals_cta
   translation: "Für Einzelnutzer"
+- id: home_header_for_teams_title
+  translation: "Kostenlose 30-Tage-Testversion"
 - id: home_header_for_teams_cta
   translation: "Für Teams"
 - id: home_get_started_title

i18n/en.yaml

@@ -307,8 +307,12 @@
   translation: "With Cryptomator, the key to your data is in your hands. Cryptomator secures and encrypts your sensitive data in your favorite cloud service. So you can rest assured that only you can access your data."
 - id: home_header_woman_cloud_alt
   translation: "Relaxed woman on a cloud secured by a lock"
+- id: home_header_for_individuals_title
+  translation: "Free Download"
 - id: home_header_for_individuals_cta
   translation: "For Individuals"
+- id: home_header_for_teams_title
+  translation: "Free 30-Day Trial"
 - id: home_header_for_teams_cta
   translation: "For Teams"
 - id: home_get_started_title

layouts/index.html

@@ -20,8 +20,14 @@
         <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">
-          <a href="{{ .Site.LanguagePrefix }}/for-individuals/" role="button" class="btn btn-primary text-lg w-full md:w-64 plausible-event-name=home-header-individuals-cta" data-umami-event="home-header-individuals-cta">{{ i18n "home_header_for_individuals_cta" . }}</a>
-          <a href="{{ .Site.LanguagePrefix }}/for-teams/" role="button" class="btn btn-primary text-lg w-full md:w-64 plausible-event-name=home-header-teams-cta" data-umami-event="home-header-teams-cta">{{ i18n "home_header_for_teams_cta" . }}</a>
+          <div class="flex flex-col gap-2">
+            <p class="block uppercase tracking-wide text-gray-300 text-xs font-bold">{{ i18n "home_header_for_individuals_title" . }}</p>
+            <a href="{{ .Site.LanguagePrefix }}/for-individuals/" role="button" class="btn btn-primary text-lg w-full md:w-64 plausible-event-name=home-header-individuals-cta" data-umami-event="home-header-individuals-cta">{{ i18n "home_header_for_individuals_cta" . }}</a>
+          </div>
+          <div class="flex flex-col gap-2">
+            <p class="block uppercase tracking-wide text-gray-300 text-xs font-bold">{{ i18n "home_header_for_teams_title" . }}</p>
+            <a href="{{ .Site.LanguagePrefix }}/for-teams/" role="button" class="btn btn-primary text-lg w-full md:w-64 plausible-event-name=home-header-teams-cta" data-umami-event="home-header-teams-cta">{{ i18n "home_header_for_teams_cta" . }}</a>
+          </div>
         </div>
       </div>
     </header>