added summer 2025 sale

tobihagemann · tobihagemann · commit 63d9f3001ae3 · 2025-05-26T17:10:57.000+02:00
diff --git a/assets/css/custom.css b/assets/css/custom.css
@@ -200,7 +200,7 @@ textarea:read-only {
 [id]::before {
   content: '';
   display: block;
-  height: 96px;
-  margin-top: -96px;
+  height: 138px;
+  margin-top: -138px;
   visibility: hidden;
 }
diff --git a/content/downloads/android.de.html b/content/downloads/android.de.html
@@ -22,8 +22,10 @@ <h3 class="font-h3 text-lg">Google Play</h3>
       <a href="https://play.google.com/store/apps/details?id=org.cryptomator&hl=de" role="button" data-umami-event="downloads-android-googleplay">
         <img class="h-10 mx-auto lazyload" data-src="/de/img/downloads/googleplay-badge.png">
       </a>
+      <p class="text-sm md:text-base leading-relaxed text-gray-700 rounded bg-primary-l2 p-2 mt-4">☀️ Der Einmalpreis ist um 25 %* reduziert!</p>
     </div>
   </div>
+  <p class="prose prose-sm max-w-none">*Hinweis: Die Höhe des Rabatts kann je nach Region variieren.</p>
 
   <div class="white-box my-4">
     <div class="px-4 py-2 border-b border-primary">
diff --git a/content/downloads/android.en.html b/content/downloads/android.en.html
@@ -24,8 +24,10 @@ <h3 class="font-h3 text-lg">Google Play</h3>
       <a href="https://play.google.com/store/apps/details?id=org.cryptomator&hl=en" role="button" data-umami-event="downloads-android-googleplay">
         <img class="h-10 mx-auto lazyload" data-src="/img/downloads/googleplay-badge.png">
       </a>
+      <p class="text-sm md:text-base leading-relaxed text-gray-700 rounded bg-primary-l2 p-2 mt-4">☀️ One-time price is 25%* off!</p>
     </div>
   </div>
+  <p class="prose prose-sm max-w-none">*Note: The discount amount may vary by region.</p>
 
   <div class="white-box my-4">
     <div class="px-4 py-2 border-b border-primary">
diff --git a/content/downloads/ios.de.html b/content/downloads/ios.de.html
@@ -23,6 +23,8 @@ <h3 class="font-h3 text-lg">App Store</h3>
         <img class="h-10 mx-auto mb-4 lazyload" data-src="/de/img/downloads/appstore-badge.svg">
       </a>
       <p class="font-p text-sm">Eine Vollversion ohne In-App-Käufe für Apple School/Business Manager ist <a class="text-link" href="https://apps.apple.com/de/app/cryptomator-full-version/id1665616242">im App Store</a> erhältlich.</p>
+      <p class="text-sm md:text-base leading-relaxed text-gray-700 rounded bg-primary-l2 p-2 mt-4">☀️ Die lebenslange Lizenz ist um 25 %* reduziert!</p>
     </div>
   </div>
+  <p class="prose prose-sm max-w-none">*Hinweis: Die Höhe des Rabatts kann je nach Region variieren.</p>
 </div>
diff --git a/content/downloads/ios.en.html b/content/downloads/ios.en.html
@@ -23,6 +23,8 @@ <h3 class="font-h3 text-lg">App Store</h3>
         <img class="h-10 mx-auto mb-4 lazyload" data-src="/img/downloads/appstore-badge.svg">
       </a>
       <p class="font-p text-sm">A full version without in-app purchases for Apple School/Business Manager is available <a class="text-link" href="https://apps.apple.com/us/app/cryptomator-full-version/id1665616242">on the App Store</a>.</p>
+      <p class="text-sm md:text-base leading-relaxed text-gray-700 rounded bg-primary-l2 p-2 mt-4">☀️ Lifetime license is 25%* off!</p>
     </div>
   </div>
+  <p class="prose prose-sm max-w-none">*Note: The discount amount may vary by region.</p>
 </div>
diff --git a/i18n/de.yaml b/i18n/de.yaml
@@ -1051,3 +1051,23 @@
   translation: "Verifizierung läuft…"
 - id: altcha_waitAlert
   translation: "Verifizierung läuft… bitte warten."
+
+# Sale
+- id: nav_promotion
+  translation: ":sunny: Summer Sale: 25 %* Rabatt auf Cryptomator – Bis&nbsp;zum&nbsp;30.&nbsp;Juni!&nbsp;<a class=\"whitespace-nowrap font-bold\" href=\"/de/blog/2025/06/01/summer-sale/\">Mehr erfahren&nbsp;<span aria-hidden=\"true\">&rarr;</span></a>"
+- id: sale_off
+  translation: "Rabatt"
+- id: for_individuals_header_kicker_sale
+  translation: "25 %* Rabatt – Summer Sale"
+- id: home_header_kicker_sale
+  translation: "25 %* Rabatt – Summer Sale"
+- id: hub_header_kicker_sale
+  translation: "25 % Rabatt im ersten Jahr – Summer Sale"
+- id: pricing_android_price_discounted
+  translation: "14,99 €"
+- id: pricing_ios_price_discounted
+  translation: "14,99 €"
+- id: pricing_discount_note
+  translation: "Die Höhe des Rabatts kann je nach Region variieren."
+- id: pricing_hub_standard_price_first_year
+  translation: "im ersten Jahr"
diff --git a/i18n/en.yaml b/i18n/en.yaml
@@ -1051,3 +1051,23 @@
   translation: "Verifying…"
 - id: altcha_waitAlert
   translation: "Verifying… please wait."
+
+# Sale
+- id: nav_promotion
+  translation: ":sunny: Summer Sale: 25%* Off Cryptomator – Until&nbsp;June&nbsp;30!&nbsp;<a class=\"whitespace-nowrap font-bold\" href=\"/blog/2025/06/01/summer-sale/\">Learn More&nbsp;<span aria-hidden=\"true\">&rarr;</span></a>"
+- id: sale_off
+  translation: "Off"
+- id: for_individuals_header_kicker_sale
+  translation: "25%* Off – Summer Sale"
+- id: home_header_kicker_sale
+  translation: "25%* Off – Summer Sale"
+- id: hub_header_kicker_sale
+  translation: "25% Off in the First Year – Summer Sale"
+- id: pricing_android_price_discounted
+  translation: "€14.99"
+- id: pricing_ios_price_discounted
+  translation: "€14.99"
+- id: pricing_discount_note
+  translation: "The discount amount may vary by region."
+- id: pricing_hub_standard_price_first_year
+  translation: "in the first year"
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -67,7 +67,7 @@
   </head>
   <body x-data="{ isNavOpen: false, globalData: { githubStargazers: null, mastodonFollowers: null } }" x-init="determineGlobalData('{{ .Site.Language.Lang }}', globalData)" :class="isNavOpen && 'overflow-hidden'" class="bg-dark font-body text-gray-900">
     {{ partial "nav.html" . }}
-    {{- $topPadding := cond .IsHome "" "pt-12" -}}
+    {{- $topPadding := cond .IsHome "" "pt-24 md:pt-18" -}}
     <div class="bg-gray-100 min-h-[80vh] {{ $topPadding }}">
     <!-- Code that all your templates share, like a header -->
     {{ block "main" . }}
diff --git a/layouts/for-individuals/single.html b/layouts/for-individuals/single.html
@@ -13,6 +13,9 @@
             <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>
@@ -22,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>
 
diff --git a/layouts/for-teams/single.html b/layouts/for-teams/single.html
@@ -14,6 +14,9 @@
             <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>
diff --git a/layouts/hub-billing/single.html b/layouts/hub-billing/single.html
@@ -311,6 +311,15 @@ <h2 class="inline-flex px-4 py-1 rounded-full text-sm font-medium tracking-wide
                   {{ i18n "hub_billing_checkout_standard_title" . }}
                 </h2>
                 <div x-show="audience === 'business'">
+                  <p class="flex items-baseline gap-2">
+                    <span x-text="(subscriptionData.monthlyPrice.netAmount * 0.75).toLocaleString('{{ .Site.Language.Lang }}', { style: 'currency', currency: subscriptionData.monthlyPrice.currency })" class="font-bold leading-relaxed"></span>
+                    <span class="text-xs text-gray-700">
+                      {{ i18n "pricing_hub_standard_price_first_year" . }}
+                    </span>
+                    <span class="self-center px-1 rounded-xs text-xs text-white bg-red-600">
+                      -25% Summer Sale
+                    </span>
+                  </p>
                   <p class="flex items-baseline gap-2">
                     <span x-text="subscriptionData.monthlyPrice.netAmount.toLocaleString('{{ .Site.Language.Lang }}', { style: 'currency', currency: subscriptionData.monthlyPrice.currency })" class="text-5xl font-bold"></span>
                     <span class="text-gray-700">{{ i18n "pricing_vat_excluded" . }}</span>
@@ -322,6 +331,15 @@ <h2 class="inline-flex px-4 py-1 rounded-full text-sm font-medium tracking-wide
                   </p>
                 </div>
                 <div x-show="audience === 'consumer'">
+                  <p class="flex items-baseline gap-2">
+                    <span x-text="(subscriptionData.monthlyPrice.grossAmount * 0.75).toLocaleString('{{ .Site.Language.Lang }}', { style: 'currency', currency: subscriptionData.monthlyPrice.currency })" class="font-bold leading-relaxed"></span>
+                    <span class="text-xs text-gray-700">
+                      {{ i18n "pricing_hub_standard_price_first_year" . }}
+                    </span>
+                    <span class="self-center px-1 rounded-xs text-xs text-white bg-red-600">
+                      -25% Summer Sale
+                    </span>
+                  </p>
                   <p class="flex items-baseline gap-2">
                     <span x-text="subscriptionData.monthlyPrice.grossAmount.toLocaleString('{{ .Site.Language.Lang }}', { style: 'currency', currency: subscriptionData.monthlyPrice.currency })" class="text-5xl font-bold"></span>
                     <span class="text-gray-700">{{ i18n "pricing_vat_included" . }}</span>
@@ -382,6 +400,7 @@ <h2 class="inline-flex px-4 py-1 rounded-full text-sm font-medium tracking-wide
                 <h2 class="inline-flex px-4 py-1 rounded-full text-sm font-medium tracking-wide uppercase bg-primary-l2 text-dark mb-4">
                   {{ i18n "hub_billing_checkout_enterprise_title" . }}
                 </h2>
+                <div class="md:h-[26px]"></div>
                 <p class="text-5xl font-bold">
                   {{ i18n "hub_billing_checkout_enterprise_statement" . }}
                 </p>
diff --git a/layouts/index.html b/layouts/index.html
@@ -12,13 +12,17 @@
 {{ end }}
 {{ define "main" }}
   <section class="flex items-center header-bg bg-dark bg-center min-h-[66vh] bg-repeat-x">
-    <header class="container flex items-center text-white py-24 md:py-48 lg:py-64">
+    <header class="container flex items-center text-white pt-40 pb-24 md:pt-56 md:pb-48 lg:pt-72 lg:pb-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" . }}"/>
       </div>
       <div class="w-full md:w-2/3 lg:w-3/5">
         <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-transparent border border-primary text-primary">
