Skip to content

Commit 35d2e11

Browse files
committed
feat(welcome): Show improved 3-year plans on Welcome page upon signup.
1 parent ba2d5a0 commit 35d2e11

File tree

3 files changed

+26
-21
lines changed

3 files changed

+26
-21
lines changed

src/app/account-app/account-upgrades.component.html

Lines changed: 17 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -21,10 +21,10 @@ <h3>
2121
By subscribing to Runbox you support an independent and sustainable business in Norway, where your email will stay secure and private indefinitely.
2222
</p>
2323
<p>
24-
To view your existing subscriptions, please go to <a routerLink="/account/subscriptions">Your Subscriptions</a>.
24+
Feel free to contact us via <a href="https://support.runbox.com" target="support">Runbox Support</a> if you have any questions about our plans.
2525
</p>
2626
<p>
27-
Feel free to contact us via <a href="https://support.runbox.com" target="support">Runbox Support</a> if you have any questions about our plans.
27+
To view your existing subscriptions, please go to <a routerLink="/account/subscriptions">Your Subscriptions</a>.
2828
</p>
2929

3030
<div class="navigationButtons">
@@ -75,13 +75,16 @@ <h1 style="margin: 10px 0 20px 0">One extra year for free!</h1>
7575
</div>
7676
-->
7777

78-
<a id="recommended"><h3>Our recommended plans</h3></a>
78+
<a id="recommended"><h3>Our Recommended Plans</h3></a>
7979

8080
<p>
81-
We offer a 20% discount on all our plans if you renew for 3 years, which locks in the current price for your entire selected subcription period. To review and compare all our plans, please see the table further down.
81+
We currently offer a 20% discount on all our main account plans when you subscribe or renew for 3 years at a time.
8282
</p>
83+
<p>
84+
Lock in the current price for less than the price of a cup of coffee per month!
85+
<p>
8386

84-
<br /><br />
87+
<br />
8588

8689
<div *ngIf="three_year_plans | async as three_year_plans; else productsLoading">
8790
<div *ngIf="orig_three_plans | async as orig_three_plans; else productsLoading">
@@ -90,6 +93,7 @@ <h1 style="margin: 10px 0 20px 0">One extra year for free!</h1>
9093
<!-- Mini 3-year plan -->
9194

9295
<mat-card *ngFor="let plan of three_year_plans; index as i" class="productCardFeatured {{ plan.subtype === 'medium3' ? 'recommended' : '' }}">
96+
9397
<mat-card-title class="{{ plan.subtype }}" [ngClass]="{'themePaletteDarkGray': over_quota.length > 0}">
9498
{{ plan.name.replace('Runbox', '') }}
9599
</mat-card-title>
@@ -99,7 +103,7 @@ <h4><span *ngIf="is_current_subscription"> Your current subscription </span></h4
99103
<mat-card-content>
100104
<div>
101105
<p *ngIf="plan.subtype === 'mini3'">An affordable plan if you don't need a lot of email or file storage.</p>
102-
<p *ngIf="plan.subtype === 'medium3'">Our recommended plan with plenty of email and file storage, suitable for most people.</p>
106+
<p *ngIf="plan.subtype === 'medium3'">Suitable for most people, a popular plan with plenty of email and file storage.</p>
103107
<p *ngIf="plan.subtype === 'max3'">A solid plan built to last, perfect for professionals and businesses.</p>
104108
<ul class="planComponents">
105109
<li>{{ plan.quotas.Disk.quota / 1024 / 1024 / 1024 }} GB email storage space</li>
@@ -135,12 +139,12 @@ <h4 *ngFor="let us of addon_usages">
135139
(click)="order(plan)"
136140
class="purchaseButtonFeatured {{ plan.subtype }}"
137141
>
138-
<span *ngIf="me.is_trial">Subscribe</span>
142+
<span *ngIf="me.is_trial">Subscribe for</span>
139143
<span *ngIf="!me.is_trial && me.subscription === undefined">Purchase for</span>
140144
<span *ngIf="!me.is_trial && (orig_three_plans[i].pid === me.subscription || plan.pid === me.subscription)">Renew for</span>
141145
<span *ngIf="!me.is_trial && plan.quotas.Disk.quota > current_sub.quotas.Disk.quota">Upgrade to</span>
142146
<span *ngIf="!me.is_trial && plan.quotas.Disk.quota < current_sub.quotas.Disk.quota">Downgrade to</span>
143-
{{ plan.currency.replace("USD","$") || "$" }} {{ plan.price | number:'1.2-2' }}
147+
{{ plan.currency.replace("USD","$") }}{{ plan.price | number:'1.2-2' }}
144148
</button>
145149
<ng-template #unpurchase>
146150
<button mat-raised-button
@@ -153,8 +157,9 @@ <h4 *ngFor="let us of addon_usages">
153157
</ng-template>
154158
</mat-card-actions>
155159
<div>
156-
Price per year: {{ plan.currency.replace("USD","$") || "$" }} {{ plan.price / 3 | number:'1.2-2' }} <br />
157-
Annual price per GB: {{ plan.currency.replace("USD","$") || "$" }} {{ plan.price / 3 / ((plan.quotas.Disk.quota + plan.quotas.File.quota) / 1024 / 1024 / 1024) | number:'1.2-2' }}
160+
Price per year: {{ plan.currency.replace("USD","$") }}{{ plan.price / 3 | number:'1.2-2' }} <br />
161+
Price per month: {{ plan.currency.replace("USD","$") }}{{ plan.price / 3 / 12 | number:'1.2-2' }} <br />
162+
Annual price per GB: {{ plan.currency.replace("USD","$") }}{{ plan.price / 3 / ((plan.quotas.Disk.quota + plan.quotas.File.quota) / 1024 / 1024 / 1024) | number:'1.2-2' }}
158163
</div>
159164

