From f67d5175821f2ce76591a0c9a32ae13e412cad3c Mon Sep 17 00:00:00 2001
From: M Fahru <m.fahru@overleaf.com>
Date: Wed, 13 Dec 2023 07:31:15 -0700
Subject: [PATCH] Merge pull request #16085 from
 overleaf/mf-website-redesign-business

[web] Implement new enterprises/business page

GitOrigin-RevId: 456834604a51cb0a9a5de0c3ac406f33069df9fb
---
 .../web/frontend/fonts/material-symbols.css   |  4 +++
 .../stylesheets/app/website-redesign.less     | 33 +++++++++++++++++--
 .../building-compliance-round.svg             | 10 ++++++
 .../img/website-redesign/certified-round.svg  | 10 ++++++
 .../img/website-redesign/compliance-round.svg | 10 ++++++
 .../img/website-redesign/group-round.svg      | 10 ++++++
 .../img/website-redesign/lock-round.svg       | 10 ++++++
 .../img/website-redesign/shield-round.svg     | 10 ++++++
 .../img/website-redesign/support-round.svg    | 10 ++++++
 .../img/website-redesign/writing-round.svg    | 10 ++++++
 10 files changed, 114 insertions(+), 3 deletions(-)
 create mode 100644 services/web/public/img/website-redesign/building-compliance-round.svg
 create mode 100644 services/web/public/img/website-redesign/certified-round.svg
 create mode 100644 services/web/public/img/website-redesign/compliance-round.svg
 create mode 100644 services/web/public/img/website-redesign/group-round.svg
 create mode 100644 services/web/public/img/website-redesign/lock-round.svg
 create mode 100644 services/web/public/img/website-redesign/shield-round.svg
 create mode 100644 services/web/public/img/website-redesign/support-round.svg
 create mode 100644 services/web/public/img/website-redesign/writing-round.svg

diff --git a/services/web/frontend/fonts/material-symbols.css b/services/web/frontend/fonts/material-symbols.css
index bdb20dbffd..f38a28e1cd 100644
--- a/services/web/frontend/fonts/material-symbols.css
+++ b/services/web/frontend/fonts/material-symbols.css
@@ -26,3 +26,7 @@
 .material-symbols.material-symbols-rounded {
   font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 20;
 }
+
+.material-symbols-xl {
+  font-size: 56px;
+}
diff --git a/services/web/frontend/stylesheets/app/website-redesign.less b/services/web/frontend/stylesheets/app/website-redesign.less
index 7b792b7fef..9b06d55cc4 100644
--- a/services/web/frontend/stylesheets/app/website-redesign.less
+++ b/services/web/frontend/stylesheets/app/website-redesign.less
@@ -385,6 +385,21 @@
     }
   }
 
+  .security-info {
+    .security-info-first-row {
+      margin-bottom: 32px;
+      @media (max-width: @screen-sm-max) {
+        margin-bottom: 0;
+      }
+    }
+
+    .security-info-item {
+      @media (max-width: @screen-sm-max) {
+        margin-bottom: 16px;
+      }
+    }
+  }
+
   .mono-text {
     font-family: 'DM Mono', monospace;
     color: var(--green-60);
@@ -401,14 +416,17 @@
     }
   }
 
