benjystanton · Sep 24, 2026 · Sep 24, 2026 · Sep 24, 2026 · Sep 24, 2026 · Sep 24, 2026
diff --git a/app/assets/images/get-paid.png b/app/assets/images/get-paid.png
diff --git a/app/assets/images/homepage-illustration.png b/app/assets/images/homepage-illustration.png
diff --git a/app/assets/images/pharmacist.jpg b/app/assets/images/pharmacist.jpg
diff --git a/app/assets/images/record-vaccinations.png b/app/assets/images/record-vaccinations.png
diff --git a/app/assets/images/track-performance.png b/app/assets/images/track-performance.png
diff --git a/app/assets/images/user.png b/app/assets/images/user.png
diff --git a/app/assets/sass/_overrides.scss b/app/assets/sass/_overrides.scss
@@ -1,4 +1,3 @@
-
 .app-u-hide-on-mobile {
   @include nhsuk-media-query($until: tablet) {
     display: none;
@@ -48,7 +47,7 @@
     border-width: .3rem 0 .3rem .52rem;
   }
 
-  .nhsuk-details[open] > .nhsuk-details__summary::before {
+  .nhsuk-details[open]>.nhsuk-details__summary::before {
     border-width: .52rem .3rem 0 .3rem;
   }
 
@@ -74,3 +73,35 @@
   margin-bottom: nhsuk-spacing(4);
   padding-bottom: nhsuk-spacing(3);
 }
+
+// Product page
+
+.ravs-u-blue-background {
+  background-color: #005eb8;
+  color: white;
+}
+
+.ravs-u-align-vertical-center {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+}
+
+.ravs-u-text-wrap-balance {
+  text-wrap: balance;
+}
+
+.ravs-u-max-width {
+  max-width: 378px;
+}
+
+.ravs-quote-image {
+  width: 100px;
+  height: 100px;
+  border-radius: 50px;
+  float: left;
+}
+
+.ravs-quote-text {
+  margin-left: 130px;
+}
diff --git a/app/views/product-page.html b/app/views/product-page.html