From eebb9794cbc8cbffc3d7f41088832195a600834c Mon Sep 17 00:00:00 2001
From: Mark Youssef <141061617+mark-youssef-bitwarden@users.noreply.github.com>
Date: Tue, 2 Jan 2024 10:48:08 -0800
Subject: [PATCH] [PM-5367] Update the content of the enterprise vault page
 (#7291)

* Update the content of the enterprise vault page

* Update other enterprise layouts

* Apply feedback for best practices
---
 .../content/enterprise-content.component.html | 41 +++++++++++++------
 .../enterprise1-content.component.html        | 41 +++++++++++++------
 .../enterprise2-content.component.html        | 41 +++++++++++++------
 .../content/logo-cnet-5-stars.component.html  | 23 +++++++++++
 .../content/logo-cnet-5-stars.component.ts    |  7 ++++
 .../content/review-logo.component.html        | 18 ++++++++
 .../content/review-logo.component.ts          | 11 +++++
 .../trial-initiation.module.ts                |  4 ++
 .../images/register-layout/capterra-logo.svg  | 14 +++++++
 .../src/images/register-layout/cnet-logo.svg  |  6 +--
 .../src/images/register-layout/g2-logo.svg    |  4 ++
 .../images/register-layout/get-app-logo.svg   | 16 ++++++++
 12 files changed, 187 insertions(+), 39 deletions(-)
 create mode 100644 apps/web/src/app/auth/trial-initiation/content/logo-cnet-5-stars.component.html
 create mode 100644 apps/web/src/app/auth/trial-initiation/content/logo-cnet-5-stars.component.ts
 create mode 100644 apps/web/src/app/auth/trial-initiation/content/review-logo.component.html
 create mode 100644 apps/web/src/app/auth/trial-initiation/content/review-logo.component.ts
 create mode 100644 apps/web/src/images/register-layout/capterra-logo.svg
 create mode 100644 apps/web/src/images/register-layout/g2-logo.svg
 create mode 100644 apps/web/src/images/register-layout/get-app-logo.svg

diff --git a/apps/web/src/app/auth/trial-initiation/content/enterprise-content.component.html b/apps/web/src/app/auth/trial-initiation/content/enterprise-content.component.html
index 46e1fae80df..120748d4c0d 100644
--- a/apps/web/src/app/auth/trial-initiation/content/enterprise-content.component.html
+++ b/apps/web/src/app/auth/trial-initiation/content/enterprise-content.component.html
@@ -1,17 +1,34 @@
-<h1 class="tw-text-4xl !tw-text-alt2">The Bitwarden Password Manager</h1>
+<h1 class="tw-text-3xl !tw-text-alt2">The Password Manager Trusted by Millions</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>
+  <h2 class="tw-text-2xl">Everything enterprises need out of a password manager:</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 class="tw-mt-12 tw-flex tw-flex-col tw-gap-10 tw-text-2xl tw-text-main tw-list-none tw-pl-0">
+  <li><i class="bwi bwi-lg bwi-check-circle tw-mr-4"></i>Secure password sharing</li>
+  <li>
+    <i class="bwi bwi-lg bwi-check-circle tw-mr-4"></i>Easy, flexible SSO and SCIM integrations
+  </li>
+  <li><i class="bwi bwi-lg bwi-check-circle tw-mr-4"></i>Free families plan for users</li>
+  <li><i class="bwi bwi-lg bwi-check-circle tw-mr-4"></i>Quick import and migration tools</li>
+  <li><i class="bwi bwi-lg bwi-check-circle tw-mr-4"></i>Simple, streamlined user experience</li>
+  <li><i class="bwi bwi-lg bwi-check-circle tw-mr-4"></i>Priority support and trainers</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>
+  <app-logo-cnet-5-stars></app-logo-cnet-5-stars>
+  <div class="tw-flex tw-items-end tw-gap-8">
+    <review-logo
+      logoClass="tw-w-8"
+      logoSrc="../../images/register-layout/g2-logo.svg"
+      logoAlt="G2 Logo"
+    ></review-logo>
+    <review-logo
+      logoClass="tw-w-28"
+      logoSrc="../../images/register-layout/capterra-logo.svg"
+      logoAlt="Capterra Logo"
+    ></review-logo>
+    <review-logo
+      logoClass="tw-w-28"
+      logoSrc="../../images/register-layout/get-app-logo.svg"
+      logoAlt="Get App Logo"
+    ></review-logo>
+  </div>
 </div>
diff --git a/apps/web/src/app/auth/trial-initiation/content/enterprise1-content.component.html b/apps/web/src/app/auth/trial-initiation/content/enterprise1-content.component.html
index 46e1fae80df..120748d4c0d 100644
--- a/apps/web/src/app/auth/trial-initiation/content/enterprise1-content.component.html
+++ b/apps/web/src/app/auth/trial-initiation/content/enterprise1-content.component.html
@@ -1,17 +1,34 @@
-<h1 class="tw-text-4xl !tw-text-alt2">The Bitwarden Password Manager</h1>
+<h1 class="tw-text-3xl !tw-text-alt2">The Password Manager Trusted by Millions</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>
+  <h2 class="tw-text-2xl">Everything enterprises need out of a password manager:</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 class="tw-mt-12 tw-flex tw-flex-col tw-gap-10 tw-text-2xl tw-text-main tw-list-none tw-pl-0">
+  <li><i class="bwi bwi-lg bwi-check-circle tw-mr-4"></i>Secure password sharing</li>
+  <li>
+    <i class="bwi bwi-lg bwi-check-circle tw-mr-4"></i>Easy, flexible SSO and SCIM integrations
+  </li>
+  <li><i class="bwi bwi-lg bwi-check-circle tw-mr-4"></i>Free families plan for users</li>
+  <li><i class="bwi bwi-lg bwi-check-circle tw-mr-4"></i>Quick import and migration tools</li>
+  <li><i class="bwi bwi-lg bwi-check-circle tw-mr-4"></i>Simple, streamlined user experience</li>
+  <li><i class="bwi bwi-lg bwi-check-circle tw-mr-4"></i>Priority support and trainers</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>
+  <app-logo-cnet-5-stars></app-logo-cnet-5-stars>
+  <div class="tw-flex tw-items-end tw-gap-8">
+    <review-logo
+      logoClass="tw-w-8"
+      logoSrc="../../images/register-layout/g2-logo.svg"
+      logoAlt="G2 Logo"
+    ></review-logo>
+    <review-logo
+      logoClass="tw-w-28"
+      logoSrc="../../images/register-layout/capterra-logo.svg"
+      logoAlt="Capterra Logo"
+    ></review-logo>
+    <review-logo
+      logoClass="tw-w-28"
+      logoSrc="../../images/register-layout/get-app-logo.svg"
+      logoAlt="Get App Logo"
+    ></review-logo>
+  </div>
 </div>
diff --git a/apps/web/src/app/auth/trial-initiation/content/enterprise2-content.component.html b/apps/web/src/app/auth/trial-initiation/content/enterprise2-content.component.html
index e0739f58a2d..120748d4c0d 100644
--- a/apps/web/src/app/auth/trial-initiation/content/enterprise2-content.component.html
+++ b/apps/web/src/app/auth/trial-initiation/content/enterprise2-content.component.html
@@ -1,17 +1,34 @@
-<h1 class="tw-text-4xl !tw-text-alt2">Start Your Enterprise Free Trial Now</h1>
+<h1 class="tw-text-3xl !tw-text-alt2">The Password Manager Trusted by Millions</h1>
 <div class="tw-pt-32">
-  <h2 class="tw-text-2xl">
-    Millions of individuals, teams, and organizations worldwide trust Bitwarden for secure password
-    storage and sharing.
-  </h2>
+  <h2 class="tw-text-2xl">Everything enterprises need out of a password manager:</h2>
 </div>
-<ul class="tw-mt-12 tw-flex tw-flex-col tw-gap-10 tw-text-2xl tw-text-main">
-  <li>Collaborate and share securely</li>
-  <li>Deploy and manage quickly and easily</li>
-  <li>Access anywhere on any device</li>
-  <li>Create your account to get started</li>
+<ul class="tw-mt-12 tw-flex tw-flex-col tw-gap-10 tw-text-2xl tw-text-main tw-list-none tw-pl-0">
+  <li><i class="bwi bwi-lg bwi-check-circle tw-mr-4"></i>Secure password sharing</li>
+  <li>
+    <i class="bwi bwi-lg bwi-check-circle tw-mr-4"></i>Easy, flexible SSO and SCIM integrations
+  </li>
+  <li><i class="bwi bwi-lg bwi-check-circle tw-mr-4"></i>Free families plan for users</li>
+  <li><i class="bwi bwi-lg bwi-check-circle tw-mr-4"></i>Quick import and migration tools</li>
+  <li><i class="bwi bwi-lg bwi-check-circle tw-mr-4"></i>Simple, streamlined user experience</li>
+  <li><i class="bwi bwi-lg bwi-check-circle tw-mr-4"></i>Priority support and trainers</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>
+  <app-logo-cnet-5-stars></app-logo-cnet-5-stars>
+  <div class="tw-flex tw-items-end tw-gap-8">
+    <review-logo
+      logoClass="tw-w-8"
+      logoSrc="../../images/register-layout/g2-logo.svg"
+      logoAlt="G2 Logo"
+    ></review-logo>
+    <review-logo
+      logoClass="tw-w-28"
+      logoSrc="../../images/register-layout/capterra-logo.svg"
+      logoAlt="Capterra Logo"
+    ></review-logo>
+    <review-logo
+      logoClass="tw-w-28"
+      logoSrc="../../images/register-layout/get-app-logo.svg"
+      logoAlt="Get App Logo"
+    ></review-logo>
+  </div>
 </div>
diff --git a/apps/web/src/app/auth/trial-initiation/content/logo-cnet-5-stars.component.html b/apps/web/src/app/auth/trial-initiation/content/logo-cnet-5-stars.component.html
new file mode 100644
index 00000000000..7bb2d553310
--- /dev/null
+++ b/apps/web/src/app/auth/trial-initiation/content/logo-cnet-5-stars.component.html
@@ -0,0 +1,23 @@
+<figure>
+  <div class="tw-flex tw-justify-center tw-gap-4 tw-text-[#eab308] tw-text-5xl">
+    <i class="bwi bwi-star-f"></i>
+    <i class="bwi bwi-star-f"></i>
+    <i class="bwi bwi-star-f"></i>
+    <i class="bwi bwi-star-f"></i>
+    <i class="bwi bwi-star-f"></i>
+  </div>
+  <blockquote class="tw-mx-auto tw-my-2 tw-max-w-xl tw-px-4 tw-text-center">
+    “Bitwarden scores points for being fully open-source, secure and audited annually by third-party
+    cybersecurity firms, giving it a level of transparency that sets it apart from its peers.”
+  </blockquote>
+  <figcaption>
+    <cite>
+      <img
+        src="../../images/register-layout/cnet-logo.svg"
+        class="tw-mx-auto tw-block tw-w-40"
+        alt="CNET Logo"
+      />
+    </cite>
+    <p class="tw-text-center tw-font-bold -tw-translate-y-4">Best Password Manager in 2023</p>
+  </figcaption>
+</figure>
diff --git a/apps/web/src/app/auth/trial-initiation/content/logo-cnet-5-stars.component.ts b/apps/web/src/app/auth/trial-initiation/content/logo-cnet-5-stars.component.ts
new file mode 100644
index 00000000000..af531829d50
--- /dev/null
+++ b/apps/web/src/app/auth/trial-initiation/content/logo-cnet-5-stars.component.ts
@@ -0,0 +1,7 @@
+import { Component } from "@angular/core";
+
+@Component({
+  selector: "app-logo-cnet-5-stars",
+  templateUrl: "logo-cnet-5-stars.component.html",
+})
+export class LogoCnet5StarsComponent {}
diff --git a/apps/web/src/app/auth/trial-initiation/content/review-logo.component.html b/apps/web/src/app/auth/trial-initiation/content/review-logo.component.html
new file mode 100644
index 00000000000..77f592f1c45
--- /dev/null
+++ b/apps/web/src/app/auth/trial-initiation/content/review-logo.component.html
@@ -0,0 +1,18 @@
+<div class="tw-flex tw-flex-col tw-items-center tw-justify-center">
+  <img class="tw-mb-2" [ngClass]="logoClass" [src]="logoSrc" [alt]="logoAlt" />
+  <div class="tw-flex tw-items-center">
+    <div class="tw-flex tw-items-center tw-justify-center tw-text-[#eab308] tw-text-2xl">
+      <i class="bwi bwi-star-f"></i>
+      <i class="bwi bwi-star-f"></i>
+      <i class="bwi bwi-star-f"></i>
+      <i class="bwi bwi-star-f"></i>
+      <div class="tw-relative">
+        <div class="tw-absolute tw-inset-0 tw-w-3 tw-overflow-hidden">
+          <i class="bwi bwi-star-f"></i>
+        </div>
+        <i class="bwi bwi-star-f tw-text-[#cbd5e1]"></i>
+      </div>
+    </div>
+    <span class="tw-ml-2">4.7</span>
+  </div>
+</div>
diff --git a/apps/web/src/app/auth/trial-initiation/content/review-logo.component.ts b/apps/web/src/app/auth/trial-initiation/content/review-logo.component.ts
new file mode 100644
index 00000000000..b87e75e7f94
--- /dev/null
+++ b/apps/web/src/app/auth/trial-initiation/content/review-logo.component.ts
@@ -0,0 +1,11 @@
+import { Component, Input } from "@angular/core";
+
+@Component({
+  selector: "review-logo",
+  templateUrl: "review-logo.component.html",
+})
+export class ReviewLogoComponent {
+  @Input() logoClass: string;
+  @Input() logoSrc: string;
+  @Input() logoAlt: string;
+}
diff --git a/apps/web/src/app/auth/trial-initiation/trial-initiation.module.ts b/apps/web/src/app/auth/trial-initiation/trial-initiation.module.ts
index 7b57f37081f..0e014bfcfcf 100644
--- a/apps/web/src/app/auth/trial-initiation/trial-initiation.module.ts
+++ b/apps/web/src/app/auth/trial-initiation/trial-initiation.module.ts
@@ -21,9 +21,11 @@ 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 { LogoCnet5StarsComponent } from "./content/logo-cnet-5-stars.component";
 import { LogoCnetComponent } from "./content/logo-cnet.component";
 import { LogoForbesComponent } from "./content/logo-forbes.component";
 import { LogoUSNewsComponent } from "./content/logo-us-news.component";
+import { ReviewLogoComponent } from "./content/review-logo.component";
 import { TeamsContentComponent } from "./content/teams-content.component";
 import { Teams1ContentComponent } from "./content/teams1-content.component";
 import { Teams2ContentComponent } from "./content/teams2-content.component";
@@ -62,9 +64,11 @@ import { VerticalStepperModule } from "./vertical-stepper/vertical-stepper.modul
     CnetTeamsContentComponent,
     AbmEnterpriseContentComponent,
     AbmTeamsContentComponent,
+    LogoCnet5StarsComponent,
     LogoCnetComponent,
     LogoForbesComponent,
     LogoUSNewsComponent,
+    ReviewLogoComponent,
   ],
   exports: [TrialInitiationComponent],
   providers: [TitleCasePipe],
