diff --git a/website/pages/use-cases/img/website-app-aware-intentions.png b/website/pages/use-cases/img/website-app-aware-intentions.png
new file mode 100644
index 000000000..5ba3c62da
--- /dev/null
+++ b/website/pages/use-cases/img/website-app-aware-intentions.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e2236be7f945feff70911b39c423641e1ed6773231ee8806fefa6363ba6e94be
+size 188029
diff --git a/website/pages/use-cases/img/website-mesh-viz.png b/website/pages/use-cases/img/website-mesh-viz.png
new file mode 100644
index 000000000..22e34afa9
--- /dev/null
+++ b/website/pages/use-cases/img/website-mesh-viz.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e65fa630de1d105b66e74c55bc61098f74877e20292645fb6c112d7a1040b65a
+size 190799
diff --git a/website/pages/use-cases/multi-platform-service-mesh.jsx b/website/pages/use-cases/multi-platform-service-mesh.jsx
index d42f19d50..ab07b6c1c 100644
--- a/website/pages/use-cases/multi-platform-service-mesh.jsx
+++ b/website/pages/use-cases/multi-platform-service-mesh.jsx
@@ -64,21 +64,8 @@ export default function MultiPlatformServiceMeshPage() {
             },
           ],
         }}
-        codeBlock={{
-          language: 'hcl',
-          code: `Kind = "service-splitter"
-Name = "billing-api"
-
-Splits = [
-  {
-    Weight        = 10
-    ServiceSubset = "v2"
-  },
-  {
-    Weight        = 90
-    ServiceSubset = "v1"
-  },
-]`,
+        image={{
+          url: require('./img/website-app-aware-intentions.png?url')
         }}
       />
 
@@ -97,7 +84,7 @@ Splits = [
           ],
         }}
         image={{
-          url: require('./img/kubernetes.svg?url'),
+          url: require('./img/IntegrateAndExtend.svg?url'),
         }}
       />
 
@@ -129,11 +116,19 @@ Splits = [
         textSplit={{
           heading: 'Improved Observability',
           content:
-            'Centrally managed service observability at Layer 7 including detailed metrics on all service-to-service communication such as connections, bytes transferred, retries, timeouts, open circuits, and request rates, response codes.',
+            'Gain insight into service health and performance metrics with a built-in visualization directly in the Consul UI or by exporting metrics to a third-party solution.',
           textSide: 'right',
+          links: [
+            {
+              text: 'Learn More',
+              url:
+                '/docs/agent/options#ui_config_metrics_provider',
+              type: 'outbound',
+            },
+          ],
         }}
         image={{
-          url: require('./img/observability.svg?url'),
+          url: require('./img/website-mesh-viz.png?url'),
         }}
       />