diff --git a/apps/web/src/app/accounts/trial-initiation/content/cnet-enterprise-content.component.html b/apps/web/src/app/accounts/trial-initiation/content/cnet-enterprise-content.component.html
new file mode 100644
index 00000000000..610a5df3111
--- /dev/null
+++ b/apps/web/src/app/accounts/trial-initiation/content/cnet-enterprise-content.component.html
@@ -0,0 +1,17 @@
+
Start Your Enterprise Free Trial Now
+
+
+ Millions of individuals, teams, and organizations worldwide trust Bitwarden for secure password
+ storage and sharing.
+
+
+
+ - Collaborate and share securely
+ - Deploy and manage quickly and easily
+ - Access anywhere on any device
+ - Create your account to get started
+
+
diff --git a/apps/web/src/app/accounts/trial-initiation/content/cnet-enterprise-content.component.ts b/apps/web/src/app/accounts/trial-initiation/content/cnet-enterprise-content.component.ts
new file mode 100644
index 00000000000..4a6de8d3003
--- /dev/null
+++ b/apps/web/src/app/accounts/trial-initiation/content/cnet-enterprise-content.component.ts
@@ -0,0 +1,7 @@
+import { Component } from "@angular/core";
+
+@Component({
+ selector: "app-cnet-enterprise-content",
+ templateUrl: "cnet-enterprise-content.component.html",
+})
+export class CnetEnterpriseContentComponent {}
diff --git a/apps/web/src/app/accounts/trial-initiation/content/cnet-individual-content.component.html b/apps/web/src/app/accounts/trial-initiation/content/cnet-individual-content.component.html
new file mode 100644
index 00000000000..c8921b82ac9
--- /dev/null
+++ b/apps/web/src/app/accounts/trial-initiation/content/cnet-individual-content.component.html
@@ -0,0 +1,17 @@
+Start Your Premium Account Now
+
+
+ Millions of individuals, teams, and organizations worldwide trust Bitwarden for secure password
+ storage and sharing.
+
+
+
+ - Store logins, secure notes, and more
+ - Secure your account with advanced two-step login
+ - Access anywhere on any device
+ - Create your account to get started
+
+
diff --git a/apps/web/src/app/accounts/trial-initiation/content/cnet-individual-content.component.ts b/apps/web/src/app/accounts/trial-initiation/content/cnet-individual-content.component.ts
new file mode 100644
index 00000000000..56d8b37af90
--- /dev/null
+++ b/apps/web/src/app/accounts/trial-initiation/content/cnet-individual-content.component.ts
@@ -0,0 +1,7 @@
+import { Component } from "@angular/core";
+
+@Component({
+ selector: "app-cnet-individual-content",
+ templateUrl: "cnet-individual-content.component.html",
+})
+export class CnetIndividualContentComponent {}
diff --git a/apps/web/src/app/accounts/trial-initiation/content/cnet-teams-content.component.html b/apps/web/src/app/accounts/trial-initiation/content/cnet-teams-content.component.html
new file mode 100644
index 00000000000..e4497d100b4
--- /dev/null
+++ b/apps/web/src/app/accounts/trial-initiation/content/cnet-teams-content.component.html
@@ -0,0 +1,17 @@
+Start Your Teams Free Trial Now
+
+
+ Millions of individuals, teams, and organizations worldwide trust Bitwarden for secure password
+ storage and sharing.
+
+
+
+ - Collaborate and share securely
+ - Deploy and manage quickly and easily
+ - Access anywhere on any device
+ - Create your account to get started
+
+
diff --git a/apps/web/src/app/accounts/trial-initiation/content/cnet-teams-content.component.ts b/apps/web/src/app/accounts/trial-initiation/content/cnet-teams-content.component.ts
new file mode 100644
index 00000000000..ff79a0d37cd
--- /dev/null
+++ b/apps/web/src/app/accounts/trial-initiation/content/cnet-teams-content.component.ts
@@ -0,0 +1,7 @@
+import { Component } from "@angular/core";
+
+@Component({
+ selector: "app-cnet-teams-content",
+ templateUrl: "cnet-teams-content.component.html",
+})
+export class CnetTeamsContentComponent {}
diff --git a/apps/web/src/app/accounts/trial-initiation/content/default-content.component.html b/apps/web/src/app/accounts/trial-initiation/content/default-content.component.html
new file mode 100644
index 00000000000..351369fdefa
--- /dev/null
+++ b/apps/web/src/app/accounts/trial-initiation/content/default-content.component.html
@@ -0,0 +1,17 @@
+The Bitwarden Password Manager
+
+
+ Trusted by millions of individuals, teams, and organizations worldwide for secure password
+ storage and sharing.
+
+
+
+ - Store logins, secure notes, and more
+ - Collaborate and share securely
+ - Access anywhere on any device
+ - Create your account to get started
+
+
diff --git a/apps/web/src/app/accounts/trial-initiation/content/default-content.component.ts b/apps/web/src/app/accounts/trial-initiation/content/default-content.component.ts
new file mode 100644
index 00000000000..7ad40b089d1
--- /dev/null
+++ b/apps/web/src/app/accounts/trial-initiation/content/default-content.component.ts
@@ -0,0 +1,7 @@
+import { Component } from "@angular/core";
+
+@Component({
+ selector: "app-default-content",
+ templateUrl: "default-content.component.html",
+})
+export class DefaultContentComponent {}
diff --git a/apps/web/src/app/accounts/trial-initiation/content/enterprise-content.component.html b/apps/web/src/app/accounts/trial-initiation/content/enterprise-content.component.html
new file mode 100644
index 00000000000..351369fdefa
--- /dev/null
+++ b/apps/web/src/app/accounts/trial-initiation/content/enterprise-content.component.html
@@ -0,0 +1,17 @@
+The Bitwarden Password Manager
+
+
+ Trusted by millions of individuals, teams, and organizations worldwide for secure password
+ storage and sharing.
+
+
+
+ - Store logins, secure notes, and more
+ - Collaborate and share securely
+ - Access anywhere on any device
+ - Create your account to get started
+
+
diff --git a/apps/web/src/app/accounts/trial-initiation/enterprise-content.component.ts b/apps/web/src/app/accounts/trial-initiation/content/enterprise-content.component.ts
similarity index 100%
rename from apps/web/src/app/accounts/trial-initiation/enterprise-content.component.ts
rename to apps/web/src/app/accounts/trial-initiation/content/enterprise-content.component.ts
diff --git a/apps/web/src/app/accounts/trial-initiation/content/enterprise1-content.component.html b/apps/web/src/app/accounts/trial-initiation/content/enterprise1-content.component.html
new file mode 100644
index 00000000000..351369fdefa
--- /dev/null
+++ b/apps/web/src/app/accounts/trial-initiation/content/enterprise1-content.component.html
@@ -0,0 +1,17 @@
+The Bitwarden Password Manager
+
+
+ Trusted by millions of individuals, teams, and organizations worldwide for secure password
+ storage and sharing.
+
+
+
+ - Store logins, secure notes, and more
+ - Collaborate and share securely
+ - Access anywhere on any device
+ - Create your account to get started
+
+
diff --git a/apps/web/src/app/accounts/trial-initiation/content/enterprise1-content.component.ts b/apps/web/src/app/accounts/trial-initiation/content/enterprise1-content.component.ts
new file mode 100644
index 00000000000..7b1199eb421
--- /dev/null
+++ b/apps/web/src/app/accounts/trial-initiation/content/enterprise1-content.component.ts
@@ -0,0 +1,7 @@
+import { Component } from "@angular/core";
+
+@Component({
+ selector: "app-enterprise1-content",
+ templateUrl: "enterprise1-content.component.html",
+})
+export class Enterprise1ContentComponent {}
diff --git a/apps/web/src/app/accounts/trial-initiation/content/enterprise2-content.component.html b/apps/web/src/app/accounts/trial-initiation/content/enterprise2-content.component.html
new file mode 100644
index 00000000000..092b105a569
--- /dev/null
+++ b/apps/web/src/app/accounts/trial-initiation/content/enterprise2-content.component.html
@@ -0,0 +1,17 @@
+Start Your Enterprise Free Trial Now
+
+
+ Millions of individuals, teams, and organizations worldwide trust Bitwarden for secure password
+ storage and sharing.
+
+
+
+ - Collaborate and share securely
+ - Deploy and manage quickly and easily
+ - Access anywhere on any device
+ - Create your account to get started
+
+
diff --git a/apps/web/src/app/accounts/trial-initiation/content/enterprise2-content.component.ts b/apps/web/src/app/accounts/trial-initiation/content/enterprise2-content.component.ts
new file mode 100644
index 00000000000..08dec6190c7
--- /dev/null
+++ b/apps/web/src/app/accounts/trial-initiation/content/enterprise2-content.component.ts
@@ -0,0 +1,7 @@
+import { Component } from "@angular/core";
+
+@Component({
+ selector: "app-enterprise2-content",
+ templateUrl: "enterprise2-content.component.html",
+})
+export class Enterprise2ContentComponent {}
diff --git a/apps/web/src/app/accounts/trial-initiation/content/logo-cnet.component.html b/apps/web/src/app/accounts/trial-initiation/content/logo-cnet.component.html
new file mode 100644
index 00000000000..4e04cec6da4
--- /dev/null
+++ b/apps/web/src/app/accounts/trial-initiation/content/logo-cnet.component.html
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
+ "No more excuses; start using Bitwarden today. The identity you save could be your own. The
+ money definitely will be."
+
+
diff --git a/apps/web/src/app/accounts/trial-initiation/content/logo-cnet.component.ts b/apps/web/src/app/accounts/trial-initiation/content/logo-cnet.component.ts
new file mode 100644
index 00000000000..4f755f66a86
--- /dev/null
+++ b/apps/web/src/app/accounts/trial-initiation/content/logo-cnet.component.ts
@@ -0,0 +1,7 @@
+import { Component } from "@angular/core";
+
+@Component({
+ selector: "app-logo-cnet",
+ templateUrl: "logo-cnet.component.html",
+})
+export class LogoCnetComponent {}
diff --git a/apps/web/src/app/accounts/trial-initiation/content/logo-forbes.component.html b/apps/web/src/app/accounts/trial-initiation/content/logo-forbes.component.html
new file mode 100644
index 00000000000..34426168324
--- /dev/null
+++ b/apps/web/src/app/accounts/trial-initiation/content/logo-forbes.component.html
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
+ “Bitwarden boasts the backing of some of the world's best security experts and an attractive,
+ easy-to-use interface”
+
+
diff --git a/apps/web/src/app/accounts/trial-initiation/content/logo-forbes.component.ts b/apps/web/src/app/accounts/trial-initiation/content/logo-forbes.component.ts
new file mode 100644
index 00000000000..818721fd1e9
--- /dev/null
+++ b/apps/web/src/app/accounts/trial-initiation/content/logo-forbes.component.ts
@@ -0,0 +1,7 @@
+import { Component } from "@angular/core";
+
+@Component({
+ selector: "app-logo-forbes",
+ templateUrl: "logo-forbes.component.html",
+})
+export class LogoForbesComponent {}
diff --git a/apps/web/src/app/accounts/trial-initiation/content/logo-us-news.component.html b/apps/web/src/app/accounts/trial-initiation/content/logo-us-news.component.html
new file mode 100644
index 00000000000..bd44b56f090
--- /dev/null
+++ b/apps/web/src/app/accounts/trial-initiation/content/logo-us-news.component.html
@@ -0,0 +1,5 @@
+
diff --git a/apps/web/src/app/accounts/trial-initiation/content/logo-us-news.component.ts b/apps/web/src/app/accounts/trial-initiation/content/logo-us-news.component.ts
new file mode 100644
index 00000000000..fb0b1e0c71b
--- /dev/null
+++ b/apps/web/src/app/accounts/trial-initiation/content/logo-us-news.component.ts
@@ -0,0 +1,7 @@
+import { Component } from "@angular/core";
+
+@Component({
+ selector: "app-logo-us-news",
+ templateUrl: "logo-us-news.component.html",
+})
+export class LogoUSNewsComponent {}
diff --git a/apps/web/src/app/accounts/trial-initiation/content/teams-content.component.html b/apps/web/src/app/accounts/trial-initiation/content/teams-content.component.html
new file mode 100644
index 00000000000..351369fdefa
--- /dev/null
+++ b/apps/web/src/app/accounts/trial-initiation/content/teams-content.component.html
@@ -0,0 +1,17 @@
+The Bitwarden Password Manager
+
+
+ Trusted by millions of individuals, teams, and organizations worldwide for secure password
+ storage and sharing.
+
+
+
+ - Store logins, secure notes, and more
+ - Collaborate and share securely
+ - Access anywhere on any device
+ - Create your account to get started
+
+
diff --git a/apps/web/src/app/accounts/trial-initiation/teams-content.component.ts b/apps/web/src/app/accounts/trial-initiation/content/teams-content.component.ts
similarity index 100%
rename from apps/web/src/app/accounts/trial-initiation/teams-content.component.ts
rename to apps/web/src/app/accounts/trial-initiation/content/teams-content.component.ts
diff --git a/apps/web/src/app/accounts/trial-initiation/content/teams1-content.component.html b/apps/web/src/app/accounts/trial-initiation/content/teams1-content.component.html
new file mode 100644
index 00000000000..2b92abcd8bf
--- /dev/null
+++ b/apps/web/src/app/accounts/trial-initiation/content/teams1-content.component.html
@@ -0,0 +1,17 @@
+Start Your Teams Free Trial Now
+
+
+ Millions of individuals, teams, and organizations worldwide trust Bitwarden for secure password
+ storage and sharing.
+
+
+
+ - Collaborate and share securely
+ - Deploy and manage quickly and easily
+ - Access anywhere on any device
+ - Create your account to get started
+
+
diff --git a/apps/web/src/app/accounts/trial-initiation/content/teams1-content.component.ts b/apps/web/src/app/accounts/trial-initiation/content/teams1-content.component.ts
new file mode 100644
index 00000000000..055ec7fda10
--- /dev/null
+++ b/apps/web/src/app/accounts/trial-initiation/content/teams1-content.component.ts
@@ -0,0 +1,7 @@
+import { Component } from "@angular/core";
+
+@Component({
+ selector: "app-teams1-content",
+ templateUrl: "teams1-content.component.html",
+})
+export class Teams1ContentComponent {}
diff --git a/apps/web/src/app/accounts/trial-initiation/content/teams2-content.component.html b/apps/web/src/app/accounts/trial-initiation/content/teams2-content.component.html
new file mode 100644
index 00000000000..b1f720173d5
--- /dev/null
+++ b/apps/web/src/app/accounts/trial-initiation/content/teams2-content.component.html
@@ -0,0 +1,17 @@
+Start Your Free Trial Now
+
+
+ Millions of individuals, teams, and organizations worldwide trust Bitwarden for secure password
+ storage and sharing.
+
+
+
+ - Collaborate and share securely
+ - Deploy and manage quickly and easily
+ - Access anywhere on any device
+ - Create your account to get started
+
+
diff --git a/apps/web/src/app/accounts/trial-initiation/content/teams2-content.component.ts b/apps/web/src/app/accounts/trial-initiation/content/teams2-content.component.ts
new file mode 100644
index 00000000000..394ba90b491
--- /dev/null
+++ b/apps/web/src/app/accounts/trial-initiation/content/teams2-content.component.ts
@@ -0,0 +1,7 @@
+import { Component } from "@angular/core";
+
+@Component({
+ selector: "app-teams2-content",
+ templateUrl: "teams2-content.component.html",
+})
+export class Teams2ContentComponent {}
diff --git a/apps/web/src/app/accounts/trial-initiation/enterprise-content.component.html b/apps/web/src/app/accounts/trial-initiation/enterprise-content.component.html
deleted file mode 100644
index 239c25fdc91..00000000000
--- a/apps/web/src/app/accounts/trial-initiation/enterprise-content.component.html
+++ /dev/null
@@ -1,11 +0,0 @@
-You've chosen Bitwarden for Enterprise
-
-
What you can do with Bitwarden for Enterprise
-
-
-
-
Collaborate and share securely
-
Deploy and manage quickly and easily
-
Access anywhere on any device
-
Create your account to get started
-
diff --git a/apps/web/src/app/accounts/trial-initiation/families-content.component.html b/apps/web/src/app/accounts/trial-initiation/families-content.component.html
deleted file mode 100644
index c0c6af0be00..00000000000
--- a/apps/web/src/app/accounts/trial-initiation/families-content.component.html
+++ /dev/null
@@ -1,13 +0,0 @@
-You've chosen Bitwarden for Families
-
-
- Trusted by millions of individuals, teams, and organizations worldwide for secure password
- storage and sharing.
-
-
-
-
Collaborate and share securely
-
Deploy and manage quickly and easily
-
Access anywhere on any device
-
Create your account to get started
-
diff --git a/apps/web/src/app/accounts/trial-initiation/families-content.component.ts b/apps/web/src/app/accounts/trial-initiation/families-content.component.ts
deleted file mode 100644
index 1a13be80e67..00000000000
--- a/apps/web/src/app/accounts/trial-initiation/families-content.component.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Component } from "@angular/core";
-
-@Component({
- selector: "app-families-content",
- templateUrl: "families-content.component.html",
-})
-export class FamiliesContentComponent {}
diff --git a/apps/web/src/app/accounts/trial-initiation/teams-content.component.html b/apps/web/src/app/accounts/trial-initiation/teams-content.component.html
deleted file mode 100644
index 20e547fef13..00000000000
--- a/apps/web/src/app/accounts/trial-initiation/teams-content.component.html
+++ /dev/null
@@ -1,10 +0,0 @@
-You've chosen Bitwarden for Teams
-
-
What you can do with Btiwarden for Teams
-
-
-
Collaborate and share securely
-
Deploy and manage quickly and easily
-
Access anywhere on any device
-
Create your account to get started
-
diff --git a/apps/web/src/app/accounts/trial-initiation/trial-initiation.component.html b/apps/web/src/app/accounts/trial-initiation/trial-initiation.component.html
index c51a1b0277b..9251923c3c4 100644
--- a/apps/web/src/app/accounts/trial-initiation/trial-initiation.component.html
+++ b/apps/web/src/app/accounts/trial-initiation/trial-initiation.component.html
@@ -13,7 +13,7 @@
-
+

