From b528675cf979cca85da5dc7c4a9c5f51e38ab064 Mon Sep 17 00:00:00 2001
From: Alex Morask <144709477+amorask-bitwarden@users.noreply.github.com>
Date: Fri, 10 Nov 2023 11:10:29 -0500
Subject: [PATCH] [AC-1812] Add link to Teams Starter trial, pricing to Teams
 trial pages (#6844)

* Add link to teams starter, pricing to teams

* Jared's feedback

* QA: Make link on teams starter subtext
---
 .../content/teams1-content.component.html              |  6 +++++-
 .../content/teams3-content.component.html              | 10 +++++++++-
 .../trial-initiation/trial-initiation.component.ts     |  5 ++---
 3 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/apps/web/src/app/auth/trial-initiation/content/teams1-content.component.html b/apps/web/src/app/auth/trial-initiation/content/teams1-content.component.html
index 7819ead3ce..d26bbabaef 100644
--- a/apps/web/src/app/auth/trial-initiation/content/teams1-content.component.html
+++ b/apps/web/src/app/auth/trial-initiation/content/teams1-content.component.html
@@ -1,5 +1,9 @@
 <h1 class="tw-text-4xl !tw-text-alt2">Start Your Teams Free Trial Now</h1>
-<div class="tw-pt-32">
+<div class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-pt-16">
+  <div class="tw-text-2xl">$4 per month / per user</div>
+  <div class="tw-text-xl">Annual subscription</div>
+</div>
+<div class="tw-pt-10">
   <h2 class="tw-text-2xl">
     Millions of individuals, teams, and organizations worldwide trust Bitwarden for secure password
     storage and sharing.
diff --git a/apps/web/src/app/auth/trial-initiation/content/teams3-content.component.html b/apps/web/src/app/auth/trial-initiation/content/teams3-content.component.html
index 6354bc7c0f..c6f1ae697a 100644
--- a/apps/web/src/app/auth/trial-initiation/content/teams3-content.component.html
+++ b/apps/web/src/app/auth/trial-initiation/content/teams3-content.component.html
@@ -6,7 +6,15 @@
   </h2>
 </div>
 <ul class="tw-mt-12 tw-flex tw-flex-col tw-gap-10 tw-text-2xl tw-text-main">
-  <li>Powerful security for up to 10 users</li>
+  <li>
+    Powerful security for up to 10 users
+    <div class="tw-mt-2 tw-text-base">
+      Have more than 10 users?
+      <a routerLink="/register" [queryParams]="{ org: 'teams', layout: 'teams1' }"
+        >Start a Teams trial</a
+      >
+    </div>
+  </li>
   <li>Collaborate and share securely</li>
   <li>Deploy and manage quickly and easily</li>
   <li>Access anywhere on any device</li>
diff --git a/apps/web/src/app/auth/trial-initiation/trial-initiation.component.ts b/apps/web/src/app/auth/trial-initiation/trial-initiation.component.ts
index 34e55345b8..94b7829708 100644
--- a/apps/web/src/app/auth/trial-initiation/trial-initiation.component.ts
+++ b/apps/web/src/app/auth/trial-initiation/trial-initiation.component.ts
@@ -3,7 +3,7 @@ import { TitleCasePipe } from "@angular/common";
 import { Component, OnDestroy, OnInit, ViewChild } from "@angular/core";
 import { UntypedFormBuilder, Validators } from "@angular/forms";
 import { ActivatedRoute, Router } from "@angular/router";
-import { first, Subject, takeUntil } from "rxjs";
+import { Subject, takeUntil } from "rxjs";
 
 import { PolicyApiServiceAbstraction } from "@bitwarden/common/admin-console/abstractions/policy/policy-api.service.abstraction";
 import { PolicyService } from "@bitwarden/common/admin-console/abstractions/policy/policy.service.abstraction";
@@ -123,8 +123,7 @@ export class TrialInitiationComponent implements OnInit, OnDestroy {
   ) {}
 
   async ngOnInit(): Promise<void> {
-    // eslint-disable-next-line rxjs-angular/prefer-takeuntil
-    this.route.queryParams.pipe(first()).subscribe((qParams) => {
+    this.route.queryParams.pipe(takeUntil(this.destroy$)).subscribe((qParams) => {
       this.referenceData = new ReferenceEventRequest();
       if (qParams.email != null && qParams.email.indexOf("@") > -1) {
         this.email = qParams.email;