+          <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-sun"></i>
+            {{ i18n "home_header_kicker_sale" }}
+          </div>
+          <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>
@@ -50,6 +54,9 @@ <h1 class="font-h1 mb-6">
             <a href="{{ .Site.LanguagePrefix }}/for-teams/" role="button" class="btn btn-primary text-lg w-full md:w-64" data-umami-event="home-header-teams-cta">{{ i18n "home_header_for_teams_cta" . }}</a>
           </div>
         </div>
+        <p class="text-sm mt-6">
+          * {{ i18n "pricing_discount_note" }}
+        </p>
       </div>
     </header>
   </section>
diff --git a/layouts/partials/nav.html b/layouts/partials/nav.html
@@ -4,6 +4,9 @@
 {{- $backgroundColor := cond .IsHome "bg-dark" "bg-white" -}}
 {{- $currentRelPermalink := .RelPermalink -}}
 <nav class="w-full max-h-screen {{ $textColor }} fixed {{ $backgroundColor }} shadow-sm z-50">
+  <div class="w-full bg-primary text-center text-sm text-white p-0.5">
+    <p>{{ i18n "nav_promotion" . | emojify }}</p>
+  </div>
   <div class="flex justify-between items-stretch w-full lg:px-8">
     <!-- Regular Navigation -->
     <div class="flex items-stretch">
