Merge pull request #8929 from hashicorp/pcmccarron-service-mesh-page-updates

Service mesh page updates

website/pages/use-cases/multi-platform-service-mesh.jsx

@@ -1,6 +1,5 @@
 import UseCaseLayout from '../../layouts/use-cases'
 import TextSplitWithImage from '@hashicorp/react-text-split-with-image'
-import TextSplitWithCode from '@hashicorp/react-text-split-with-code'
 
 export default function MultiPlatformServiceMeshPage() {
   return (
@@ -49,7 +48,7 @@ export default function MultiPlatformServiceMeshPage() {
         }}
       />
 
-      <TextSplitWithCode
+      <TextSplitWithImage
         textSplit={{
           heading: 'Layer 7 Traffic Management',
           content:
@@ -64,21 +63,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 +83,7 @@ Splits = [
           ],
         }}
         image={{
-          url: require('./img/kubernetes.svg?url'),
+          url: require('./img/IntegrateAndExtend.svg?url'),
         }}
       />
 
@@ -129,11 +115,18 @@ 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'),
         }}
       />
 

website/pages/use-cases/network-infrastructure-automation.jsx

@@ -18,13 +18,52 @@ export default function NetworkInfrastructureAutomationPage() {
             {
               text: 'Learn More',
               url:
-                'https://learn.hashicorp.com/consul?track=integrations#integrations',
+                'https://learn.hashicorp.com/collections/consul/integrations',
               type: 'outbound',
             },
           ],
         }}
         image={{
-          url: require('./img/dynamic-load-balancing.svg?url'),
+          url: require('./img/DynamicLoadBalancing.svg?url'),
+        }}
+      />
+
+      <TextSplitWithImage
+        textSplit={{
+          heading: 'Automated Firewalling',
+          content:
+            'Use Consul-Terraform-Sync to dynamically configure and apply firewall rules for newly added services.',
+          textSide: 'left',
+          links: [
+            {
+              text: 'Learn More',
+              url: '/docs/nia',
+              type: 'outbound',
+            },
+          ],
+        }}
+        image={{
+          url: require('./img/DynamicFirewalling.svg?url'),
+        }}
+      />
+
+      <TextSplitWithImage
+        textSplit={{
+          heading: 'Health Checks Visibility',
+          content:
+            'Consul enables operators to gain real-time insights into the service definitions, health, and location of applications supported by the network.',
+          textSide: 'right',
+          links: [
+            {
+              text: 'Learn More',
+              url:
+                'https://www.hashicorp.com/integrations?product=consul&type=sdn',
+              type: 'outbound',
+            },
+          ],
+        }}
+        image={{
+          url: require('./img/ConsulACI.png?url'),
         }}
       />
 
@@ -37,13 +76,13 @@ export default function NetworkInfrastructureAutomationPage() {
           links: [
             {
               text: 'Read More',
-              url: '/docs/partnerships',
+              url: '/docs/integrate/nia-integration',
               type: 'inbound',
             },
           ],
         }}
         image={{
-          url: require('./img/extend-through-ecosystem.svg?url'),
+          url: require('./img/NIA_logo_grid.svg?url'),
         }}
       />
 
@@ -78,7 +117,7 @@ export default function NetworkInfrastructureAutomationPage() {
               {
                 text: 'Learn More',
                 url:
-                  'https://learn.hashicorp.com/consul?track=integrations#integrations',
+                  'https://learn.hashicorp.com/tutorials/consul/recovery-outage?in=consul/datacenter-operations',
                 type: 'outbound',
               },
             ],