diff --git a/services/web/frontend/stylesheets/app/website-redesign.less b/services/web/frontend/stylesheets/app/website-redesign.less
index e1bdef800c..7d6fbe7440 100644
--- a/services/web/frontend/stylesheets/app/website-redesign.less
+++ b/services/web/frontend/stylesheets/app/website-redesign.less
@@ -224,6 +224,94 @@
     }
   }
 
+  .customer-story-content {
+    .table-of-contents-section {
+      padding-right: 64px;
+      @media (max-width: @screen-sm-max) {
+        display: none;
+      }
+
+      .table-of-contents {
+        border-top: 1px solid var(--neutral-30);
+        border-bottom: 1px solid var(--neutral-30);
+        padding: 32px 0;
+
+        .heading {
+          font-size: 1.125rem;
+          font-weight: 600;
+          line-height: 1.333;
+          color: var(--green-60);
+        }
+
+        li {
+          list-style: none;
+          padding-top: 16px;
+          font-weight: 500;
+
+          a {
+            text-decoration: none;
+            color: var(--neutral-70);
+          }
+        }
+      }
+    }
+
+    .story-details-section {
+      h3 {
+        font-size: 1.875rem;
+        line-height: 1.333;
+        margin-top: 0;
+      }
+
+      .border-r-16 {
+        border-radius: 16px;
+      }
+
+      .introduction-image-caption {
+        padding-top: 16px;
+      }
+
+      .stats-card {
+        display: flex;
+        flex-direction: row;
+        padding: 32px;
+        border-radius: 16px;
+        background: var(--dark-jungle-green);
+        color: var(--white);
+        @media (max-width: @screen-sm-max) {
+          flex-direction: column;
+        }
+
+        .stats {
+          h3 {
+            font-size: 2rem;
+            font-weight: 600;
+          }
+
+          p {
+            font-weight: 600;
+            height: 50px;
+          }
+        }
+      }
+    }
+
+    .customer-quote {
+      border-left: 2px solid var(--green-60);
+      padding-left: 16px;
+
+      blockquote {
+        color: var(--neutral-90);
+        font-size: 1.6rem;
+        line-height: 1.333;
+      }
+
+      p {
+        font-size: 1.2rem;
+      }
+    }
+  }
+
   .features-card {
     display: flex; /* equal heights */
     flex-wrap: wrap;
@@ -335,7 +423,6 @@
     display: flex; /* equal heights */
     flex-wrap: wrap;
     align-items: center;
-
     position: relative;
     height: 655px;
     padding-top: @line-height-computed * 2;
@@ -531,6 +618,37 @@
     }
   }
 
+  .lime-color-text {
+    color: var(--malachite);
+  }
+
+  .cta-card-individual-customer {
+    display: flex;
+    justify-content: space-between;
+    padding: 64px;
+    background: var(--dark-jungle-green);
+    color: var(--white);
+    border-radius: 8px;
+
+    @media (max-width: @screen-sm-max) {
+      padding: 48px 24px;
+    }
+
+    h2 {
+      color: var(--white);
+    }
+
+    .btn-container {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+  }
+
+  .paragraph-line-height {
+    line-height: 1.333; // 24px
+  }
+
   .cta-card {
     display: flex;
     flex-direction: column;
@@ -541,7 +659,7 @@
     border-radius: 8px;
 
     @media (max-width: @screen-sm-max) {
-      padding: 48px 24px 48px 24px;
+      padding: 48px 24px;
     }
 
     .cta-card-title {
diff --git a/services/web/public/img/website-redesign/black-board.png b/services/web/public/img/website-redesign/black-board.png
new file mode 100644
index 0000000000..97d79208a0
Binary files /dev/null and b/services/web/public/img/website-redesign/black-board.png differ
diff --git a/services/web/public/img/website-redesign/cern-hero.png b/services/web/public/img/website-redesign/cern-hero.png
new file mode 100644
index 0000000000..47d8cd2bae
Binary files /dev/null and b/services/web/public/img/website-redesign/cern-hero.png differ
diff --git a/services/web/public/img/website-redesign/cs1-intro.png b/services/web/public/img/website-redesign/cs1-intro.png
new file mode 100644
index 0000000000..937228f907
Binary files /dev/null and b/services/web/public/img/website-redesign/cs1-intro.png differ
diff --git a/services/web/public/img/website-redesign/keyboard.png b/services/web/public/img/website-redesign/keyboard.png
new file mode 100644
index 0000000000..d2c93e8e06
Binary files /dev/null and b/services/web/public/img/website-redesign/keyboard.png differ
diff --git a/services/web/public/img/website-redesign/mansion.png b/services/web/public/img/website-redesign/mansion.png
new file mode 100644
index 0000000000..f755ca01bd
Binary files /dev/null and b/services/web/public/img/website-redesign/mansion.png differ
diff --git a/services/web/public/img/website-redesign/science-lab.png b/services/web/public/img/website-redesign/science-lab.png
new file mode 100644
index 0000000000..de5c57bd8c
Binary files /dev/null and b/services/web/public/img/website-redesign/science-lab.png differ
diff --git a/services/web/public/img/website-redesign/scientist-doll.png b/services/web/public/img/website-redesign/scientist-doll.png
new file mode 100644
index 0000000000..d58ee4c55f
Binary files /dev/null and b/services/web/public/img/website-redesign/scientist-doll.png differ
diff --git a/services/web/public/img/website-redesign/vscode.png b/services/web/public/img/website-redesign/vscode.png
new file mode 100644
index 0000000000..b0abe4d415
Binary files /dev/null and b/services/web/public/img/website-redesign/vscode.png differ