diff --git a/layouts/pricing/single.html b/layouts/pricing/single.html
@@ -40,6 +40,7 @@ <h2 class="text-center font-h2 mb-4">
                   Linux
                 </div>
               </div>
+              <div class="lg:h-[26px]"></div>
               <p class="font-bold text-2xl md:text-3xl leading-relaxed">
                 {{ i18n "pricing_free" . }}
               </p>
@@ -84,9 +85,17 @@ <h2 class="text-center font-h2 mb-4">
                   Android
                 </div>
               </div>
+              <p class="flex items-center gap-2">
+                <span class="font-bold leading-relaxed text-gray-500 line-through decoration-red-600">
+                  {{ i18n "pricing_android_price" . }}
+                </span>
+                <span class="px-1 rounded-xs text-xs text-white bg-red-600">
+                  25%<sup>1</sup> {{ i18n "sale_off" . }}
+                </span>
+              </p>
               <p class="flex items-baseline gap-2">
                 <span class="font-bold text-2xl md:text-3xl leading-relaxed">
-                  {{ i18n "pricing_android_price" . }}
+                  {{ i18n "pricing_android_price_discounted" . }}
                 </span>
                 <span class="text-xs md:text-sm text-gray-700">
                   {{ i18n "pricing_vat_included" . }}
