Add Hub 1.5.0 Early Access pill to for-teams page and normalize hero min-height

Author: tobihagemann

i18n/de.yaml

@@ -35,7 +35,7 @@
 - id: accept_hub_newsletter_optional
   translation: "Ich bin damit einverstanden, Neuigkeiten von Cryptomator Hub per E-Mail zu erhalten (optional)."
 - id: accept_hub_managed_early_access_optional
-  translation: "<span class=\"inline-flex px-2 py-0.5 rounded-full text-xs font-medium uppercase bg-primary-l2 text-dark\">BETA</span> <a class=\"text-link\" href=\"https://docs.cryptomator.org/hub/early-access/\" target=\"_blank\">Early Access von Cryptomator Hub 1.5.0</a> mit brandneuen Features und einer verlängerten 100-Tage-Testphase testen (optional)."
+  translation: "<span class=\"inline-flex px-2 py-0.5 rounded-full text-xs font-medium uppercase bg-primary-l2 text-dark\">BETA</span> <a class=\"text-link\" href=\"https://docs.cryptomator.org/hub/early-access/\" target=\"_blank\">Early Access von Cryptomator Hub 1.5.0</a> mit brandneuen Features und einer verlängerten kostenlosen 100-Tage-Testphase testen (optional)."
 - id: accept_privacy
   translation: "Ich akzeptiere die <a class=\"text-link\" href=\"/de/privacy/\">Datenschutzerklärung</a>."
 - id: accept_privacy_implicitly
@@ -386,6 +386,10 @@
   translation: "Jetzt anmelden"
 - id: hub_header_managed_cta_description
   translation: "Startet eure kostenlose 30-Tage-Testversion noch heute, keine Kreditkarte erforderlich."
+- id: hub_header_kicker_early_access
+  translation: "Hub 1.5.0 Early Access*"
+- id: hub_header_early_access_note
+  translation: "<a class=\"text-link\" href=\"https://docs.cryptomator.org/hub/early-access/\" target=\"_blank\">Early Access</a> beinhaltet brandneue Features und eine verlängerte kostenlose 100-Tage-Testphase."
 - id: hub_header_group_magic_alt
   translation: "Cryptobot verbindet eine Gruppe von Menschen mit seinen magischen Fähigkeiten durch Zero-Knowledge-Verschlüsselung"
 

i18n/en.yaml

@@ -35,7 +35,7 @@
 - id: accept_hub_newsletter_optional
   translation: "I agree to get updates from Cryptomator Hub via email (optional)."
 - id: accept_hub_managed_early_access_optional
-  translation: "<span class=\"inline-flex px-2 py-0.5 rounded-full text-xs font-medium uppercase bg-primary-l2 text-dark\">BETA</span> Try out <a class=\"text-link\" href=\"https://docs.cryptomator.org/hub/early-access/\" target=\"_blank\">early access of Cryptomator Hub 1.5.0</a> with brand new features and an extended 100-day trial (optional)."
+  translation: "<span class=\"inline-flex px-2 py-0.5 rounded-full text-xs font-medium uppercase bg-primary-l2 text-dark\">BETA</span> Try out <a class=\"text-link\" href=\"https://docs.cryptomator.org/hub/early-access/\" target=\"_blank\">early access of Cryptomator Hub 1.5.0</a> with brand new features and an extended 100-day free trial (optional)."
 - id: accept_privacy
   translation: "I accept the <a class=\"text-link\" href=\"/privacy/\" target=\"_blank\">Privacy Policy</a>."
 - id: accept_privacy_implicitly
@@ -386,6 +386,10 @@
   translation: "Sign Up Now"
 - id: hub_header_managed_cta_description
   translation: "Start your free 30-day trial today, no credit card required."
+- id: hub_header_kicker_early_access
+  translation: "Hub 1.5.0 Early Access*"
+- id: hub_header_early_access_note
+  translation: "<a class=\"text-link\" href=\"https://docs.cryptomator.org/hub/early-access/\" target=\"_blank\">Early access</a> includes brand new features and an extended 100-day free trial."
 - id: hub_header_group_magic_alt
   translation: "Cryptobot connects a group of people with its magical abilities through zero-knowledge encryption"
 

layouts/for-teams/single.html

@@ -4,7 +4,7 @@
   {{ partial "altcha-css.html" . }}
 {{ end }}
 {{ define "main" }}
-  <section class="flex items-center min-h-[66vh]">
+  <section class="flex items-center md:min-h-[66vh]">
     <header class="container flex items-center py-12 md:py-16 lg:py-20">
       <div class="hidden pr-6 md:block md:w-1/3 lg:w-2/5">
         <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" . }}"/>
@@ -15,13 +15,19 @@
             <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_early_access" . }}
+          </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>
         <div class="flex flex-col md:flex-row gap-6 mb-4">
           <a href="{{ .Site.LanguagePrefix }}/hub/managed/" role="button" class="btn btn-primary text-lg w-full md:w-64" data-umami-event="hub-header-managed-cta">{{ i18n "hub_header_managed_cta" . }}</a>
         </div>
         <p class="font-p">{{ i18n "hub_header_managed_cta_description" . | safeHTML }}</p>
+        <p class="text-sm mt-6">
+          * {{ i18n "hub_header_early_access_note" . | safeHTML }}
+        </p>
       </div>
     </header>
   </section>

layouts/index.html

@@ -13,7 +13,7 @@
 {{ end }}
 {{ define "main" }}
   {{- $homeHeroPadding := cond (.Scratch.Get "anniversaryBannerActive") "pt-28 md:pt-0" "" -}}
-  <section class="flex items-center header-bg bg-dark bg-center min-h-[66vh] bg-repeat-x {{ $homeHeroPadding }}">
+  <section class="flex items-center header-bg bg-dark bg-center md:min-h-[66vh] bg-repeat-x {{ $homeHeroPadding }}">
     <header class="container flex items-center text-white py-24 md:py-48 lg:py-64">
       <div class="hidden pr-6 md:block md:w-1/3 lg:w-2/5">
         <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" . }}"/>