160165
</mat-card>
@@ -170,7 +175,7 @@ <h4 *ngFor="let us of addon_usages">
170175

171176
<br /><br />
172177

173-
<a id="compare"><h3>All our price plans</h3></a>
178+
<a id="compare"><h3>All Main Account Price Plans</h3></a>
174179

175180
<p>
176181
Compare all our main account plans for 1 and 3 years in the table below.
@@ -301,7 +306,7 @@ <h2> <a id="subaccounts">Sub-Accounts (additional accounts)</a> </h2>
301306
</p>
302307

303308
<div class="productGrid" *ngIf="subaccounts | async as subaccounts; else addonsLoading">
304-
<app-account-product *ngFor="let p of subaccounts" class="productCard" [p]="p" [currency]="me.currency" [usage]="q_usage">
309+
<app-account-product *ngFor="let p of subaccounts" class="productCard" [p]="p" [currency]="me.currency.replace('USD','$')" [usage]="q_usage">
305310
</app-account-product>
306311
</div>
307312

src/app/account-app/account-upgrades.component.scss

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@
3838
}
3939

4040
.productCardFeatured {
41-
height: 430px;
41+
height: 450px;
4242
width: 30%;
4343
min-width: 250px;
4444
margin-right: 2%;
@@ -55,7 +55,7 @@
5555
}
5656

5757
mat-card-content {
58-
height: 55%;
58+
height: 50%;
5959
padding: 0 5px;
6060
font-size: 1.1em !important;
6161
}
@@ -78,7 +78,7 @@
7878
}
7979

8080
.productGrid mat-card.recommended {
81-
height: 475px;
81+
height: 500px;
8282
width: 32%;
8383
font-size: 1.1em;
8484
}

src/app/welcome/welcomedesk.component.html

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,19 @@
11
<section class="mat-typography">
22
<div class="welcomeDesk">
3-
<h1>Welcome to Runbox</h1>
3+
<h1>Congratulations -- your new Runbox account is ready!</h1>
44
<div *ngIf="postSignup == 'offer'" id="introSpecialOffer">
5-
<h2>Congratulations -- your new Runbox account is ready!</h2>
5+
<h3>Take advantage of our current 20% discount by proceeding to <a routerLink="/account/plans">Plans & Upgrades</a> below.</h3>
6+
<h4> You can also <a routerLink="/welcome">continue setting up your account</a>, or go <a routerLink="/">straight to your Inbox</a>.</h4>
67
<br />
78
<a routerLink="/account/plans">
8-
<img src="assets/intro-special-banner-2023.jpg" id="introSpecialOfferBanner" alt="Special Offer: Get a full year added to your main subscription for free"/>
9+
<img src="assets/payment/price_plans.jpg" id="introSpecialOfferBanner" alt="Save 20% if you subscribe for 3 years"/>
910
</a>
11+
<br /><br />
1012
<p>
11-
The price shown is the subscription fee for a Micro account for the first 2 years when taking advantage of the offer. This offer is valid for all main account plans within 24 hours of signing up, in addition to any other current offers. All initial subscription payments include a 60-day money back guarantee.
13+
All initial subscription payments include a 60-day money back guarantee.
1214
</p>
1315
<h2><a routerLink="/account/plans">Continue to Account Plans Now</a></h2>
1416
<br />
15-
<h4>You can also <a routerLink="/welcome">continue setting up your account</a>, or go <a routerLink="/">straight to your Inbox</a>.</h4>
1617
</div>
1718
<div *ngIf="!postSignup">
1819
<h3>Let's get you set up with Runbox and make you an email pro!</h3>
@@ -81,7 +82,6 @@ <h4><mat-icon svgIcon="help-circle"></mat-icon>Learn more about Runbox</h4>
8182
</mat-card>
8283
</div>
8384
</div>
84-
<br />
8585
<div id="introNote">
8686
<div>
8787
<mat-icon svgIcon="lightbulb"></mat-icon>

0 commit comments

Comments
 (0)