diff --git a/website/pages/use-cases/_temp-children.jsx b/website/pages/use-cases/_temp-children.jsx
deleted file mode 100644
index 1f49efcdc3..0000000000
--- a/website/pages/use-cases/_temp-children.jsx
+++ /dev/null
@@ -1,82 +0,0 @@
-import TextSplitWithImage from '@hashicorp/react-text-split-with-image'
-import FeaturedSlider from '@hashicorp/react-featured-slider'
-
-export default function TempUseCaseChildren() {
- return (
- <>
-
-
-
-
-
-
-
-
-
-
- )
-}
diff --git a/website/pages/use-cases/img/connect-and-extend.svg b/website/pages/use-cases/img/connect-and-extend.svg
new file mode 100644
index 0000000000..f3e0db4895
--- /dev/null
+++ b/website/pages/use-cases/img/connect-and-extend.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/website/pages/use-cases/img/kubernetes.svg b/website/pages/use-cases/img/kubernetes.svg
new file mode 100644
index 0000000000..3aaf41aa50
--- /dev/null
+++ b/website/pages/use-cases/img/kubernetes.svg
@@ -0,0 +1,33 @@
+
+
\ No newline at end of file
diff --git a/website/pages/use-cases/img/multi-dc-multi-region.svg b/website/pages/use-cases/img/multi-dc-multi-region.svg
new file mode 100644
index 0000000000..cc5fe7443d
--- /dev/null
+++ b/website/pages/use-cases/img/multi-dc-multi-region.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/website/pages/use-cases/img/observability.svg b/website/pages/use-cases/img/observability.svg
new file mode 100644
index 0000000000..bf56198398
--- /dev/null
+++ b/website/pages/use-cases/img/observability.svg
@@ -0,0 +1,47 @@
+
+
\ No newline at end of file
diff --git a/website/pages/use-cases/img/robust-ecosystem.svg b/website/pages/use-cases/img/robust-ecosystem.svg
new file mode 100644
index 0000000000..922afae5d8
--- /dev/null
+++ b/website/pages/use-cases/img/robust-ecosystem.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/website/pages/use-cases/img/service-to-service.svg b/website/pages/use-cases/img/service-to-service.svg
new file mode 100644
index 0000000000..fbffce1ec9
--- /dev/null
+++ b/website/pages/use-cases/img/service-to-service.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/website/pages/use-cases/multi-platform-service-mesh.jsx b/website/pages/use-cases/multi-platform-service-mesh.jsx
index 13ae6a1c5b..61dcf64f24 100644
--- a/website/pages/use-cases/multi-platform-service-mesh.jsx
+++ b/website/pages/use-cases/multi-platform-service-mesh.jsx
@@ -1,5 +1,6 @@
import UseCaseLayout from '../../layouts/use-cases'
-import TempUseCaseChildren from './_temp-children'
+import TextSplitWithImage from '@hashicorp/react-text-split-with-image'
+import TextSplitWithCode from '@hashicorp/react-text-split-with-code'
export default function MultiPlatformServiceMeshPage() {
return (
@@ -7,7 +8,156 @@ export default function MultiPlatformServiceMeshPage() {
title="Multi-Platform Service Mesh"
description="Establish a service mesh between multiple runtime and cloud environments. Create a consistent platform for application networking and security with identity based authorization, L7 traffic management, and service-to-service encryption."
>
-
+
+
+
+
+
+
+
+
+
+
+
+
+