Skip to content

Commit dc7908d

Browse files
tobihagemanntobihagemann
committed
improved hub cta flow
1 parent fe480c0 commit dc7908d

File tree

10 files changed

+62
-177
lines changed

10 files changed

+62
-177
lines changed

‎content/hub-self-hosted.de.html‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
---
2+
title: "Cryptomator Hub: Self-Hosted"
3+
url: "/de/hub/self-hosted"
4+
type: "hub-self-hosted"
5+
aliases: ["/de/hub/setup"]
6+
---

‎content/hub-self-hosted.en.html‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
---
2+
title: "Cryptomator Hub: Self-Hosted"
3+
url: "/hub/self-hosted"
4+
type: "hub-self-hosted"
5+
aliases: ["/hub/setup"]
6+
---

‎content/hub-setup.de.html‎

Lines changed: 0 additions & 5 deletions
This file was deleted.

‎content/hub-setup.en.html‎

Lines changed: 0 additions & 5 deletions
This file was deleted.

‎i18n/de.yaml‎

Lines changed: 10 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -273,8 +273,14 @@
273273
translation: "Das sichere Arbeiten im Team"
274274
- id: hub_header_description
275275
translation: "Cryptomator Hub erweitert Cryptomator um ein Zero-Knowledge Schlüsselmanagement für Teams und Organisationen. Es lässt sich leicht in dein bestehendes Identitätsmanagement integrieren, einschließlich OpenID Connect, SAML und LDAP. Dein Lieblingscloudservice bleibt wie gewohnt deine freie Wahl."
276-
- id: hub_header_cta
277-
translation: "Jetzt loslegen"
276+
- id: hub_header_managed_title
277+
translation: "Managed"
278+
- id: hub_header_managed_cta
279+
translation: "Jetzt registrieren"
280+
- id: hub_header_self_hosted_title
281+
translation: "Self-Hosted"
282+
- id: hub_header_self_hosted_cta
283+
translation: "Jetzt einrichten"
278284
- id: hub_header_group_magic_alt
279285
translation: "Cryptobot verbindet eine Gruppe von Menschen mit seinen magischen Fähigkeiten durch Zero-Knowledge-Verschlüsselung"
280286

@@ -334,10 +340,8 @@
334340
translation: "pro Sitz, pro Monat"
335341
- id: hub_pricing_managed_cta
336342
translation: "Jetzt registrieren"
337-
- id: hub_pricing_self_hosted_cta_1
338-
translation: "Docs"
339-
- id: hub_pricing_self_hosted_cta_2
340-
translation: "Setup Wizard"
343+
- id: hub_pricing_self_hosted_cta
344+
translation: "Jetzt einrichten"
341345
- id: hub_pricing_standard_benefit_1
342346
translation: "Alles in Community"
343347
- id: hub_pricing_standard_benefit_2

‎i18n/en.yaml‎

Lines changed: 10 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -275,8 +275,14 @@
275275
translation: "The secure way to work in teams"
276276
- id: hub_header_description
277277
translation: "Cryptomator Hub adds zero-knowledge key management for teams and organizations to Cryptomator. It easily integrates into your existing identity management incl. OpenID Connect, SAML, and LDAP. As usual, your favorite cloud service remains your free choice."
278-
- id: hub_header_cta
279-
translation: "Get Started"
278+
- id: hub_header_managed_title
279+
translation: "Managed"
280+
- id: hub_header_managed_cta
281+
translation: "Register Now"
282+
- id: hub_header_self_hosted_title
283+
translation: "Self-Hosted"
284+
- id: hub_header_self_hosted_cta
285+
translation: "Deploy Now"
280286
- id: hub_header_group_magic_alt
281287
translation: "Cryptobot connects a group of people with its magical abilities through zero-knowledge encryption"
282288

