diff --git a/website/pages/use-cases/img/dynamic-load-balancing.svg b/website/pages/use-cases/img/dynamic-load-balancing.svg
new file mode 100644
index 0000000000..aed0f07c21
--- /dev/null
+++ b/website/pages/use-cases/img/dynamic-load-balancing.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/website/pages/use-cases/img/extend-through-ecosystem.svg b/website/pages/use-cases/img/extend-through-ecosystem.svg
new file mode 100644
index 0000000000..aeca4ba31a
--- /dev/null
+++ b/website/pages/use-cases/img/extend-through-ecosystem.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/website/pages/use-cases/img/flexible-architecture.svg b/website/pages/use-cases/img/flexible-architecture.svg
new file mode 100644
index 0000000000..65b5afb9d2
--- /dev/null
+++ b/website/pages/use-cases/img/flexible-architecture.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/website/pages/use-cases/img/reduce-downtime.png b/website/pages/use-cases/img/reduce-downtime.png
new file mode 100644
index 0000000000..836f50bd9b
Binary files /dev/null and b/website/pages/use-cases/img/reduce-downtime.png differ
diff --git a/website/pages/use-cases/network-middleware-automation.jsx b/website/pages/use-cases/network-middleware-automation.jsx
index 8574afb7ee..94e54c4f1c 100644
--- a/website/pages/use-cases/network-middleware-automation.jsx
+++ b/website/pages/use-cases/network-middleware-automation.jsx
@@ -1,13 +1,119 @@
import UseCaseLayout from '../../layouts/use-cases'
-import TempUseCaseChildren from './_temp-children'
+import TextSplitWithImage from '@hashicorp/react-text-split-with-image'
+import FeaturedSlider from '@hashicorp/react-featured-slider'
export default function NetworkMiddlewareAutomationPage() {
return (
-
+
+
+
+
+
+
+
+
+
+
+
)
}