Skip to content

Commit d11b308

Browse files
motdotlamotdotla
committed
free trial badge
1 parent a2b911a commit d11b308

8 files changed

Lines changed: 138 additions & 72 deletions

File tree

‎_includes/components/faq-question.html‎

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

‎_includes/components/faq-yes.html‎

Lines changed: 67 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,67 @@
1+
{% capture faq_yes_items %}
2+
<li>
3+
<span class="design-list-label">Can I <strong>move private keys</strong> off device?</span>
4+
<span class="design-list-meta">Yes</span>
5+
</li>
6+
<li>
7+
<span class="design-list-label">Can I <strong>share access with my team</strong>—not the private key?</span>
8+
<span class="design-list-meta">Yes</span>
9+
</li>
10+
<li>
11+
<span class="design-list-label">Can I <strong>require human approval</strong> before decrypt?</span>
12+
<span class="design-list-meta">Yes</span>
13+
</li>
14+
<li>
15+
<span class="design-list-label">Can I <strong>decrypt from a software enclave</strong>?</span>
16+
<span class="design-list-meta">Yes</span>
17+
</li>
18+
<li>
19+
<span class="design-list-label">Can I <strong>audit every decrypt</strong>?</span>
20+
<span class="design-list-meta">Yes</span>
21+
</li>
22+
<li>
23+
<span class="design-list-label">Can I <strong>control everything</strong> from the API?</span>
24+
<span class="design-list-meta">Yes</span>
25+
</li>
26+
<li>
27+
<span class="design-list-label">Is <strong>Dotenvx free</strong> and open source?</span>
28+
<span class="design-list-meta">Yes</span>
29+
</li>
30+
<li>
31+
<span class="design-list-label">Is <strong>Dotenvx Armor paid</strong>?</span>
32+
<span class="design-list-meta">Yes</span>
33+
</li>
34+
<li>
35+
<span class="design-list-label">Does <strong>Dotenvx Armor</strong> have a free trial?</span>
36+
<span class="design-list-meta">Yes</span>
37+
</li>
38+
<li>
39+
<span class="design-list-label">Is it <strong>safe to commit</strong> an encrypted .env file?</span>
40+
<span class="design-list-meta">Yes</span>
41+
</li>
42+
<li>
43+
<span class="design-list-label">Are <strong>armored keys unlimited</strong> on every plan?</span>
44+
<span class="design-list-meta">Yes</span>
45+
</li>
46+
<li>
47+
<span class="design-list-label">Can I still decrypt if I <strong>exceed included audit events</strong>?</span>
48+
<span class="design-list-meta">Yes</span>
49+
</li>
50+
<li>
51+
<span class="design-list-label">Does Armor record <strong>who accessed what, and when</strong>?</span>
52+
<span class="design-list-meta">Yes</span>
53+
</li>
54+
<li>
55+
<span class="design-list-label">Do secrets stay protected if the <strong>encrypted file is exposed</strong>?</span>
56+
<span class="design-list-meta">Yes</span>
57+
</li>
58+
{% endcapture %}
59+
60+
<section class="radar-section" aria-label="FAQ">
61+
<div class="armor-shell">
62+
{% include components/design-list.html
63+
title="FAQ"
64+
items=faq_yes_items
65+
%}
66+
</div>
67+
</section>

‎_includes/components/pricing/faq.html‎

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

‎_includes/components/pricing/summary.html‎

