[AC-1812] Add link to Teams Starter trial, pricing to Teams trial pag…

…es (#6844)

* Add link to teams starter, pricing to teams

* Jared's feedback

* QA: Make link on teams starter subtext

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.

apps/web/src/app/auth/trial-initiation/content/teams3-content.component.html

@@ -6,7 +6,15 @@ <h2 class="tw-text-2xl">
   </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>

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;