@@ -130,6 +139,7 @@ <h2 class="text-center font-h2 mb-4">
               </div>
               <div class="grid grid-cols-2 divide-x divide-gray-300 mb-4">
                 <div class="pr-4">
+                  <div class="lg:h-[26px]"></div>
                   <div class="font-bold text-2xl md:text-3xl leading-relaxed">
                     {{ i18n "pricing_free" . }}
                   </div>
@@ -138,9 +148,17 @@ <h2 class="text-center font-h2 mb-4">
                   </p>
                 </div>
                 <div class="pl-4">
+                  <p class="flex items-center gap-2">
+                    <span class="font-bold leading-relaxed text-gray-500 line-through decoration-red-600">
+                      {{ i18n "pricing_ios_price" . }}
+                    </span>
+                    <span class="px-1 rounded-xs text-xs text-white bg-red-600">
+                      25%<sup>1</sup> {{ i18n "sale_off" . }}
+                    </span>
+                  </p>
                   <p class="flex items-baseline gap-2">
                     <span class="font-bold text-2xl md:text-3xl leading-relaxed">
-                      {{ i18n "pricing_ios_price" . }}
+                      {{ i18n "pricing_ios_price_discounted" . }}
                     </span>
                     <span class="text-xs md:text-sm text-gray-700">
                       {{ i18n "pricing_vat_included" . }}
@@ -178,6 +196,11 @@ <h2 class="text-center font-h2 mb-4">
           </div>
         </section>
 
+        <p class="text-sm text-gray-700">
+          <sup>1</sup>
+          <span>{{ i18n "pricing_discount_note" . }}</span>
+        </p>
+
         <section class="container py-12">
           <header class="text-center">
             <h2 class="font-h2 mb-4">{{ i18n "faq_title" . }}</h2>