-  .green-link {
-    color: var(--green-60);
-
+  .link-with-arrow {
     i.material-symbols-rounded {
       vertical-align: middle;
       padding-bottom: 3px;
       font-size: 24px;
     }
+  }
+
+  .green-link {
+    .link-with-arrow;
+    color: @green-60;
 
     &:hover {
       color: var(--green-70);
@@ -418,6 +436,11 @@
     }
   }
 
+  .white-link {
+    .link-with-arrow;
+    color: white;
+  }
+
   .btn-blue-gradient {
     background: var(--premium-gradient);
     color: var(--white);
@@ -514,6 +537,10 @@
     margin-top: 24px;
     gap: 16px;
 
+    &.centered-buttons {
+      justify-content: center;
+    }
+
     @media (max-width: @screen-sm-max) {
       flex-direction: column;
       width: 100%;
diff --git a/services/web/public/img/website-redesign/building-compliance-round.svg b/services/web/public/img/website-redesign/building-compliance-round.svg
new file mode 100644
index 0000000000..e63284e200
--- /dev/null
+++ b/services/web/public/img/website-redesign/building-compliance-round.svg
@@ -0,0 +1,10 @@
+<svg width="56" height="57" viewBox="0 0 56 57" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="4.31592" width="48" height="48" rx="24" fill="#BBDBB8"/>
+<rect x="4" y="4.31592" width="48" height="48" rx="24" stroke="#EBF6EA" stroke-width="8"/>
+<mask id="mask0_1294_25622" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="15" y="16" width="25" height="24">
+<rect x="15.833" y="16" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_1294_25622)">
+<path d="M20.833 32V27C20.833 26.7167 20.9288 26.4792 21.1205 26.2875C21.3122 26.0958 21.5497 26 21.833 26C22.1163 26 22.3538 26.0958 22.5455 26.2875C22.7372 26.4792 22.833 26.7167 22.833 27V32C22.833 32.2833 22.7372 32.5208 22.5455 32.7125C22.3538 32.9042 22.1163 33 21.833 33C21.5497 33 21.3122 32.9042 21.1205 32.7125C20.9288 32.5208 20.833 32.2833 20.833 32ZM26.833 32V27C26.833 26.7167 26.9288 26.4792 27.1205 26.2875C27.3122 26.0958 27.5497 26 27.833 26C28.1163 26 28.3538 26.0958 28.5455 26.2875C28.7372 26.4792 28.833 26.7167 28.833 27V32C28.833 32.2833 28.7372 32.5208 28.5455 32.7125C28.3538 32.9042 28.1163 33 27.833 33C27.5497 33 27.3122 32.9042 27.1205 32.7125C26.9288 32.5208 26.833 32.2833 26.833 32ZM36.833 24H18.733C18.483 24 18.2705 23.9125 18.0955 23.7375C17.9205 23.5625 17.833 23.35 17.833 23.1V22.55C17.833 22.3667 17.8788 22.2083 17.9705 22.075C18.0622 21.9417 18.183 21.8333 18.333 21.75L26.933 17.45C27.2163 17.3167 27.5163 17.25 27.833 17.25C28.1497 17.25 28.4497 17.3167 28.733 17.45L37.283 21.725C37.4663 21.8083 37.6038 21.9333 37.6955 22.1C37.7872 22.2667 37.833 22.4417 37.833 22.625V23C37.833 23.2833 37.7372 23.5208 37.5455 23.7125C37.3538 23.9042 37.1163 24 36.833 24ZM30.233 37H18.833C18.5497 37 18.3122 36.9042 18.1205 36.7125C17.9288 36.5208 17.833 36.2833 17.833 36C17.833 35.7167 17.9288 35.4792 18.1205 35.2875C18.3122 35.0958 18.5497 35 18.833 35H29.883C29.9163 35.35 29.958 35.6875 30.008 36.0125C30.058 36.3375 30.133 36.6667 30.233 37ZM32.833 29.25V27C32.833 26.7167 32.9288 26.4792 33.1205 26.2875C33.3122 26.0958 33.5497 26 33.833 26C34.1163 26 34.3538 26.0958 34.5455 26.2875C34.7372 26.4792 34.833 26.7167 34.833 27V28.25L32.833 29.25ZM31.833 34.55V32.625C31.833 32.4417 31.8788 32.2667 31.9705 32.1C32.0622 31.9333 32.1997 31.8083 32.383 31.725L35.383 30.225C35.5163 30.1417 35.6663 30.1 35.833 30.1C35.9997 30.1 36.1497 30.1417 36.283 30.225L39.283 31.725C39.4663 31.8083 39.6038 31.9333 39.6955 32.1C39.7872 32.2667 39.833 32.4417 39.833 32.625V34.55C39.833 35.8 39.508 36.8792 38.858 37.7875C38.208 38.6958 37.3247 39.3833 36.208 39.85C36.1747 39.8667 36.0497 39.8917 35.833 39.925C35.7997 39.925 35.6747 39.9 35.458 39.85C34.3413 39.3833 33.458 38.6958 32.808 37.7875C32.158 36.8792 31.833 35.8 31.833 34.55ZM35.108 34.875L34.658 34.425C34.508 34.275 34.333 34.2042 34.133 34.2125C33.933 34.2208 33.758 34.3 33.608 34.45C33.458 34.6 33.383 34.775 33.383 34.975C33.383 35.175 33.458 35.35 33.608 35.5L34.408 36.3C34.608 36.5 34.8413 36.6 35.108 36.6C35.3747 36.6 35.608 36.5 35.808 36.3L38.058 34.075C38.208 33.925 38.283 33.75 38.283 33.55C38.283 33.35 38.208 33.175 38.058 33.025C37.908 32.875 37.733 32.8042 37.533 32.8125C37.333 32.8208 37.158 32.8917 37.008 33.025L35.108 34.875Z" fill="#138A07"/>
+</g>
+</svg>
diff --git a/services/web/public/img/website-redesign/certified-round.svg b/services/web/public/img/website-redesign/certified-round.svg
new file mode 100644
index 0000000000..b2abbfb795
--- /dev/null
+++ b/services/web/public/img/website-redesign/certified-round.svg
@@ -0,0 +1,10 @@
+<svg width="56" height="57" viewBox="0 0 56 57" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="4.31592" width="48" height="48" rx="24" fill="#BBDBB8"/>
+<rect x="4" y="4.31592" width="48" height="48" rx="24" stroke="#EBF6EA" stroke-width="8"/>
+<mask id="mask0_1294_25630" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="15" y="16" width="25" height="24">
+<rect x="15.833" y="16" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_1294_25630)">
+<path d="M27.833 27.925L26.133 29.225C26.033 29.3083 25.933 29.3125 25.833 29.2375C25.733 29.1625 25.6997 29.0667 25.733 28.95L26.383 26.85L24.633 25.45C24.5497 25.3667 24.5247 25.2708 24.558 25.1625C24.5913 25.0542 24.6663 25 24.783 25H26.933L27.583 22.95C27.6163 22.8333 27.6997 22.775 27.833 22.775C27.9663 22.775 28.0497 22.8333 28.083 22.95L28.733 25H30.858C30.9747 25 31.0538 25.0542 31.0955 25.1625C31.1372 25.2708 31.1163 25.3667 31.033 25.45L29.258 26.85L29.908 28.95C29.9413 29.0667 29.908 29.1625 29.808 29.2375C29.708 29.3125 29.608 29.3083 29.508 29.225L27.833 27.925ZM27.833 37L23.158 38.55C22.8247 38.6667 22.5205 38.625 22.2455 38.425C21.9705 38.225 21.833 37.9583 21.833 37.625V31.275C21.1997 30.575 20.708 29.775 20.358 28.875C20.008 27.975 19.833 27.0167 19.833 26C19.833 23.7667 20.608 21.875 22.158 20.325C23.708 18.775 25.5997 18 27.833 18C30.0663 18 31.958 18.775 33.508 20.325C35.058 21.875 35.833 23.7667 35.833 26C35.833 27.0167 35.658 27.975 35.308 28.875C34.958 29.775 34.4663 30.575 33.833 31.275V37.625C33.833 37.9583 33.6955 38.225 33.4205 38.425C33.1455 38.625 32.8413 38.6667 32.508 38.55L27.833 37ZM27.833 32C29.4997 32 30.9163 31.4167 32.083 30.25C33.2497 29.0833 33.833 27.6667 33.833 26C33.833 24.3333 33.2497 22.9167 32.083 21.75C30.9163 20.5833 29.4997 20 27.833 20C26.1663 20 24.7497 20.5833 23.583 21.75C22.4163 22.9167 21.833 24.3333 21.833 26C21.833 27.6667 22.4163 29.0833 23.583 30.25C24.7497 31.4167 26.1663 32 27.833 32Z" fill="#138A07"/>
+</g>
+</svg>
diff --git a/services/web/public/img/website-redesign/compliance-round.svg b/services/web/public/img/website-redesign/compliance-round.svg
new file mode 100644
index 0000000000..41139459c0
--- /dev/null
+++ b/services/web/public/img/website-redesign/compliance-round.svg
@@ -0,0 +1,10 @@
+<svg width="56" height="57" viewBox="0 0 56 57" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="4.31592" width="48" height="48" rx="24" fill="#BBDBB8"/>
+<rect x="4" y="4.31592" width="48" height="48" rx="24" stroke="#EBF6EA" stroke-width="8"/>
+<mask id="mask0_1294_25642" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="16" y="16" width="24" height="24">
+<rect x="16" y="16" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_1294_25642)">
+<path d="M26.95 28.6999L25.55 27.2999C25.35 27.0999 25.1167 26.9999 24.85 26.9999C24.5833 26.9999 24.35 27.0999 24.15 27.2999C23.95 27.4999 23.85 27.7374 23.85 28.0124C23.85 28.2874 23.95 28.5249 24.15 28.7249L26.25 30.8499C26.45 31.0499 26.6833 31.1499 26.95 31.1499C27.2167 31.1499 27.45 31.0499 27.65 30.8499L31.9 26.5999C32.1 26.3999 32.2 26.1624 32.2 25.8874C32.2 25.6124 32.1 25.3749 31.9 25.1749C31.7 24.9749 31.4625 24.8749 31.1875 24.8749C30.9125 24.8749 30.675 24.9749 30.475 25.1749L26.95 28.6999ZM28 37.8999C27.8833 37.8999 27.775 37.8916 27.675 37.8749C27.575 37.8582 27.475 37.8332 27.375 37.7999C25.125 37.0499 23.3333 35.6624 22 33.6374C20.6667 31.6124 20 29.4332 20 27.0999V22.3749C20 21.9582 20.1208 21.5832 20.3625 21.2499C20.6042 20.9166 20.9167 20.6749 21.3 20.5249L27.3 18.2749C27.5333 18.1916 27.7667 18.1499 28 18.1499C28.2333 18.1499 28.4667 18.1916 28.7 18.2749L34.7 20.5249C35.0833 20.6749 35.3958 20.9166 35.6375 21.2499C35.8792 21.5832 36 21.9582 36 22.3749V27.0999C36 29.4332 35.3333 31.6124 34 33.6374C32.6667 35.6624 30.875 37.0499 28.625 37.7999C28.525 37.8332 28.425 37.8582 28.325 37.8749C28.225 37.8916 28.1167 37.8999 28 37.8999Z" fill="#138A07"/>
+</g>
+</svg>
diff --git a/services/web/public/img/website-redesign/group-round.svg b/services/web/public/img/website-redesign/group-round.svg
new file mode 100644
index 0000000000..45d0f5a991
--- /dev/null
+++ b/services/web/public/img/website-redesign/group-round.svg
@@ -0,0 +1,10 @@
+<svg width="56" height="57" viewBox="0 0 56 57" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="4.31592" width="48" height="48" rx="24" fill="#BBDBB8"/>
+<rect x="4" y="4.31592" width="48" height="48" rx="24" stroke="#EBF6EA" stroke-width="8"/>
+<mask id="mask0_1294_25638" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="15" y="16" width="25" height="24">
+<rect x="15.667" y="16" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_1294_25638)">
+<path d="M19.667 29.525L22.192 27L19.667 24.475L17.142 27L19.667 29.525ZM33.167 29L35.667 25L38.167 29H33.167ZM27.667 28C26.8337 28 26.1253 27.7083 25.542 27.125C24.9587 26.5417 24.667 25.8333 24.667 25C24.667 24.15 24.9587 23.4375 25.542 22.8625C26.1253 22.2875 26.8337 22 27.667 22C28.517 22 29.2295 22.2875 29.8045 22.8625C30.3795 23.4375 30.667 24.15 30.667 25C30.667 25.8333 30.3795 26.5417 29.8045 27.125C29.2295 27.7083 28.517 28 27.667 28ZM15.667 33V32.425C15.667 31.6917 16.0378 31.1042 16.7795 30.6625C17.5212 30.2208 18.4837 30 19.667 30C19.8837 30 20.092 30.0042 20.292 30.0125C20.492 30.0208 20.6837 30.0417 20.867 30.075C20.6337 30.4083 20.4587 30.7667 20.342 31.15C20.2253 31.5333 20.167 31.9417 20.167 32.375V34H16.667C16.3837 34 16.1462 33.9042 15.9545 33.7125C15.7628 33.5208 15.667 33.2833 15.667 33ZM21.667 33V32.375C21.667 31.2917 22.2212 30.4167 23.3295 29.75C24.4378 29.0833 25.8837 28.75 27.667 28.75C29.467 28.75 30.917 29.0833 32.017 29.75C33.117 30.4167 33.667 31.2917 33.667 32.375V33C33.667 33.2833 33.5712 33.5208 33.3795 33.7125C33.1878 33.9042 32.9503 34 32.667 34H22.667C22.3837 34 22.1462 33.9042 21.9545 33.7125C21.7628 33.5208 21.667 33.2833 21.667 33ZM35.667 30C36.867 30 37.8337 30.2208 38.567 30.6625C39.3003 31.1042 39.667 31.6917 39.667 32.425V33C39.667 33.2833 39.5712 33.5208 39.3795 33.7125C39.1878 33.9042 38.9503 34 38.667 34H35.167V32.375C35.167 31.9417 35.1128 31.5333 35.0045 31.15C34.8962 30.7667 34.7337 30.4083 34.517 30.075C34.7003 30.0417 34.8878 30.0208 35.0795 30.0125C35.2712 30.0042 35.467 30 35.667 30Z" fill="#138A07"/>
+</g>
+</svg>
diff --git a/services/web/public/img/website-redesign/lock-round.svg b/services/web/public/img/website-redesign/lock-round.svg
new file mode 100644
index 0000000000..4e80dce3b7
--- /dev/null
+++ b/services/web/public/img/website-redesign/lock-round.svg
@@ -0,0 +1,10 @@
+<svg width="56" height="57" viewBox="0 0 56 57" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="4.31592" width="48" height="48" rx="24" fill="#BBDBB8"/>
+<rect x="4" y="4.31592" width="48" height="48" rx="24" stroke="#EBF6EA" stroke-width="8"/>
+<mask id="mask0_1294_25634" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="16" y="16" width="25" height="24">
+<rect x="16.333" y="16" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_1294_25634)">
+<path d="M22.333 38C21.783 38 21.3122 37.8042 20.9205 37.4125C20.5288 37.0208 20.333 36.55 20.333 36V26C20.333 25.45 20.5288 24.9792 20.9205 24.5875C21.3122 24.1958 21.783 24 22.333 24H23.333V22C23.333 20.6167 23.8205 19.4375 24.7955 18.4625C25.7705 17.4875 26.9497 17 28.333 17C29.7163 17 30.8955 17.4875 31.8705 18.4625C32.8455 19.4375 33.333 20.6167 33.333 22V24H34.333C34.883 24 35.3538 24.1958 35.7455 24.5875C36.1372 24.9792 36.333 25.45 36.333 26V36C36.333 36.55 36.1372 37.0208 35.7455 37.4125C35.3538 37.8042 34.883 38 34.333 38H22.333ZM28.333 33C28.883 33 29.3538 32.8042 29.7455 32.4125C30.1372 32.0208 30.333 31.55 30.333 31C30.333 30.45 30.1372 29.9792 29.7455 29.5875C29.3538 29.1958 28.883 29 28.333 29C27.783 29 27.3122 29.1958 26.9205 29.5875C26.5288 29.9792 26.333 30.45 26.333 31C26.333 31.55 26.5288 32.0208 26.9205 32.4125C27.3122 32.8042 27.783 33 28.333 33ZM25.333 24H31.333V22C31.333 21.1667 31.0413 20.4583 30.458 19.875C29.8747 19.2917 29.1663 19 28.333 19C27.4997 19 26.7913 19.2917 26.208 19.875C25.6247 20.4583 25.333 21.1667 25.333 22V24Z" fill="#138A07"/>
+</g>
+</svg>
diff --git a/services/web/public/img/website-redesign/shield-round.svg b/services/web/public/img/website-redesign/shield-round.svg
new file mode 100644
index 0000000000..e34a2deec8
--- /dev/null
+++ b/services/web/public/img/website-redesign/shield-round.svg
@@ -0,0 +1,10 @@
+<svg width="56" height="57" viewBox="0 0 56 57" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="4.31592" width="48" height="48" rx="24" fill="#BBDBB8"/>
+<rect x="4" y="4.31592" width="48" height="48" rx="24" stroke="#EBF6EA" stroke-width="8"/>
+<mask id="mask0_1294_25626" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="16" y="16" width="24" height="24">
+<rect x="16" y="16" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_1294_25626)">
+<path d="M28 35.8999C29.6167 35.3999 30.9667 34.4124 32.05 32.9374C33.1333 31.4624 33.7667 29.8166 33.95 27.9999H28V20.1249L22 22.3749V27.5499C22 27.6666 22.0167 27.8166 22.05 27.9999H28V35.8999ZM28 37.8999C27.8833 37.8999 27.775 37.8916 27.675 37.8749C27.575 37.8582 27.475 37.8332 27.375 37.7999C25.125 37.0499 23.3333 35.6624 22 33.6374C20.6667 31.6124 20 29.4332 20 27.0999V22.3749C20 21.9582 20.1208 21.5832 20.3625 21.2499C20.6042 20.9166 20.9167 20.6749 21.3 20.5249L27.3 18.2749C27.5333 18.1916 27.7667 18.1499 28 18.1499C28.2333 18.1499 28.4667 18.1916 28.7 18.2749L34.7 20.5249C35.0833 20.6749 35.3958 20.9166 35.6375 21.2499C35.8792 21.5832 36 21.9582 36 22.3749V27.0999C36 29.4332 35.3333 31.6124 34 33.6374C32.6667 35.6624 30.875 37.0499 28.625 37.7999C28.525 37.8332 28.425 37.8582 28.325 37.8749C28.225 37.8916 28.1167 37.8999 28 37.8999Z" fill="#138A07"/>
+</g>
+</svg>
diff --git a/services/web/public/img/website-redesign/support-round.svg b/services/web/public/img/website-redesign/support-round.svg
new file mode 100644
index 0000000000..daaa291e33
--- /dev/null
+++ b/services/web/public/img/website-redesign/support-round.svg
@@ -0,0 +1,10 @@
+<svg width="56" height="57" viewBox="0 0 56 57" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="4.31592" width="48" height="48" rx="24" fill="#BBDBB8"/>
+<rect x="4" y="4.31592" width="48" height="48" rx="24" stroke="#EBF6EA" stroke-width="8"/>
+<mask id="mask0_1231_32133" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="16" y="16" width="24" height="25">
+<rect x="16" y="16.3159" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_1231_32133)">
+<path d="M28 37.3159C27.7167 37.3159 27.4792 37.2201 27.2875 37.0284C27.0958 36.8368 27 36.5993 27 36.3159C27 36.0326 27.0958 35.7951 27.2875 35.6034C27.4792 35.4118 27.7167 35.3159 28 35.3159H35V28.2159C35 26.2659 34.3208 24.6118 32.9625 23.2534C31.6042 21.8951 29.95 21.2159 28 21.2159C26.05 21.2159 24.3958 21.8951 23.0375 23.2534C21.6792 24.6118 21 26.2659 21 28.2159V33.3159C21 33.5993 20.9042 33.8368 20.7125 34.0284C20.5208 34.2201 20.2833 34.3159 20 34.3159C19.45 34.3159 18.9792 34.1201 18.5875 33.7284C18.1958 33.3368 18 32.8659 18 32.3159V30.3159C18 29.9659 18.0875 29.6368 18.2625 29.3284C18.4375 29.0201 18.6833 28.7743 19 28.5909L19.075 27.2659C19.2083 26.1326 19.5375 25.0826 20.0625 24.1159C20.5875 23.1493 21.2458 22.3076 22.0375 21.5909C22.8292 20.8743 23.7375 20.3159 24.7625 19.9159C25.7875 19.5159 26.8667 19.3159 28 19.3159C29.1333 19.3159 30.2083 19.5159 31.225 19.9159C32.2417 20.3159 33.15 20.8701 33.95 21.5784C34.75 22.2868 35.4083 23.1243 35.925 24.0909C36.4417 25.0576 36.775 26.1076 36.925 27.2409L37 28.5409C37.3167 28.6909 37.5625 28.9159 37.7375 29.2159C37.9125 29.5159 38 29.8326 38 30.1659V32.4659C38 32.7993 37.9125 33.1159 37.7375 33.4159C37.5625 33.7159 37.3167 33.9409 37 34.0909V35.3159C37 35.8659 36.8042 36.3368 36.4125 36.7284C36.0208 37.1201 35.55 37.3159 35 37.3159H28ZM25 30.3159C24.7167 30.3159 24.4792 30.2201 24.2875 30.0284C24.0958 29.8368 24 29.5993 24 29.3159C24 29.0326 24.0958 28.7951 24.2875 28.6034C24.4792 28.4118 24.7167 28.3159 25 28.3159C25.2833 28.3159 25.5208 28.4118 25.7125 28.6034C25.9042 28.7951 26 29.0326 26 29.3159C26 29.5993 25.9042 29.8368 25.7125 30.0284C25.5208 30.2201 25.2833 30.3159 25 30.3159ZM31 30.3159C30.7167 30.3159 30.4792 30.2201 30.2875 30.0284C30.0958 29.8368 30 29.5993 30 29.3159C30 29.0326 30.0958 28.7951 30.2875 28.6034C30.4792 28.4118 30.7167 28.3159 31 28.3159C31.2833 28.3159 31.5208 28.4118 31.7125 28.6034C31.9042 28.7951 32 29.0326 32 29.3159C32 29.5993 31.9042 29.8368 31.7125 30.0284C31.5208 30.2201 31.2833 30.3159 31 30.3159ZM22.025 28.7659C21.9083 26.9993 22.4417 25.4826 23.625 24.2159C24.8083 22.9493 26.2833 22.3159 28.05 22.3159C29.5333 22.3159 30.8375 22.7868 31.9625 23.7284C33.0875 24.6701 33.7667 25.8743 34 27.3409C32.4833 27.3243 31.0875 26.9159 29.8125 26.1159C28.5375 25.3159 27.5583 24.2326 26.875 22.8659C26.6083 24.1993 26.0458 25.3868 25.1875 26.4284C24.3292 27.4701 23.275 28.2493 22.025 28.7659Z" fill="#138A07"/>
+</g>
+</svg>
diff --git a/services/web/public/img/website-redesign/writing-round.svg b/services/web/public/img/website-redesign/writing-round.svg
new file mode 100644
index 0000000000..dd16d31558
--- /dev/null
+++ b/services/web/public/img/website-redesign/writing-round.svg
@@ -0,0 +1,10 @@
+<svg width="56" height="57" viewBox="0 0 56 57" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="4.31592" width="48" height="48" rx="24" fill="#BBDBB8"/>
+<rect x="4" y="4.31592" width="48" height="48" rx="24" stroke="#EBF6EA" stroke-width="8"/>
+<mask id="mask0_1231_32125" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="16" y="16" width="24" height="25">
+<rect x="16" y="16.3159" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_1231_32125)">
+<path d="M22 38.3159C21.45 38.3159 20.9792 38.1201 20.5875 37.7284C20.1958 37.3368 20 36.8659 20 36.3159V20.3159C20 19.7659 20.1958 19.2951 20.5875 18.9034C20.9792 18.5118 21.45 18.3159 22 18.3159H29.175C29.4417 18.3159 29.6958 18.3659 29.9375 18.4659C30.1792 18.5659 30.3917 18.7076 30.575 18.8909L35.425 23.7409C35.6083 23.9243 35.75 24.1368 35.85 24.3784C35.95 24.6201 36 24.8743 36 25.1409V27.3159C35.6167 27.3993 35.2583 27.5326 34.925 27.7159C34.5917 27.8993 34.2833 28.1326 34 28.4159L28.6 33.8159C28.4167 33.9993 28.2708 34.2118 28.1625 34.4534C28.0542 34.6951 28 34.9493 28 35.2159V38.3159H22ZM30 37.3159V35.6659C30 35.5326 30.025 35.4034 30.075 35.2784C30.125 35.1534 30.2 35.0409 30.3 34.9409L35.525 29.7409C35.675 29.5909 35.8417 29.4826 36.025 29.4159C36.2083 29.3493 36.3917 29.3159 36.575 29.3159C36.775 29.3159 36.9667 29.3534 37.15 29.4284C37.3333 29.5034 37.5 29.6159 37.65 29.7659L38.575 30.6909C38.7083 30.8409 38.8125 31.0076 38.8875 31.1909C38.9625 31.3743 39 31.5576 39 31.7409C39 31.9243 38.9667 32.1118 38.9 32.3034C38.8333 32.4951 38.725 32.6659 38.575 32.8159L33.375 38.0159C33.275 38.1159 33.1625 38.1909 33.0375 38.2409C32.9125 38.2909 32.7833 38.3159 32.65 38.3159H31C30.7167 38.3159 30.4792 38.2201 30.2875 38.0284C30.0958 37.8368 30 37.5993 30 37.3159ZM36.575 32.7159L37.5 31.7409L36.575 30.8159L35.625 31.7659L36.575 32.7159ZM30 25.3159H34L29 20.3159V24.3159C29 24.5993 29.0958 24.8368 29.2875 25.0284C29.4792 25.2201 29.7167 25.3159 30 25.3159Z" fill="#138A07"/>
+</g>
+</svg>