From 04c594203c32d3b8d4041fe7c8be0aa7e4b2fe3c Mon Sep 17 00:00:00 2001
From: rr-bw <102181210+rr-bw@users.noreply.github.com>
Date: Wed, 7 Sep 2022 13:54:33 -0700
Subject: [PATCH] add layout params for ABM campaign (#3459)

---
 .../abm-enterprise-content.component.html       | 17 +++++++++++++++++
 .../content/abm-enterprise-content.component.ts |  7 +++++++
 .../content/abm-teams-content.component.html    | 17 +++++++++++++++++
 .../content/abm-teams-content.component.ts      |  7 +++++++
 .../trial-initiation.component.html             |  2 ++
 .../trial-initiation/trial-initiation.module.ts |  4 ++++
 6 files changed, 54 insertions(+)
 create mode 100644 apps/web/src/app/accounts/trial-initiation/content/abm-enterprise-content.component.html
 create mode 100644 apps/web/src/app/accounts/trial-initiation/content/abm-enterprise-content.component.ts
 create mode 100644 apps/web/src/app/accounts/trial-initiation/content/abm-teams-content.component.html
 create mode 100644 apps/web/src/app/accounts/trial-initiation/content/abm-teams-content.component.ts

diff --git a/apps/web/src/app/accounts/trial-initiation/content/abm-enterprise-content.component.html b/apps/web/src/app/accounts/trial-initiation/content/abm-enterprise-content.component.html
new file mode 100644
index 0000000000..46e1fae80d
--- /dev/null
+++ b/apps/web/src/app/accounts/trial-initiation/content/abm-enterprise-content.component.html
@@ -0,0 +1,17 @@
+<h1 class="tw-text-4xl !tw-text-alt2">The Bitwarden Password Manager</h1>
+<div class="tw-pt-32">
+  <h2 class="tw-text-2xl">
+    Trusted by millions of individuals, teams, and organizations worldwide for secure password
+    storage and sharing.
+  </h2>
+</div>
+<ul class="tw-mt-12 tw-flex tw-flex-col tw-gap-10 tw-text-2xl tw-text-main">
+  <li>Store logins, secure notes, and more</li>
+  <li>Collaborate and share securely</li>
+  <li>Access anywhere on any device</li>
+  <li>Create your account to get started</li>
+</ul>
+<div class="tw-mt-28 tw-flex tw-flex-col tw-items-center tw-gap-5">
+  <app-logo-forbes></app-logo-forbes>
+  <app-logo-us-news></app-logo-us-news>
+</div>
diff --git a/apps/web/src/app/accounts/trial-initiation/content/abm-enterprise-content.component.ts b/apps/web/src/app/accounts/trial-initiation/content/abm-enterprise-content.component.ts
new file mode 100644
index 0000000000..0f9db7b440
--- /dev/null
+++ b/apps/web/src/app/accounts/trial-initiation/content/abm-enterprise-content.component.ts
@@ -0,0 +1,7 @@
+import { Component } from "@angular/core";
+
+@Component({
+  selector: "app-abm-enterprise-content",
+  templateUrl: "abm-enterprise-content.component.html",
+})
+export class AbmEnterpriseContentComponent {}
diff --git a/apps/web/src/app/accounts/trial-initiation/content/abm-teams-content.component.html b/apps/web/src/app/accounts/trial-initiation/content/abm-teams-content.component.html
new file mode 100644
index 0000000000..46e1fae80d
--- /dev/null
+++ b/apps/web/src/app/accounts/trial-initiation/content/abm-teams-content.component.html
@@ -0,0 +1,17 @@
+<h1 class="tw-text-4xl !tw-text-alt2">The Bitwarden Password Manager</h1>
+<div class="tw-pt-32">
+  <h2 class="tw-text-2xl">
+    Trusted by millions of individuals, teams, and organizations worldwide for secure password
+    storage and sharing.
+  </h2>
+</div>
+<ul class="tw-mt-12 tw-flex tw-flex-col tw-gap-10 tw-text-2xl tw-text-main">
+  <li>Store logins, secure notes, and more</li>
+  <li>Collaborate and share securely</li>
+  <li>Access anywhere on any device</li>
+  <li>Create your account to get started</li>
+</ul>
+<div class="tw-mt-28 tw-flex tw-flex-col tw-items-center tw-gap-5">
+  <app-logo-forbes></app-logo-forbes>
+  <app-logo-us-news></app-logo-us-news>
+</div>
diff --git a/apps/web/src/app/accounts/trial-initiation/content/abm-teams-content.component.ts b/apps/web/src/app/accounts/trial-initiation/content/abm-teams-content.component.ts
new file mode 100644
index 0000000000..7765555f5c
--- /dev/null
+++ b/apps/web/src/app/accounts/trial-initiation/content/abm-teams-content.component.ts
@@ -0,0 +1,7 @@
+import { Component } from "@angular/core";
+
+@Component({
+  selector: "app-abm-teams-content",
+  templateUrl: "abm-teams-content.component.html",
+})
+export class AbmTeamsContentComponent {}
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 b78468133d..2b7f07254b 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
@@ -37,6 +37,8 @@
           *ngIf="layout === 'cnetcmpgnind'"
         ></app-cnet-individual-content>
         <app-cnet-teams-content *ngIf="layout === 'cnetcmpgnteams'"></app-cnet-teams-content>
+        <app-abm-enterprise-content *ngIf="layout === 'abmenterprise'"></app-abm-enterprise-content>
+        <app-abm-teams-content *ngIf="layout === 'abmteams'"></app-abm-teams-content>
       </div>
     </div>
     <div class="tw-w-1/2">
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 fb02824222..fd18800222 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,6 +10,8 @@ import { RegisterFormModule } from "../register-form/register-form.module";
 
 import { BillingComponent } from "./billing.component";
 import { ConfirmationDetailsComponent } from "./confirmation-details.component";
+import { AbmEnterpriseContentComponent } from "./content/abm-enterprise-content.component";
+import { AbmTeamsContentComponent } from "./content/abm-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";
@@ -52,6 +54,8 @@ import { VerticalStepperModule } from "./vertical-stepper/vertical-stepper.modul
     CnetEnterpriseContentComponent,
     CnetIndividualContentComponent,
     CnetTeamsContentComponent,
+    AbmEnterpriseContentComponent,
+    AbmTeamsContentComponent,
     LogoCnetComponent,
     LogoForbesComponent,
     LogoUSNewsComponent,