@@ -223,6 +246,7 @@ <h3 class="inline-flex px-4 py-1 rounded-full text-xs lg:text-sm font-medium tra
               <p class="block uppercase tracking-wide text-gray-700 text-xs font-bold">
                 {{ i18n "pricing_hub_self_hosted_title" . }}
               </p>
+              <div class="lg:h-[34px]"></div>
               <p class="font-bold text-2xl md:text-3xl lg:text-4xl leading-relaxed">
                 {{ i18n "pricing_free" . }}
               </p>
@@ -286,6 +310,15 @@ <h3 class="inline-flex px-4 py-1 rounded-full text-xs lg:text-sm font-medium tra
                 </span>
               </div>
               <div x-show="infrastructure === 'managed'">
+                <p class="flex items-baseline gap-2 mt-2">
+                  <span x-text="data.managedMonthlyPrice ? (data.managedMonthlyPrice.amount * 0.75).toLocaleString('{{ .Site.Language.Lang }}', { style: 'currency', currency: data.managedMonthlyPrice.currency }) : '…'" class="font-bold leading-relaxed"></span>
+                  <span class="text-xs text-gray-700">
+                    {{ i18n "pricing_hub_standard_price_first_year" . }}
+                  </span>
+                  <span class="self-center px-1 rounded-xs text-xs text-white bg-red-600">
+                    25% {{ i18n "sale_off" . }}
+                  </span>
+                </p>
                 <p class="flex items-baseline gap-2">
                   <span x-text="data.managedMonthlyPrice ? data.managedMonthlyPrice.amount.toLocaleString('{{ .Site.Language.Lang }}', { style: 'currency', currency: data.managedMonthlyPrice.currency }) : '…'" class="font-bold text-2xl md:text-3xl lg:text-4xl leading-relaxed"></span>
                   <span class="text-xs md:text-sm lg:text-base text-gray-700">
@@ -300,6 +333,15 @@ <h3 class="inline-flex px-4 py-1 rounded-full text-xs lg:text-sm font-medium tra
                 </a>
               </div>
               <div x-show="infrastructure === 'self-hosted'">
+                <p class="flex items-baseline gap-2 mt-2">
+                  <span x-text="data.selfHostedMonthlyPrice ? (data.selfHostedMonthlyPrice.amount * 0.75).toLocaleString('{{ .Site.Language.Lang }}', { style: 'currency', currency: data.selfHostedMonthlyPrice.currency }) : '…'" class="font-bold leading-relaxed"></span>
+                  <span class="text-xs text-gray-700">
+                    {{ i18n "pricing_hub_standard_price_first_year" . }}
+                  </span>
+                  <span class="self-center px-1 rounded-xs text-xs text-white bg-red-600">
+                    25% {{ i18n "sale_off" . }}
+                  </span>
+                </p>
                 <p class="flex items-baseline gap-2">
                   <span x-text="data.selfHostedMonthlyPrice ? data.selfHostedMonthlyPrice.amount.toLocaleString('{{ .Site.Language.Lang }}', { style: 'currency', currency: data.selfHostedMonthlyPrice.currency }) : '…'" class="font-bold text-2xl md:text-3xl lg:text-4xl leading-relaxed"></span>
                   <span class="text-xs md:text-sm lg:text-base text-gray-700">
@@ -359,6 +401,7 @@ <h3 class="inline-flex px-4 py-1 rounded-full text-xs lg:text-sm font-medium tra
               <p class="block uppercase tracking-wide text-gray-700 text-xs font-bold">
                 {{ i18n "pricing_hub_managed_title" . }} & {{ i18n "pricing_hub_self_hosted_title" . }}
               </p>
+              <div class="lg:h-[34px]"></div>
               <p class="font-bold text-2xl md:text-3xl lg:text-4xl leading-relaxed">
                 {{ i18n "pricing_hub_enterprise_price" . }}
               </p>