Lines changed: 25 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
<tr>
77
<th scope="col">Plan</th>
88
<th scope="col" class="design-table-cell--center">Users</th>
9-
<th scope="col" class="design-table-cell--center pricing-summary-retention">Audit retention</th>
9+
<th scope="col" class="design-table-cell--center pricing-summary-retention">Audit Logs</th>
1010
<th scope="col" class="design-table-cell--center pricing-summary-price">Price</th>
1111
<th scope="col" class="design-table-cell--right"></th>
1212
</tr>
@@ -41,10 +41,25 @@
4141
{% assign price_detail = price_cell | append: " billed monthly on a month-to-month plan." %}
4242
{% assign price_tooltip = price_cell | append: " billed month to month" %}
4343
{% assign cta_href = "/signup" %}
44-
{% assign cta_label = "Get " | append: plan_name %}
44+
{% if plan.id == "pro" %}
45+
{% assign cta_label = "Sign Up Free" %}
46+
{% else %}
47+
{% assign cta_label = "Get " | append: plan_name %}
48+
{% endif %}
4549
{% endif %}
4650
<tr>
47-
<th scope="row" class="pricing-summary-plan">{{ plan_name }}</th>
51+
<th scope="row" class="pricing-summary-plan">
52+
<span class="pricing-summary-plan-row">
53+
<span>{{ plan_name }}</span>
54+
{% if plan.id == "pro" %}
55+
{% include components/design-badge.html
56+
label="Free trial"
57+
tone="info"
58+
badge_size="sm"
59+
%}
60+
{% endif %}
61+
</span>
62+
</th>
4863
<td class="design-table-cell--center"><span class="pricing-value-detail" tabindex="0" aria-label="{{ users_detail }}" data-tooltip="{{ users_tooltip }}">{{ users_cell }}</span></td>
4964
<td class="design-table-cell--center pricing-summary-retention"><span class="pricing-value-detail" tabindex="0" aria-label="{{ retention_detail }}" data-tooltip="{{ retention_tooltip }}">{{ retention_cell }}</span></td>
5065
<td class="design-table-cell--center pricing-summary-price"><span class="pricing-value-detail" tabindex="0" aria-label="{{ price_detail }}" data-tooltip="{{ price_tooltip }}">{{ price_cell }}</span></td>
@@ -55,6 +70,13 @@
5570
label=cta_label
5671
class="design-btn--block"
5772
%}
73+
{% elsif plan.id == "pro" %}
74+
{% include components/design-btn-paid.html
75+
href=cta_href
76+
label=cta_label
77+
btn_class="design-btn--block design-btn--trial"
78+
badge=plan.price.display
79+
%}
5880
{% else %}
5981
{% include components/design-btn-paid.html
6082
href=cta_href

‎armor/index.md‎

Lines changed: 12 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@ Turn your keys into Armored Keys ⛨. <span class="armor-hero-desc-line2">Move t
5252
{% capture armor_choice_current %}
5353
<div id="armor-panel-you" class="armor-you-actions">
5454
{% include components/design-btn.html
55-
label="Sign Up"
55+
label="Sign Up Free"
5656
href="/signup"
5757
class="design-btn--trial"
5858
%}
@@ -95,11 +95,19 @@ Turn your keys into Armored Keys ⛨. <span class="armor-hero-desc-line2">Move t
9595

9696
{% include components/armor-usage.html url="https://armor.dotenvx.com/public/usage" %}
9797

98+
{% include components/faq-yes.html %}
99+
98100
<section class="radar-section" aria-label="Next step">
99101
<div class="armor-shell">
100-
{% include components/design-cta-message.html
101-
text="Once the private key isn't on the machine, encrypted .env finally feels finished. That's Armor."
102-
%}
102+
<div class="home-cta">
103+
{% include components/design-cta-message.html
104+
text="Once the private key isn't on the machine, encrypted .env finally feels finished. That's Armor."
105+
%}
106+
{% include components/design-btn.html
107+
label="Sign Up Free ›"
108+
href="https://armor.dotenvx.com/signup"
109+
%}
110+
</div>
103111
</div>
104112
</section>
105113

‎assets/css/main.src.css‎

Lines changed: 32 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1296,11 +1296,13 @@ body.radar-layout {
12961296
2. --design-text-title page titles, CTA messages
12971297
3. --design-text-size body / lists / descriptions
12981298
4. --design-text-compact code, meta, eyebrows, buttons, nav
1299+
5. --design-text-micro badges, tight chips
12991300
*/
13001301
--design-text-display: clamp(2.85rem, 7vw, 4rem);
13011302
--design-text-title: 1.75rem;
13021303
--design-text-size: 15px;
13031304
--design-text-compact: 13px;
1305+
--design-text-micro: 11px;
13041306
--radar-shell: 72rem;
13051307
/* Soft well — terminal amber #c09e3f holds; no light-mode border */
13061308
--design-code-bg: color-mix(in srgb, var(--design-ink) 5%, transparent);
@@ -3274,19 +3276,20 @@ html.dark .design-card--danger {
32743276
color: var(--design-mid);
32753277
display: inline-flex;
32763278
font-family: var(--design-font-mono);
3277-
font-size: var(--design-text-compact);
3279+
font-size: var(--design-text-micro);
32783280
font-weight: 600;
32793281
letter-spacing: 0.1em;
32803282
line-height: 1;
3281-
padding: 0.32rem 0.48rem;
3283+
padding: 0.28rem 0.42rem;
3284+
text-decoration: none;
32823285
text-transform: uppercase;
32833286
white-space: nowrap;
32843287
}
32853288

32863289
.design-badge.design-badge--sm {
3287-
font-size: var(--design-text-compact);
3290+
font-size: var(--design-text-micro);
32883291
letter-spacing: 0.08em;
3289-
padding: 0.18rem 0.32rem;
3292+
padding: 0.16rem 0.3rem;
32903293
}
32913294

32923295
.design-badge.design-badge--plain {
@@ -3839,6 +3842,31 @@ html.dark .design-badge.design-badge--danger {
38393842
text-transform: uppercase;
38403843
}
38413844

3845+
/* Keep plan + metric columns content-sized so CTAs absorb leftover width */
3846+
.pricing-summary .design-table thead th:first-child,
3847+
.pricing-summary .design-table tbody th.pricing-summary-plan {
3848+
padding-right: 0.85rem;
3849+
white-space: nowrap;
3850+
width: 1%;
3851+
}
3852+
3853+
.pricing-summary .design-table thead th:nth-child(2),
3854+
.pricing-summary .design-table tbody td:nth-child(2),
3855+
.pricing-summary .design-table thead th.pricing-summary-retention,
3856+
.pricing-summary .design-table tbody td.pricing-summary-retention,
3857+
.pricing-summary .design-table thead th.pricing-summary-price,
3858+
.pricing-summary .design-table tbody td.pricing-summary-price {
3859+
white-space: nowrap;
3860+
width: 1%;
3861+
}
3862+
3863+
.pricing-summary-plan-row {
3864+
align-items: center;
3865+
display: inline-flex;
3866+
flex-wrap: nowrap;
3867+
gap: 0.45rem;
3868+
}
3869+
38423870
.pricing-plan-label-short {
38433871
display: none;
38443872
}

‎index.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -137,7 +137,7 @@ Designed as a secure dotenv. <span class="home-hero-desc-line2">You can encrypt
137137
text="Once your secrets are in an encrypted git workflow, you'll wonder why you waited so long. It just feels so good."
138138
%}
139139
{% include components/design-btn.html
140-
label="Get Started"
140+
label="Get Started ›"
141141
href="/docs"
142142
%}
143143
</div>

‎pricing/index.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,5 +10,5 @@ layout: radar
1010
{% include components/pricing/compare-access.html %}
1111
{% include components/pricing/compare-audit.html %}
1212
{% include components/pricing/compare-support.html %}
13-
{% include components/pricing/faq.html %}
13+
{% include components/faq-yes.html %}
1414
</div>

0 commit comments

Comments
 (0)