-
+
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/web/src/app/accounts/trial-initiation/trial-initiation.component.ts b/apps/web/src/app/accounts/trial-initiation/trial-initiation.component.ts
index 1c452cdf5ea..8f20d1c7e9e 100644
--- a/apps/web/src/app/accounts/trial-initiation/trial-initiation.component.ts
+++ b/apps/web/src/app/accounts/trial-initiation/trial-initiation.component.ts
@@ -29,6 +29,7 @@ export class TrialInitiationComponent implements OnInit {
orgId = "";
orgLabel = "";
billingSubLabel = "";
+ layout = "default";
plan: PlanType;
product: ProductType;
accountCreateOnly = true;
@@ -64,6 +65,10 @@ export class TrialInitiationComponent implements OnInit {
return;
}
+ if (qParams.layout) {
+ this.layout = qParams.layout;
+ }
+
if (this.validOrgs.includes(qParams.org)) {
this.org = qParams.org;
} else {
diff --git a/apps/web/src/app/accounts/trial-initiation/trial-initiation.module.ts b/apps/web/src/app/accounts/trial-initiation/trial-initiation.module.ts
index 8d0ebbb1a78..fb02824222f 100644
--- a/apps/web/src/app/accounts/trial-initiation/trial-initiation.module.ts
+++ b/apps/web/src/app/accounts/trial-initiation/trial-initiation.module.ts
@@ -10,9 +10,19 @@ import { RegisterFormModule } from "../register-form/register-form.module";
import { BillingComponent } from "./billing.component";
import { ConfirmationDetailsComponent } from "./confirmation-details.component";
-import { EnterpriseContentComponent } from "./enterprise-content.component";
-import { FamiliesContentComponent } from "./families-content.component";
-import { TeamsContentComponent } from "./teams-content.component";
+import { CnetEnterpriseContentComponent } from "./content/cnet-enterprise-content.component";
+import { CnetIndividualContentComponent } from "./content/cnet-individual-content.component";
+import { CnetTeamsContentComponent } from "./content/cnet-teams-content.component";
+import { DefaultContentComponent } from "./content/default-content.component";
+import { EnterpriseContentComponent } from "./content/enterprise-content.component";
+import { Enterprise1ContentComponent } from "./content/enterprise1-content.component";
+import { Enterprise2ContentComponent } from "./content/enterprise2-content.component";
+import { LogoCnetComponent } from "./content/logo-cnet.component";
+import { LogoForbesComponent } from "./content/logo-forbes.component";
+import { LogoUSNewsComponent } from "./content/logo-us-news.component";
+import { TeamsContentComponent } from "./content/teams-content.component";
+import { Teams1ContentComponent } from "./content/teams1-content.component";
+import { Teams2ContentComponent } from "./content/teams2-content.component";
import { TrialInitiationComponent } from "./trial-initiation.component";
import { VerticalStepperModule } from "./vertical-stepper/vertical-stepper.module";
@@ -29,10 +39,22 @@ import { VerticalStepperModule } from "./vertical-stepper/vertical-stepper.modul
declarations: [
TrialInitiationComponent,
EnterpriseContentComponent,
- FamiliesContentComponent,
TeamsContentComponent,
ConfirmationDetailsComponent,
BillingComponent,
+ DefaultContentComponent,
+ EnterpriseContentComponent,
+ Enterprise1ContentComponent,
+ Enterprise2ContentComponent,
+ TeamsContentComponent,
+ Teams1ContentComponent,
+ Teams2ContentComponent,
+ CnetEnterpriseContentComponent,
+ CnetIndividualContentComponent,
+ CnetTeamsContentComponent,
+ LogoCnetComponent,
+ LogoForbesComponent,
+ LogoUSNewsComponent,
],
exports: [TrialInitiationComponent],
providers: [TitleCasePipe],