@@ -336,10 +342,8 @@
336342
translation: "per seat, per month"
337343
- id: hub_pricing_managed_cta
338344
translation: "Register Now"
339-
- id: hub_pricing_self_hosted_cta_1
340-
translation: "Docs"
341-
- id: hub_pricing_self_hosted_cta_2
342-
translation: "Setup Wizard"
345+
- id: hub_pricing_self_hosted_cta
346+
translation: "Jetzt einrichten"
343347
- id: hub_pricing_standard_benefit_1
344348
translation: "Everything in Community"
345349
- id: hub_pricing_standard_benefit_2

‎layouts/hub-managed/single.html‎

Lines changed: 0 additions & 132 deletions
Original file line numberDiff line numberDiff line change
@@ -100,134 +100,6 @@ <h3 class="font-headline text-lg md:text-xl leading-relaxed">
100100
{{ partial "hub-managed-low-quantity.html" (dict "context" . "Site" $.Site "isOpen" "lowQuantityModalIsOpen" "quantity" "submitData.quantity" "hubManaged" "hubManaged") }}
101101
</section>
102102

103-
<section x-data="{data: {selfHostedMonthlyPrice: null, managedMonthlyPrice: null}}" x-init="new HubPricing(data).loadPrice()" class="container py-12">
104-
<header class="text-center">
105-
<h2 class="font-headline font-medium text-xl md:text-2xl leading-snug mb-4">{{ i18n "hub_managed_pricing_title" . }}</h2>
106-
<p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">{{ i18n "hub_managed_pricing_description" . }}</p>
107-
</header>
108-
109-
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
110-
<div class="rounded shadow bg-white">
111-
<div class="p-4 border-b border-primary">
112-
<h3 class="inline-flex px-4 py-1 rounded-full text-xs lg:text-sm font-medium tracking-wide uppercase bg-primary-l2 text-dark mb-4">
113-
{{ i18n "hub_billing_checkout_standard_title" . }}
114-
</h3>
115-
<p class="flex items-baseline gap-2">
116-
<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>
117-
<span class="text-xs md:text-sm lg:text-base text-gray-700">{{ i18n "hub_pricing_vat_excluded" . }}</span>
118-
</p>
119-
<p class="text-sm md:text-base lg:text-lg text-gray-500 mb-4">
120-
{{ i18n "hub_billing_checkout_standard_description" . }}
121-
</p>
122-
</div>
123-
<div class="px-4 py-8">
124-
<ul role="list" class="fa-ul text-sm lg:text-base ml-7 lg:ml-8 space-y-4">
125-
<li>
126-
<span class="fa-li"><i class="fas fa-check text-primary"></i></span>
127-
<span>{{ i18n "hub_pricing_community_benefit_1" . }}</span>
128-
</li>
129-
<li>
130-
<span class="fa-li"><i class="fas fa-check text-primary"></i></span>
131-
<span>{{ i18n "hub_pricing_standard_benefit_2" . }}</span>
132-
</li>
133-
<li>
134-
<span class="fa-li"><i class="fas fa-check text-primary"></i></span>
135-
<span>{{ i18n "hub_pricing_community_benefit_3" . }}</span>
136-
</li>
137-
<li>
138-
<span class="fa-li"><i class="fas fa-check text-primary"></i></span>
139-
<span>{{ i18n "hub_pricing_standard_benefit_3" . }}</span>
140-
<span><sup>1</sup></span>
141-
<div class="has-tooltip">
142-
<i class="fas fa-info-circle fa-fw text-gray-600"></i>
143-
<div class="tooltip tooltip-center rounded shadow-md bg-white text-xs w-40 p-2">{{ i18n "hub_pricing_standard_benefit_3_tooltip" . }}</div>
144-
</div>
145-
</li>
146-
<li>
147-
<span class="fa-li"><i class="fas fa-check text-primary"></i></span>
148-
<span>{{ i18n "hub_pricing_standard_benefit_4" . }}</span>
149-
</li>
150-
<li>
151-
<span class="fa-li"><i class="fas fa-check text-primary"></i></span>
152-
<span>{{ i18n "hub_pricing_managed_standard_benefit_2" . }}</span>
153-
</li>
154-
<li>
155-
<span class="fa-li"><i class="fas fa-check text-primary"></i></span>
156-
<span>{{ i18n "hub_pricing_standard_benefit_5" . }}</span>
157-
</li>
158-
</ul>
159-
</div>
160-
</div>
161-
<div class="rounded shadow bg-white">
162-
<div class="p-4 border-b border-primary">
163-
<h3 class="inline-flex px-4 py-1 rounded-full text-xs lg:text-sm font-medium tracking-wide uppercase bg-primary-l2 text-dark mb-4">
164-
{{ i18n "hub_pricing_enterprise_title" . }}
165-
</h3>
166-
<p class="font-bold text-2xl md:text-3xl lg:text-4xl leading-relaxed">
167-
{{ i18n "hub_pricing_enterprise_statement" . }}
168-
</p>
169-
<p class="text-sm md:text-base lg:text-lg text-gray-500 mb-4">
170-
{{ i18n "hub_pricing_enterprise_description" . }}
171-
</p>
172-
</div>
173-
<div class="px-4 py-8">
174-
<ul role="list" class="fa-ul text-sm lg:text-base ml-7 lg:ml-8 space-y-4">
175-
<li>
176-
<span class="fa-li"><i class="fas fa-plus text-primary"></i></span>
177-
<span>{{ i18n "hub_pricing_enterprise_benefit_1" . }}</span>
178-
</li>
179-
<li>
180-
<span class="fa-li"><i class="fas fa-check text-primary"></i></span>
181-
<span>{{ i18n "hub_pricing_enterprise_benefit_2" . }}</span>
182-
</li>
183-
<li>
184-
<span class="fa-li"><i class="fas fa-check text-primary"></i></span>
185-
<span>{{ i18n "hub_pricing_managed_enterprise_benefit_1" . }}</span>
186-
</li>
187-
<li>
188-
<span class="fa-li"><i class="fas fa-check text-primary"></i></span>
189-
<span>{{ i18n "hub_pricing_managed_enterprise_benefit_2" . }}</span>
190-
</li>
191-
<li>
192-
<span class="fa-li"><i class="fas fa-check text-primary"></i></span>
193-
<span>{{ i18n "hub_pricing_enterprise_benefit_3" . }}</span>
194-
</li>
195-
<li>
196-
<span class="fa-li"><i class="fas fa-check text-primary"></i></span>
197-
<span>{{ i18n "hub_pricing_enterprise_benefit_4" . }}</span>
198-
</li>
199-
</ul>
200-
</div>
201-
</div>
202-
</div>
203-
204-
<p class="text-sm text-gray-700">
205-
<sup>1</sup>
206-
<span>{{ i18n "hub_pricing_coming_later" . }}</span>
207-
</p>
208-
</section>
209-
210-
<section class="container py-12">
211-
<header class="text-center">
212-
<h2 id="faq" class="font-headline font-medium text-xl md:text-2xl leading-snug mb-4">{{ i18n "faq_title" . }}</h2>
213-
</header>
214-
215-
{{- $data := index $.Site.Data $.Site.Language.Lang }}
216-
<dl x-data="{isOpen: [{{ range $i, $e := $data.hub_faq }}{{ if $i }}, {{ end }}false{{ end }}]}" class="rounded shadow bg-white divide-y divide-gray-200 max-w-3xl mx-auto">
217-
{{- range $index, $element := $data.hub_faq }}
218-
<dt class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
219-
<a class="flex items-center" href="#" @click.prevent="isOpen[{{ $index }}] = !isOpen[{{ $index }}]">
220-
<i :class="{ 'fa-chevron-circle-right': !isOpen[{{ $index }}], 'fa-chevron-circle-down': isOpen[{{ $index }}] }" class="flex-shrink-0 fas fa-fw text-gray-600 mr-2"></i>
221-
<span>{{ .Question }}</span>
222-
</a>
223-
</dt>
224-
<dd x-show="isOpen[{{ $index }}]" class="prose prose-sm md:prose max-w-none md:max-w-none p-4">
225-
{{ .Answer | markdownify }}
226-
</dd>
227-
{{- end }}
228-
</dl>
229-
</section>
230-
231103
<section class="container text-center pt-12 pb-24">
232104
<h2 class="font-headline font-medium text-xl md:text-2xl leading-snug mb-4">{{ i18n "hub_managed_contact_us_title" . }}</h2>
233105
<p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">{{ i18n "hub_managed_contact_us_description" . | safeHTML }}</p>
@@ -241,17 +113,13 @@ <h2 class="font-headline font-medium text-xl md:text-2xl leading-snug mb-4">{{ i
241113
<script type="text/javascript" src="{{ $storeJs.RelPermalink }}" defer></script>
242114
{{ $hubManagedJs := resources.Get "js/hubmanaged.js" }}
243115
<script type="text/javascript" src="{{ $hubManagedJs.RelPermalink }}" defer></script>
244-
{{ $hubPricingJs := resources.Get "js/hubpricing.js" }}
245-
<script type="text/javascript" src="{{ $hubPricingJs.RelPermalink }}" defer></script>
246116
{{ $recaptchaJs := resources.Get "js/recaptcha.js" }}
247117
<script type="text/javascript" src="{{ $recaptchaJs.RelPermalink }}" defer></script>
248118
{{ else }}
249119
{{ $storeJs := resources.Get "js/store.js" | minify | fingerprint }}
250120
<script type="text/javascript" src="{{ $storeJs.RelPermalink }}" integrity="{{ $storeJs.Data.Integrity }}" defer></script>
251121
{{ $hubManagedJs := resources.Get "js/hubmanaged.js" | minify | fingerprint }}
252122
<script type="text/javascript" src="{{ $hubManagedJs.RelPermalink }}" integrity="{{ $hubManagedJs.Data.Integrity }}" defer></script>
253-
{{ $hubPricingJs := resources.Get "js/hubpricing.js" | minify | fingerprint }}
254-
<script type="text/javascript" src="{{ $hubPricingJs.RelPermalink }}" integrity="{{ $hubPricingJs.Data.Integrity }}" defer></script>
255123
{{ $recaptchaJs := resources.Get "js/recaptcha.js" | minify | fingerprint }}
256124
<script type="text/javascript" src="{{ $recaptchaJs.RelPermalink }}" integrity="{{ $recaptchaJs.Data.Integrity }}" defer></script>
257125
{{ end }}

‎layouts/hub-setup/single.html‎ renamed to ‎layouts/hub-self-hosted/single.html‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -303,16 +303,16 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
303303
</div>
304304
</div>
305305
</section>
306-
307-
<!-- CONTACT -->
308-
<section class="container text-center py-12">
309-
<h2 class="font-headline font-medium text-xl md:text-2xl leading-snug mb-4">{{ i18n "hub_setup_contact_us_title" . }}</h2>
310-
<p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">{{ i18n "hub_setup_contact_us_description" . | safeHTML }}</p>
311-
<a href="mailto:[email protected]" role="button" class="btn btn-outline-primary px-8">
312-
<i class="fas fa-envelope"></i> {{ i18n "hub_setup_contact_us_button" . }}
313-
</a>
314-
</section>
315306
</div>
307+
308+
<!-- CONTACT -->
309+
<section class="container text-center py-12">
310+
<h2 class="font-headline font-medium text-xl md:text-2xl leading-snug mb-4">{{ i18n "hub_setup_contact_us_title" . }}</h2>
311+
<p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">{{ i18n "hub_setup_contact_us_description" . | safeHTML }}</p>
312+
<a href="mailto:[email protected]" role="button" class="btn btn-outline-primary px-8">
313+
<i class="fas fa-envelope"></i> {{ i18n "hub_setup_contact_us_button" . }}
314+
</a>
315+
</section>
316316
</div>
317317

318318
{{ $jsYaml := resources.Get "js/js-yaml/js-yaml.min.js" | fingerprint }}

‎layouts/hub/single.html‎

Lines changed: 19 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,16 @@
1313
</div>
1414
<h1 class="font-headline font-medium text-3xl md:text-4xl leading-tight mb-6">{{ i18n "hub_header_title" . | safeHTML }}</h1>
1515
<p class="text-lg md:text-xl leading-relaxed text-gray-700 mb-6">{{ i18n "hub_header_description" . | safeHTML }}</p>
16-
<a href="{{ .Site.LanguagePrefix }}/hub/#pricing-plans" role="button" class="btn btn-primary text-lg px-8 mb-4">{{ i18n "hub_header_cta" . }}</a>
16+
<div class="flex flex-col md:flex-row gap-6">
17+
<div class="flex flex-col gap-2">
18+
<p class="block uppercase tracking-wide text-gray-700 text-xs font-bold">{{ i18n "hub_header_managed_title" . }}</p>
19+
<a href="{{ .Site.LanguagePrefix }}/hub/managed/" role="button" class="btn btn-primary text-lg px-8">{{ i18n "hub_header_managed_cta" . }}</a>
20+
</div>
21+
<div class="flex flex-col gap-2">
22+
<p class="block uppercase tracking-wide text-gray-700 text-xs font-bold">{{ i18n "hub_header_self_hosted_title" . }}</p>
23+
<a href="{{ .Site.LanguagePrefix }}/hub/self-hosted/" role="button" class="btn btn-primary text-lg px-8">{{ i18n "hub_header_self_hosted_cta" . }}</a>
24+
</div>
25+
</div>
1726
</div>
1827
</header>
1928
</section>
@@ -89,7 +98,7 @@ <h3 class="inline-flex px-4 py-1 rounded-full text-xs lg:text-sm font-medium tra
8998
<p class="text-sm md:text-base lg:text-lg text-gray-500 mb-4">
9099
{{ i18n "hub_pricing_standard_description" . }}
91100
</p>
92-
<a href="{{ .Site.LanguagePrefix }}/hub/managed/" role="button" class="btn btn-primary w-full lg:w-1/2 mb-4">
101+
<a href="{{ .Site.LanguagePrefix }}/hub/managed/" role="button" class="btn btn-primary w-full lg:w-1/2">
93102
{{ i18n "hub_pricing_managed_cta" . }}
94103
</a>
95104
</div>
@@ -142,7 +151,7 @@ <h3 class="inline-flex px-4 py-1 rounded-full text-xs lg:text-sm font-medium tra
142151
<p class="text-sm md:text-base lg:text-lg text-gray-500 mb-4">
143152
{{ i18n "hub_pricing_enterprise_description" . }}
144153
</p>
145-
<a href="mailto:[email protected]" role="button" class="btn btn-primary w-full lg:w-1/2 mb-4">
154+
<a href="mailto:[email protected]" role="button" class="btn btn-primary w-full lg:w-1/2">
146155
<i class="fas fa-envelope"></i>
147156
{{ i18n "hub_pricing_enterprise_cta" . }}
148157
</a>
@@ -190,10 +199,9 @@ <h3 class="inline-flex px-4 py-1 rounded-full text-xs lg:text-sm font-medium tra
190199
<p class="text-sm md:text-base lg:text-lg text-gray-500 mb-4">
191200
{{ i18n "hub_pricing_community_description" . }}
192201
</p>
193-
<div class="flex gap-2 mb-4">
194-
<a href="https://docs.cryptomator.org/en/latest/hub/setup/" role="button" class="flex-1 md:flex-auto lg:flex-1 btn btn-primary text-sm lg:text-base">{{ i18n "hub_pricing_self_hosted_cta_1" . }}</a>
195-
<a href="{{ .Site.LanguagePrefix }}/hub/setup/" role="button" class="flex-1 md:flex-auto lg:flex-1 btn btn-outline-primary text-sm lg:text-base">{{ i18n "hub_pricing_self_hosted_cta_2" . }}</a>
196-
</div>
202+
<a href="{{ .Site.LanguagePrefix }}/hub/self-hosted/" role="button" class="btn btn-primary w-full">
203+
{{ i18n "hub_pricing_self_hosted_cta" . }}
204+
</a>
197205
</div>
198206
<div class="px-4 py-8">
199207
<ul role="list" class="fa-ul text-sm lg:text-base ml-7 lg:ml-8 space-y-4">
@@ -237,10 +245,9 @@ <h3 class="inline-flex px-4 py-1 rounded-full text-xs lg:text-sm font-medium tra
237245
<p class="text-sm md:text-base lg:text-lg text-gray-500 mb-4">
238246
{{ i18n "hub_pricing_standard_description" . }}
239247
</p>
240-
<div class="flex gap-2 mb-4">
241-
<a href="https://docs.cryptomator.org/en/latest/hub/setup/" role="button" class="flex-1 md:flex-auto lg:flex-1 btn btn-primary text-sm lg:text-base">{{ i18n "hub_pricing_self_hosted_cta_1" . }}</a>
242-
<a href="{{ .Site.LanguagePrefix }}/hub/setup/" role="button" class="flex-1 md:flex-auto lg:flex-1 btn btn-outline-primary text-sm lg:text-base">{{ i18n "hub_pricing_self_hosted_cta_2" . }}</a>
243-
</div>
248+
<a href="{{ .Site.LanguagePrefix }}/hub/self-hosted/" role="button" class="btn btn-primary w-full">
249+
{{ i18n "hub_pricing_self_hosted_cta" . }}
250+
</a>
244251
</div>
245252
<div class="px-4 py-8">
246253
<ul role="list" class="fa-ul text-sm lg:text-base ml-7 lg:ml-8 space-y-4">
@@ -283,7 +290,7 @@ <h3 class="inline-flex px-4 py-1 rounded-full text-xs lg:text-sm font-medium tra
283290
<p class="text-sm md:text-base lg:text-lg text-gray-500 mb-4">
284291
{{ i18n "hub_pricing_enterprise_description" . }}
285292
</p>
286-
<a href="mailto:[email protected]" role="button" class="btn btn-primary w-full text-sm lg:text-base mb-4">
293+
<a href="mailto:[email protected]" role="button" class="btn btn-primary w-full">
287294
<i class="fas fa-envelope"></i>
288295
{{ i18n "hub_pricing_enterprise_cta" . }}
289296
</a>

‎layouts/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,11 +13,11 @@ <h1 class="font-headline font-medium text-3xl md:text-4xl leading-tight mb-6">{{
1313
<div class="flex flex-col md:flex-row gap-6">
1414
<div class="flex flex-col gap-2">
1515
<p class="block uppercase tracking-wide text-gray-300 text-xs font-bold">{{ i18n "home_get_started_for_individuals_title" . }}</p>
16-
<a href="{{ .Site.LanguagePrefix }}/downloads/" role="button" class="btn btn-primary text-lg px-8 mb-4">{{ i18n "home_get_started_for_individuals_cta" . }}</a>
16+
<a href="{{ .Site.LanguagePrefix }}/downloads/" role="button" class="btn btn-primary text-lg px-8">{{ i18n "home_get_started_for_individuals_cta" . }}</a>
1717
</div>
1818
<div class="flex flex-col gap-2">
1919
<p class="block uppercase tracking-wide text-gray-300 text-xs font-bold">{{ i18n "home_get_started_for_teams_title" . }}</p>
20-
<a href="{{ .Site.LanguagePrefix }}/hub/" role="button" class="btn btn-primary text-lg px-8 mb-4">{{ i18n "home_get_started_for_teams_cta" . }}</a>
20+
<a href="{{ .Site.LanguagePrefix }}/hub/" role="button" class="btn btn-primary text-lg px-8">{{ i18n "home_get_started_for_teams_cta" . }}</a>
2121
</div>
2222
</div>
2323
</div>

0 commit comments

Comments
 (0)