diff --git a/apps/web/src/images/register-layout/capterra-logo.svg b/apps/web/src/images/register-layout/capterra-logo.svg
new file mode 100644
index 00000000000..2c2e8200677
--- /dev/null
+++ b/apps/web/src/images/register-layout/capterra-logo.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 240">
+  <g fill="none" stroke-width="2">
+    <path stroke="#3689b7" d="m146.3 210.7-.5-118.3" vector-effect="non-scaling-stroke"/>
+    <path stroke="#b4b18b" d="M145.8 92.4V48.7q.3-.5 0-.9a.6.6 39.4 0 1-.1-.7q.7-1.3-.4-1.8" vector-effect="non-scaling-stroke"/>
+    <path stroke="#827555" d="m145.8 92.4-48 .4" vector-effect="non-scaling-stroke"/>
+    <path stroke="#f27238" d="m97.8 92.8-3.3-.1H22.7q-1 0-1.5-1" vector-effect="non-scaling-stroke"/>
+    <path stroke="#754a64" d="M97.8 92.8q.4.3.5.8 6.3 14.5 11.8 29.6" vector-effect="non-scaling-stroke"/>
+  </g>
+  <path fill="#68c5ed" d="m146.3 210.7-.5-118.3V48.7q.3-.5 0-.9a.6.6 39.4 0 1-.1-.7q.7-1.3-.4-1.8l60.1-22.6a.3.3 0 0 1 .4.4l-59.5 187.6Z"/>
+  <path fill="#ff9d29" d="M145.3 45.3q1.1.5.4 1.8a.6.6 39.4 0 0 0 .7q.4.4.2 1l-.2.4v43.2l-48 .4-3.2-.1H22.7q-1 0-1.5-1l124-46.4Z"/>
+  <path fill="#044d80" d="M274.9 76a28.7 28.7 0 0 0-24.7 22q-5 18.4-.3 37.1c3 12 11.8 21 24.4 22.9q12.4 1.8 22.7-4.3 4.4-2.6 8-6 .4-.4.8.1 3.8 4.2 6.5 9.2c6 10.8-10.7 17.5-18.5 19.4q-15.7 3.7-31.6.2c-30.8-6.8-40.1-35.8-38.7-63.8 1.3-25.2 13.2-48.7 39.6-54.7 14.7-3.3 31-1.9 44 6.2 5.6 3.5 9.7 8.9 5.7 15.5q-2.3 3.8-6.4 7.7-.5.4-1 0A35.7 35.7 0 0 0 275 76Zm265.3 16.5h23.5q.5 0 .5.5v16.8q0 .5-.5.5h-23.2q-.5 0-.5.5v35q-.2 6.2 1.4 9.2 3 6.2 11.9 4.3 4.9-1 9.3-5.1.5-.4.8 0c3.2 4.2 7.6 11.4 3.5 15.9-6.5 6.9-16.9 8.6-26.4 8.2-6.5-.3-12.7-2-17.4-7a29 29 0 0 1-7-20.9q-.2-40 0-83 0-.6.4-.7c5.7-1.1 13.9-1.3 18.4 2.2q4.3 3.4 4.7 8.8.4 6.6 0 14.2 0 .6.6.6Zm-161.4 76.6q-.2-1-1-.3-8.8 8-20.9 8.9c-14.1 1-28-4.4-30.5-19.8-5-30.3 28.4-35.4 49.7-35.2q.7 0 .7-.6c0-6.7-.9-12.7-8.9-14.3q-11.2-2.2-21.7 2.6-4.7 2-9 4.4a1 1-32.2 0 1-1.2-.3q-2.9-4-4.4-9c-1-3.5.5-6 3.4-7.8a62.6 62.6 0 0 1 37.8-7.2c11.4 1 21.6 5.8 25 17.5q1.7 6 1.6 11.5 0 13.9.4 40 .1 8.6 3.5 15.4.3.5-.3.7-7.4 2.7-15 1.7c-4.4-.6-8.5-3.6-9.3-8.2Zm-9.7-8.6c3.3-1.2 8.2-4.3 8.2-8.3v-16.6q0-.7-.7-.7-6.4.2-14.2 1.5c-6 1-12.5 5-13.7 11.4-.9 4.9 1 11.8 6.4 13.4q6.8 2 14-.7Zm75.5 10.1q-.4-.4-.4.1v41.8q0 .5-.4.5h-23a.5.5 0 0 1-.6-.5V93.3q0-.5.5-.5c7.4-1.3 19.8-1.7 22.3 7.2a.3.3 0 0 0 .5.1q8.1-8 17.9-9.4 8.2-1.1 15.4 1c22.2 6.4 24.3 33.3 22 52.3-1.8 15.2-9.6 29.2-25 33.2-10 2.5-21.7.7-29.2-6.6Zm15.6-11.4c14-1.7 15.2-20.5 14.4-31-1-14.2-8-22.7-23.6-19.3a8.7 8.7 0 0 0-6.8 9q.2 19.3 0 35.8 0 .7.5 1 7 5.5 15.5 4.5ZM854 122c0-5.3 0-10.2-5-12.9q-3.1-1.6-7.6-1.9a46.1 46.1 0 0 0-26.6 7.5q-.8.5-1.4-.3-2.8-3.7-4.3-8.5-1.5-4.7 2.6-7.7 3.7-2.8 8.6-4.4 17.4-5.7 34.6-2.6c19.6 3.5 22.2 18 22.1 35l.1 32.4q.1 9.1 3.7 16.5a.4.4-22.9 0 1-.3.5c-8.2 3-22 4.3-24.5-6.8q-.2-.6-.6-.2a35.6 35.6 0 0 1-30.5 8.7c-15-2-22.6-13.3-21.4-28 1.2-15 15.2-22.4 29-24.8q11.1-2 20.8-1.7.7 0 .7-.7Zm.2 13c-10.3.2-29 1.4-28.3 16 .3 6 3.6 10.5 10 11 6.6.5 19-2.2 18.9-10.9v-15.5a.6.6 0 0 0-.6-.7Zm-252.1 3.9c.7 9.3 5.7 19 15.6 21q16.1 3.4 28.5-8.1.3-.4.7 0 4.5 5.8 6 10.8c2.6 8-9.4 13-15 14.3q-18.3 4.5-35.2-1.5c-14.8-5.3-22.4-19.3-24-34.3q-1-9 .3-16.8a37.5 37.5 0 0 1 33.3-33.2 44 44 0 0 1 18.1 1c21.4 6 25.4 25.9 23.3 45.6q0 .6-.6.6h-50.4q-.6 0-.6.6Zm.5-13.6 29.9-.1a.3.3 0 0 0 .3-.3v-2.4a16.2 14.2 89.9 0 0-14.2-16.2h-2.2a16.2 14.2 89.9 0 0-14.1 16.2v2.5a.3.3 0 0 0 .3.3Zm92.8-25.1a.3.3 0 0 0 .6.1q8.4-10.7 21.7-9.8c6.6.5 12 3.8 10.3 11.5q-1.5 7-5.3 13.4a.5.5 0 0 1-.7.1q-6.3-5.5-14.3-4.5c-6.2.7-11 5.1-11 11.7v55.2a.3.3 0 0 1-.2.3h-23q-.5 0-.5-.4V93.3q0-.6.5-.6c8-1.4 19.2-1.3 22 7.5Zm68.4 0q8.4-10.9 22.2-9.6c3.8.3 9.2 2.4 9.9 6.7.8 5.6-2.6 12.5-5 17.6q-.5 1.1-1.5.4-7.8-6.3-16.7-3.7a11.3 11.3 0 0 0-8.3 11.5q.2 28.9 0 54.9a.3.3 0 0 1-.2.2H741a.3.3 0 0 1-.3-.2V93.3q0-.5.5-.6c7.1-1.4 19.4-1.4 21.8 7.4q.3.9.8.1Z"/>
+  <path fill="#e54747" d="M21.2 91.7q.4 1 1.6 1h75q.4.4.5.9 6.3 14.5 11.8 29.6L19.8 92.8q-.6-.2-.1-.6.4-.4 1.5-.5Z"/>
+  <path fill="#044d80" d="m145.8 92.4.5 118.3q0 1-.3 1.4-.3.6-.6 0l-35.3-89q-5.5-15-11.8-29.5-.1-.5-.5-.8l48-.4Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/web/src/images/register-layout/cnet-logo.svg b/apps/web/src/images/register-layout/cnet-logo.svg
index 6e66987f4b2..ace5f4c297d 100644
--- a/apps/web/src/images/register-layout/cnet-logo.svg
+++ b/apps/web/src/images/register-layout/cnet-logo.svg
@@ -1,3 +1,3 @@
-<svg width="1236" height="906" viewBox="0 0 1236 906" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M1188.71 632.229C1204.72 632.229 1236 632.229 1236 632.229V689.173C1236 689.173 1174.89 689.173 1162.52 689.173C1138.52 689.173 1115.24 677.492 1121.79 680.413C1087.59 665.081 1074.5 627.849 1071.59 586.235V109.508H1148.7V228.508V229.238H1222.18V284.722H1148.7V285.452V592.076C1150.16 622.738 1168.34 632.229 1188.71 632.229ZM757.319 588.425V327.065C755.137 179.594 1014.12 178.864 1009.75 330.716V456.285C1009.75 464.316 1003.21 470.156 995.932 470.156H834.432V592.076C835.159 649.75 934.096 649.02 934.096 592.076V533.671H1010.48V588.425C1014.12 739.547 755.137 735.897 757.319 588.425ZM932.641 412.482V327.065C932.641 270.121 834.432 270.121 832.977 327.065V412.482H932.641ZM608.186 319.765C608.186 266.471 517.979 267.931 516.524 321.955V689.173H405.219V632.229H440.866V286.182H398.672V229.968H506.339V271.581C506.339 271.581 519.433 251.869 553.625 232.888C597.274 208.796 640.195 232.888 633.648 229.968C667.839 245.299 680.934 282.532 683.844 324.145V632.959H732.585V689.173H608.913L608.186 319.765ZM303.372 0H358.661V906H303.372V0ZM0.0137167 588.425V327.065C-2.16872 179.594 256.814 178.864 252.449 330.716V375.979H176.791L176.064 327.065C176.064 270.851 78.5814 272.311 76.399 329.255V592.076C77.1265 649.75 176.064 649.02 176.064 592.076V533.671H252.449V588.425C256.814 739.547 -2.16872 735.897 0.0137167 588.425Z" fill="black"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 281">
+  <path fill="#e71c1c" d="M112.2 132q-.6-9.5-4-17.8c-6-14-18.6-18.5-32.9-18.5l-16.7.1c-6 0-11.5 2.8-13.7 8.8q-1.3 3.5-1.3 7.8v58c0 6.4 2.1 12.8 8.3 15.4q3.1 1.3 9.6 1.2c9.3 0 19.5 1 28.4-2 15.7-5.1 21.1-20.2 22.4-35.7q0-.3.3-.3h5.4q.2 0 .2.2v45.5q0 .5-.5.5-39.4.1-73 0a47 47 0 0 1-17.2-3.5q-16.6-7.2-16.7-28v-45.1c.2-22.8 16.5-31 36.6-31h70.4a.4.4 90 0 1 .4.4v44q0 .4-.3.4h-5.4a.3.3 0 0 1-.3-.4Zm32-21.4q-.8-.9-.8.3v41.8q.1 5.3 1.7 11.9 3.7 15.3 17.2 21 8.4 3.4 17.8 4.2.3 0 .3.2v5q0 .2-.2.2H135a.2.2 0 0 1-.2-.2V88.3q0-.7.6-.7H167q.7 0 1.1.6l64.7 79q.6.7.6-.3.3-18.6 0-37.3-.2-7-2.6-14.7c-4.7-15.1-18.5-20.6-33.4-21.7q-.2 0-.2-.2v-5.1q0-.3.3-.3h44.1q.6 0 .6.6v106.3q0 .7-.7.7h-27.4q-.7 0-1.2-.5l-68.7-84.1Zm147.2 76.6q17.8.2 33.6 0c14.2-.3 25.7-5.7 31.3-19.4q3.4-8.4 4-18.4 0-.4.5-.4h5.2a.4.4 0 0 1 .4.3V195a.4.4 0 0 1-.4.3H259.2a.2.2 0 0 1-.2-.2V88a.4.4 0 0 1 .4-.4H366a.3.3 0 0 1 .3.3v44.3a.2.2 0 0 1-.3.2h-5.4q-.3 0-.3-.4-.5-9.3-4-17.7c-5.6-13.5-17.5-18.4-31.3-18.6q-15.4-.3-33.7-.1-.6 0-.6.6v39.2a.3.3.9 0 0 .3.4l13.2-.1c11.5-.2 20-5 23.5-16.6q1.4-4.5 1.6-8.5 0-.6.6-.6h4.9q.7 0 .7.6V169q0 .4-.5.4h-5.3a.5.5 0 0 1-.5-.5q-.2-6.5-3-12.5c-6.4-14.3-21.3-13.3-35-13q-.5 0-.5.6v42.6q0 .6.6.6ZM417.2 95q0-.7-.7-.7c-21.6 2.6-28.9 17.8-31.2 37.4q0 .7-.8.7H380q-.6 0-.6-.6V88a.3.3-90 0 1 .4-.4h106.4q.6 0 .6.6v44q0 .2-.2.2h-5.4q-.3 0-.3-.3c-1.6-19.3-9.5-35.1-31-37.7a.8.8-86.5 0 0-1 .8l.1 75.3c0 6.6 1.4 13 8 16q5.8 2.7 13.3 2.8.2 0 .2.2v5.5q0 .2-.2.2h-74.1q-.6 0-.6-.5V190a.7.7 0 0 1 .7-.7q5.4-.1 11.2-2c8.4-2.8 9.7-10 9.7-17.9V95Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/web/src/images/register-layout/g2-logo.svg b/apps/web/src/images/register-layout/g2-logo.svg
new file mode 100644
index 00000000000..2681f7280df
--- /dev/null
+++ b/apps/web/src/images/register-layout/g2-logo.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 310 318.6">
+  <path fill="#ef492d" d="M160.6 316.6c-70-.2-131-44.5-151-110.5C-7 150.8 3.7 100.2 41.2 56c23-27.2 52.6-43.9 87.5-51a154.2 154.2 0 0 1 59.1-.5c2.2.4 2.2 1 1.4 2.8l-28.7 60.2a3 3 0 0 1-3.2 2 89.9 89.9 0 0 0-85.4 70.2 89.4 89.4 0 0 0 54.3 102.8 87.5 87.5 0 0 0 90-13.8c1.5-1 2-1.3 3 .5q15.8 27.6 31.9 55.1c.9 1.6.6 2.3-.8 3.3a156.4 156.4 0 0 1-69.7 27.4 188.7 188.7 0 0 1-20 1.5z"/>
+  <path fill="#ef492d" d="M269.5 271c-.9-.5-1.1-1.4-1.6-2.2q-18-31-35.7-62.1a4.5 4.5 0 0 0-4.6-2.6h-74.3a3.5 3.5 0 0 1 1-2.4q18-31.5 36.2-62.9a3.7 3.7 0 0 1 3.7-2.1q36.5.1 73 0a3.6 3.6 0 0 1 3.6 2.1l36.5 63.3a3.3 3.3 0 0 1 .1 3.8l-36.7 63.6c-.3.6-.5 1.3-1.2 1.5zM218.3 48.5l-12.7-12.7c-1.3-1.2-.4-2.2.2-3.1a37.9 37.9 0 0 1 22-17.4 42.3 42.3 0 0 1 34 3.3c19 10.3 17.3 34 6.4 44.8a60.2 60.2 0 0 1-14 10c-5.2 2.8-10.5 5.4-15.7 8.4a18.8 18.8 0 0 0-9.1 10.7c-.6 2-.3 2.5 1.8 2.5H273c2.1 0 2.9.3 2.8 2.6-.2 5-.1 9.9 0 14.7 0 1.6-.4 2.1-2 2.1h-67.1c-1 0-2 0-2-1.5 0-15.5 2.8-29.9 15-41a80.1 80.1 0 0 1 19.2-12.6c3.8-1.8 7.7-3.6 11-6.3 3-2.4 5-5.3 5.2-9.2.3-6-4.5-10.6-11.8-11-10.5-.8-18 3.9-23.3 12.6l-1.7 3zM271.6 293v-5h-1.8v-1h4.8v1h-1.8v5zm3.8 0v-6h1.9l1 4.1 1-4.1h2v6h-1.1v-4.7L279 293h-1.2l-1.2-4.8v4.8z"/>
+</svg>
diff --git a/apps/web/src/images/register-layout/get-app-logo.svg b/apps/web/src/images/register-layout/get-app-logo.svg
new file mode 100644
index 00000000000..c1f00af3802
--- /dev/null
+++ b/apps/web/src/images/register-layout/get-app-logo.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="Appbar_logo__utkwH" viewBox="0 0 154 32">
+  <g clip-path="url(#a)">
+    <path fill="#009C9C" d="M38.6 14.4 28.2 4A.9.9 0 0 0 27 4l-2 2 8.3 8.4a.9.9 0 0 1 0 1.2l-8.6 8.6 2 2a.9.9 0 0 0 1.3 0l10.6-10.6a.9.9 0 0 0 0-1.2Z"/>
+    <path fill="#40E3E3" d="m21 4.7-.8-.7a.9.9 0 0 0-1.3 0l-2 2 1.4 1.4 2.6 2.6 2.7-2.6-2.7-2.7Zm-.3 15.4L18 22.8l-1.3 1.4 2 2a.9.9 0 0 0 1.3 0l.7-.8 2.7-2.6-2.7-2.7Z"/>
+    <path fill="#1ABAB8" d="M25.3 14.4a.9.9 0 0 1 0 1.2L20.7 20l2.6 2.7 7.3-7.2a.9.9 0 0 0 0-1.3l-7-7-2.7 2.7 4.4 4.4Z"/>
+    <path fill="#87F0F0" d="m8.3 14.6 7.2-7.2L13 4.7 12 4a.9.9 0 0 0-1 0L.3 14.6a.9.9 0 0 0 0 1.2l10.3 10.4a.9.9 0 0 0 1.3 0l.7-.7 2.7-2.7-7-7a.9.9 0 0 1 0-1.2Z"/>
+    <path fill="#40E3E3" d="m16.4 14.6 3.2-3.2-2.7-2.6-1.3-1.4-7.3 7.2a.9.9 0 0 0 0 1.3l7 7 1.3-1.4 2.7-2.7-3-3a.9.9 0 0 1 0-1.2"/>
+    <path fill="#17CFCF" d="m16.4 15.8 3 3 3.1-3.2a.9.9 0 0 0 0-1.2l-3-3-3.1 3.2a.9.9 0 0 0 0 1.2Z"/>
+    <path fill="#2A3037" d="M47 12.1c0-1.1.2-2.3.6-3.4a7.4 7.4 0 0 1 1.9-2.6 8.3 8.3 0 0 1 2.9-1.8 14.3 14.3 0 0 1 8.6.1 8.9 8.9 0 0 1 2.8 1.7 5.8 5.8 0 0 1 1.4 2c.3.6.5 1.2.5 1.8a.7.7 0 0 1-.2.6.9.9 0 0 1-.6.3h-2.6a.8.8 0 0 1-.5-.2 1.1 1.1 0 0 1-.3-.4 15.8 15.8 0 0 0-.3-.5 3.7 3.7 0 0 0-.9-.9 5.9 5.9 0 0 0-1.5-.8 6.6 6.6 0 0 0-2.4-.4A5.4 5.4 0 0 0 52.7 9a4.6 4.6 0 0 0-1.5 3.4 45.4 45.4 0 0 0 0 2.6v2.5c0 1.8.5 3 1.5 3.8a5.7 5.7 0 0 0 3.7 1.2 8.5 8.5 0 0 0 2.2-.3c.6-.1 1.1-.4 1.6-.8s1-1 1.1-1.5c.3-.7.5-1.5.4-2.2v-.3H58a.8.8 0 0 1-.6-.3.8.8 0 0 1-.2-.6v-2.2a.9.9 0 0 1 .8-.8h7.2a.9.9 0 0 1 .9.8v3.5a9.7 9.7 0 0 1-.6 3.4 7.3 7.3 0 0 1-1.8 2.7 8.3 8.3 0 0 1-3 1.8 13 13 0 0 1-8.3 0 7.9 7.9 0 0 1-3-1.7 7.5 7.5 0 0 1-1.7-2.7 10.5 10.5 0 0 1-.7-3.4v-5.6m28.7 1a4 4 0 0 0-1.5.2c-.4.1-.8.4-1.1.7a3 3 0 0 0-.7 1 3.6 3.6 0 0 0-.3.9h7.1a5 5 0 0 0-.2-1 2.5 2.5 0 0 0-.6-1c-.3-.2-.6-.5-1-.6a4.3 4.3 0 0 0-1.7-.3ZM68 17.7c0-1.1.1-2.2.5-3.3a8 8 0 0 1 1.5-2.7 7.3 7.3 0 0 1 2.5-1.8 7.5 7.5 0 0 1 3.1-.6 7.6 7.6 0 0 1 3.2.6 7.4 7.4 0 0 1 2.4 1.7 7.6 7.6 0 0 1 1.6 2.6c.4 1 .5 2 .5 3v1.4a.9.9 0 0 1-.8.9H72c0 .4.1.9.3 1.3l.8.9 1.2.5a5 5 0 0 0 1.3.2c.6 0 1.1 0 1.7-.2l1-.5.6-.4H82c.2 0 .4 0 .6.2a.7.7 0 0 1 .2.6 2.6 2.6 0 0 1-.5 1.1c-.3.6-.8 1-1.3 1.4a8.8 8.8 0 0 1-2.3 1.1 9.2 9.2 0 0 1-3 .5 8 8 0 0 1-3.2-.6 6.8 6.8 0 0 1-2.5-1.8 7.8 7.8 0 0 1-1.5-2.7 10.5 10.5 0 0 1-.5-3.4M90.8 20c0 .5.2 1.1.6 1.5.3.4 1 .6 1.9.6h1.9a.9.9 0 0 1 .8.9v2a.9.9 0 0 1-.8.9h-2.3c-2 0-3.5-.5-4.5-1.5-1-.9-1.6-2.4-1.6-4.3v-6.8h-2.1a.8.8 0 0 1-.6-.2.8.8 0 0 1-.2-.6v-2a.8.8 0 0 1 .2-.7.8.8 0 0 1 .6-.2h2v-5a.9.9 0 0 1 1-.9H90a.9.9 0 0 1 .8.9v5H95a.9.9 0 0 1 .8 1v2a.9.9 0 0 1-.8.8h-4v6.7Zm20.6-2.3-3.4-9-3.5 9h7ZM109.7 4a1 1 0 0 1 .8.3l.4.8 7.7 19.8v.2a.9.9 0 0 1-.8.9h-2.3a1.2 1.2 0 0 1-.9-.3 1.6 1.6 0 0 1-.3-.5l-1.4-3.5H103l-1.3 3.5a1.6 1.6 0 0 1-.4.5 1.2 1.2 0 0 1-.8.3h-2.3a.9.9 0 0 1-.8-.9.6.6 0 0 1 0-.2L105 5.1c0-.3.2-.6.4-.8a1 1 0 0 1 .8-.3h3.4ZM132 18.7a8.1 8.1 0 0 0 0-1.8c0-1.3-.5-2.3-1.2-2.9a4 4 0 0 0-2.6-.9 3.8 3.8 0 0 0-2.6 1 3.7 3.7 0 0 0-1.2 2.5 8.8 8.8 0 0 0 0 1.2V19a3.7 3.7 0 0 0 3.8 3.6 4 4 0 0 0 2.6-1c.7-.6 1.1-1.6 1.2-3v.1Zm-2.9 7.6a7.5 7.5 0 0 1-1.7-.2 7 7 0 0 1-1.4-.5 5.3 5.3 0 0 1-1-.6 5.5 5.5 0 0 1-.6-.6v6.7a.9.9 0 0 1-.8.8h-2.4a.9.9 0 0 1-.9-.8V10.5a.9.9 0 0 1 .9-.8h2.4a.9.9 0 0 1 .8.8v.7a5.3 5.3 0 0 1 1.7-1.2 7 7 0 0 1 1.3-.4 7.5 7.5 0 0 1 1.7-.2 6.5 6.5 0 0 1 2.9.6c.8.4 1.5 1 2.1 1.6a7.9 7.9 0 0 1 1.5 2.4c.3.9.5 1.8.5 2.7V19a8.6 8.6 0 0 1-.5 2.8 7.9 7.9 0 0 1-1.5 2.4 6.7 6.7 0 0 1-2.1 1.6 6.5 6.5 0 0 1-2.9.6Zm20.6-7.6a8.1 8.1 0 0 0 0-1.8c0-1.3-.5-2.3-1.2-2.9a3.9 3.9 0 0 0-2.6-.9 3.8 3.8 0 0 0-2.6 1 3.7 3.7 0 0 0-1.2 2.5 9.7 9.7 0 0 0 0 1.2V19c0 1 .5 1.9 1.2 2.6a3.7 3.7 0 0 0 2.6 1 3.9 3.9 0 0 0 2.6-1c.7-.6 1.1-1.6 1.2-3v.1Zm-2.9 7.6a7.5 7.5 0 0 1-1.7-.2 7.1 7.1 0 0 1-1.4-.5 5.2 5.2 0 0 1-1-.6 5.7 5.7 0 0 1-.6-.6v6.7a.8.8 0 0 1-.3.6.8.8 0 0 1-.5.2h-2.4a.9.9 0 0 1-.9-.8V10.5a.9.9 0 0 1 .9-.8h2.4a.9.9 0 0 1 .8.8v.7a5.7 5.7 0 0 1 1.6-1.2 7.1 7.1 0 0 1 1.4-.4 7.5 7.5 0 0 1 1.7-.2 6.5 6.5 0 0 1 2.9.6 6.8 6.8 0 0 1 2.1 1.6 7.8 7.8 0 0 1 1.4 2.4c.4.9.6 1.8.6 2.7V19a8.6 8.6 0 0 1-.6 2.8 7.8 7.8 0 0 1-1.4 2.4 6.8 6.8 0 0 1-2.1 1.6 6.5 6.5 0 0 1-2.9.6"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M0 0h154v32H0z"/>
+    </clipPath>
+  </defs>
+</svg>
\ No newline at end of file