Adds Mulit-Platform Service Mesh page

5 years ago · 767c326df3
8 changed files with 236 additions and 84 deletions
--- a/website/pages/use-cases/_temp-children.jsx
+++ b/website/pages/use-cases/_temp-children.jsx
@ -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 (
-    <>
-      <div className="with-border">
-        <TextSplitWithImage
-          textSplit={{
-            heading: 'Multi-region, multi-cloud',
-            content:
-              'Consul’s flexible architecture allows it to be deployed in any environment, in any region, on any cloud.',
-            textSide: 'left',
-            links: [
-              {
-                text: 'Learn More',
-                url:
-                  'https://learn.hashicorp.com/consul?track=datacenter-deploy#datacenter-deploy',
-                type: 'outbound',
-              },
-            ],
-          }}
-          image={{
-            url:
-              'https://www.datocms-assets.com/2885/1588822376-multi-region.png',
-            alt: '',
-          }}
-        />
-      </div>
-
-      <div className="with-border">
-        <TextSplitWithImage
-          textSplit={{
-            heading: 'Multi-region, multi-cloud',
-            content:
-              'Consul’s flexible architecture allows it to be deployed in any environment, in any region, on any cloud.',
-            textSide: 'right',
-            links: [
-              {
-                text: 'Learn More',
-                url:
-                  'https://learn.hashicorp.com/consul?track=datacenter-deploy#datacenter-deploy',
-                type: 'outbound',
-              },
-            ],
-          }}
-          image={{
-            url:
-              'https://www.datocms-assets.com/2885/1588822376-multi-region.png',
-            alt: '',
-          }}
-        />
-      </div>
-
-      <FeaturedSlider
-        heading="Case Study"
-        theme="dark"
-        brand="consul"
-        features={[
-          {
-            logo: {
-              url: require('./img/mercedes-logo.svg?url'),
-              alt: 'Mercedes-Benz',
-            },
-            image: {
-              url: require('./img/mercedes-card.jpg?url'),
-              alt: 'Mercedes-Benz Case Study',
-            },
-            heading: 'On the Road Again',
-            content:
-              'How Mercedes-Benz delivers on service networking to accelerate delivery of its next-gen connected vehicles.',
-            link: {
-              text: 'Read Case Study',
-              url: 'https://www.hashicorp.com/case-studies/mercedes/',
-              type: 'outbound',
-            },
-          },
-        ]}
-      />
-    </>
-  )
-}
--- a/website/pages/use-cases/img/connect-and-extend.svg
+++ b/website/pages/use-cases/img/connect-and-extend.svg
--- a/website/pages/use-cases/img/kubernetes.svg
+++ b/website/pages/use-cases/img/kubernetes.svg
--- a/website/pages/use-cases/img/multi-dc-multi-region.svg
+++ b/website/pages/use-cases/img/multi-dc-multi-region.svg
--- a/website/pages/use-cases/img/observability.svg
+++ b/website/pages/use-cases/img/observability.svg
@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1972px" height="1270px" viewBox="0 0 1972 1270" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 58 (84663) - https://sketch.com -->
+    <title>Group 2</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group-2">
+            <rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="1972" height="1270"></rect>
+            <g id="signalfx" transform="translate(678.000000, 268.000000)" fill-rule="nonzero">
+                <path d="M582,86 L582,86" id="Path" fill="#343432"></path>
+                <polygon id="Path" fill="#59A345" points="615 45 590.06391 45 582 55.4363636 582 86"></polygon>
+                <polyline id="Path" fill="#010101" points="582.218499 86.1290323 550.678284 45 525.620643 45 558.532172 86.1290323 524 130 547.935657 130 570.375335 100.960411 593.189008 130 617 130 582.218499 86.1290323"></polyline>
+                <path d="M557,86 L557,86" id="Path" fill="#231F20"></path>
+                <g id="Group" fill="#010101">
+                    <polygon id="Path" points="529.750588 19.5681159 529.750588 3.24057971 451.310588 3.24057971 451.310588 129.623188 469.891765 129.623188 469.891765 73.6608696 525.261176 73.6608696 525.261176 57.5826087 469.891765 57.5826087 469.891765 19.5681159"></polygon>
+                    <path d="M73.7011765,68.1768116 L73.7011765,68.1768116 C70.0847059,65.4347826 66.0941176,63.1913043 61.7294118,61.5710145 C57.3647059,59.9507246 53,58.4550725 48.76,57.084058 C45.2682353,55.9623188 41.9011765,54.715942 38.7835294,53.5942029 C35.6658824,52.4724638 33.0470588,51.1014493 30.8023529,49.6057971 C28.5576471,48.1101449 26.8117647,46.115942 25.44,43.8724638 C24.1929412,41.6289855 23.4447059,38.8869565 23.4447059,35.5217391 C23.4447059,32.0318841 24.1929412,29.0405797 25.5647059,26.6724638 C27.0611765,24.1797101 28.9317647,22.0608696 31.1764706,20.4405797 C33.4211765,18.8202899 36.04,17.573913 38.9082353,16.826087 C41.7764706,16.0782609 44.6447059,15.7043478 47.3882353,15.7043478 C52.6258824,15.7043478 57.3647059,16.826087 61.48,18.9449275 C65.5952941,21.0637681 68.9623529,23.8057971 71.4564706,27.1710145 L71.8305882,27.6695652 L84.8,14.8318841 L84.4258824,14.457971 C80.4352941,10.0956522 75.1976471,6.48115942 68.8376471,3.86376812 C62.4776471,1.37101449 55.4941176,0 48.1364706,0 C42.8988235,0 37.6611765,0.747826087 32.5482353,1.9942029 C27.4352941,3.36521739 22.6964706,5.60869565 18.5811765,8.6 C14.4658824,11.5913043 11.0988235,15.3304348 8.48,19.942029 C5.98588235,24.4289855 4.61411765,29.9130435 4.61411765,36.2695652 C4.61411765,42.1275362 5.61176471,47.1130435 7.48235294,50.9768116 C9.35294118,54.9652174 11.9717647,58.3304348 15.0894118,60.9478261 C18.2070588,63.6898551 21.6988235,65.8086957 25.6894118,67.5536232 C29.5552941,69.2985507 33.6705882,70.7942029 37.6611765,71.915942 C41.7764706,73.2869565 45.5176471,74.5333333 49.1341176,75.7797101 C52.6258824,77.026087 55.8682353,78.5217391 58.4870588,80.2666667 C61.1058824,82.0115942 63.2258824,84.1304348 64.8470588,86.6231884 C66.3435294,89.115942 67.2164706,92.2318841 67.2164706,95.8463768 C67.2164706,99.4608696 66.4682353,102.701449 64.9717647,105.194203 C63.4752941,107.811594 61.48,109.930435 59.1105882,111.675362 C56.7411765,113.42029 54.1223529,114.666667 51.2541176,115.53913 C48.3858824,116.411594 45.3929412,116.785507 42.5247059,116.785507 C36.7882353,116.785507 31.5505882,115.414493 26.6870588,112.797101 C21.8235294,110.17971 17.8329412,106.565217 14.9647059,102.327536 L14.7152941,101.828986 L0,113.918841 L0.249411765,114.292754 C5.11294118,120.4 11.3482353,125.011594 18.8305882,128.127536 C26.1882353,131.243478 34.0447059,132.73913 42.0258824,132.73913 C47.6376471,132.73913 53.1247059,131.991304 58.3623529,130.371014 C63.6,128.875362 68.3388235,126.507246 72.4541176,123.266667 C76.5694118,120.150725 79.8117647,116.037681 82.3058824,111.176812 C84.8,106.315942 86.0470588,100.582609 86.0470588,94.1014493 C86.0470588,87.7449275 84.9247059,82.5101449 82.68,78.3971014 C80.1858824,74.284058 77.1929412,70.9188406 73.7011765,68.1768116 Z" id="Path"></path>
+                    <rect id="Rectangle" x="99.2658824" y="44.6202899" width="17.5835294" height="84.8782609"></rect>
+                    <path d="M202.522353,57.457971 C199.404706,52.4724638 195.04,48.7333333 189.802353,46.2405797 C184.315294,43.6231884 178.329412,42.2521739 172.343529,42.2521739 C165.983529,42.2521739 159.997647,43.373913 154.76,45.742029 C149.522353,48.1101449 145.032941,51.226087 141.291765,55.2144928 C137.550588,59.2028986 134.682353,63.9391304 132.687059,69.2985507 C130.691765,74.657971 129.694118,80.3913043 129.694118,86.4985507 C129.694118,92.6057971 130.691765,98.3391304 132.687059,103.573913 C134.682353,108.808696 137.550588,113.544928 141.291765,117.408696 C145.032941,121.397101 149.522353,124.513043 154.884706,126.756522 C160.122353,129 166.108235,130.121739 172.592941,130.121739 C178.703529,130.121739 184.44,128.875362 189.802353,126.382609 C194.915294,124.014493 199.030588,120.649275 202.023529,116.162319 L202.023529,125.884058 C202.023529,130.121739 201.524706,134.234783 200.527059,137.973913 C199.529412,141.713043 197.908235,144.953623 195.663529,147.571014 C193.418824,150.313043 190.425882,152.431884 186.684706,153.927536 C182.943529,155.547826 178.329412,156.295652 172.842353,156.295652 C167.105882,156.295652 161.494118,155.049275 156.131765,152.681159 C150.769412,150.188406 146.155294,146.947826 142.538824,142.834783 L142.164706,142.46087 L130.816471,156.171014 L131.190588,156.544928 C136.552941,161.405797 143.037647,165.269565 150.395294,167.886957 C157.752941,170.504348 165.235294,171.875362 172.592941,171.875362 C181.322353,171.875362 188.804706,170.504348 194.790588,167.886957 C200.776471,165.269565 205.64,161.77971 209.381176,157.417391 C213.122353,153.055072 215.741176,147.944928 217.237647,142.336232 C218.734118,136.727536 219.607059,130.744928 219.607059,124.637681 L219.607059,44.6202899 L202.522353,44.6202899 L202.522353,57.457971 L202.522353,57.457971 Z M201.275294,75.0318841 C202.647059,78.5217391 203.270588,82.2608696 203.270588,86.2492754 C203.270588,90.3623188 202.647059,94.1014493 201.275294,97.715942 L201.275294,97.715942 C199.903529,101.205797 198.032941,104.321739 195.538824,106.93913 C193.044706,109.556522 190.051765,111.675362 186.684706,113.171014 C183.192941,114.666667 179.327059,115.414493 175.087059,115.414493 C170.847059,115.414493 166.856471,114.542029 163.614118,112.921739 C160.247059,111.301449 157.378824,109.182609 155.009412,106.44058 C152.64,103.823188 150.769412,100.707246 149.647059,97.2173913 C148.4,93.7275362 147.776471,89.9884058 147.776471,86.2492754 C147.776471,82.2608696 148.4,78.5217391 149.647059,75.0318841 C150.894118,71.542029 152.64,68.426087 155.009412,65.8086957 C157.378824,63.1913043 160.247059,61.0724638 163.614118,59.5768116 C166.981176,58.0811594 170.847059,57.2086957 175.087059,57.2086957 C179.202353,57.2086957 183.068235,57.9565217 186.56,59.5768116 C189.927059,61.1971014 192.92,63.315942 195.414118,65.9333333 C197.908235,68.5507246 199.903529,71.542029 201.275294,75.0318841 Z" id="Shape"></path>
+                    <path d="M303.908235,52.5971014 L303.908235,52.5971014 C301.289412,49.4811594 297.922353,46.9884058 293.931765,45.1188406 C289.941176,43.2492754 285.202353,42.3768116 279.715294,42.3768116 C276.597647,42.3768116 273.604706,42.7507246 270.736471,43.6231884 C267.868235,44.4956522 265.249412,45.6173913 262.755294,47.1130435 C260.385882,48.6086957 258.265882,50.3536232 256.395294,52.3478261 C254.774118,54.0927536 253.402353,55.9623188 252.404706,57.9565217 C252.404706,56.4608696 252.28,54.5913043 252.28,52.3478261 C252.155294,49.7304348 252.155294,47.2376812 251.905882,45.1188406 L251.905882,44.6202899 L235.195294,44.6202899 L235.195294,45.1188406 C235.444706,47.8608696 235.444706,50.9768116 235.569412,54.4666667 C235.694118,58.0811594 235.694118,60.9478261 235.694118,63.1913043 L235.694118,129.623188 L253.277647,129.623188 L253.277647,84.5043478 C253.277647,76.2782609 255.397647,69.6724638 259.512941,64.6869565 C263.628235,59.826087 268.865882,57.3333333 275.350588,57.3333333 C279.091765,57.3333333 282.334118,58.0811594 284.703529,59.4521739 C287.072941,60.8231884 288.943529,62.6927536 290.315294,64.9362319 C291.687059,67.1797101 292.684706,69.9217391 293.183529,72.9130435 C293.682353,75.9043478 293.931765,79.1449275 293.931765,82.5101449 L293.931765,129.623188 L311.515294,129.623188 L311.515294,77.026087 C311.515294,72.2898551 310.891765,67.8028986 309.644706,63.5652174 C308.522353,59.4521739 306.651765,55.7130435 303.908235,52.5971014 Z" id="Path"></path>
+                    <path d="M398.56,121.397101 C398.435294,118.281159 398.310588,115.289855 398.310588,112.423188 L398.310588,75.7797101 C398.310588,71.1681159 397.562353,66.6811594 396.190588,62.6927536 C394.694118,58.5797101 392.574118,55.0898551 389.705882,52.0985507 C386.837647,49.1072464 383.096471,46.7391304 378.607059,44.9942029 C374.117647,43.2492754 368.755294,42.3768116 362.769412,42.3768116 C355.910588,42.3768116 349.425882,43.4985507 343.315294,45.742029 C337.329412,47.9855072 332.216471,51.1014493 327.976471,55.0898551 L327.602353,55.4637681 L337.08,66.8057971 L337.454118,66.4318841 C340.197647,63.6898551 343.689412,61.3217391 347.804706,59.5768116 C351.92,57.8318841 356.409412,56.8347826 361.023529,56.8347826 C367.134118,56.8347826 372.122353,58.3304348 375.738824,61.1971014 C379.355294,64.0637681 381.225882,68.6753623 381.225882,74.657971 L381.225882,76.5275362 C374.367059,76.5275362 367.383529,76.9014493 360.649412,77.4 C353.665882,78.0231884 347.305882,79.2695652 341.694118,81.2637681 C336.082353,83.257971 331.468235,86.1246377 327.976471,89.8637681 C324.484706,93.6028986 322.738824,98.8376812 322.738824,105.318841 C322.738824,110.17971 323.736471,114.417391 325.731765,117.782609 C327.727059,121.147826 330.221176,123.889855 333.214118,125.884058 C336.207059,127.878261 339.574118,129.373913 343.190588,130.246377 C346.807059,131.118841 350.298824,131.617391 353.665882,131.617391 C360.150588,131.617391 365.762353,130.371014 370.501176,127.878261 C374.990588,125.510145 378.856471,122.02029 381.974118,117.782609 C381.974118,121.521739 382.472941,125.385507 383.345882,129.124638 L383.470588,129.498551 L399.557647,129.498551 L399.432941,128.875362 C399.058824,127.005797 398.809412,124.388406 398.56,121.397101 Z M381.475294,89.4898551 L381.475294,93.4782609 C381.475294,100.457971 379.355294,106.191304 375.364706,110.802899 C371.249412,115.289855 365.388235,117.657971 357.781176,117.657971 C355.661176,117.657971 353.665882,117.408696 351.670588,117.034783 C349.675294,116.66087 347.929412,115.913043 346.308235,114.915942 C344.687059,113.918841 343.44,112.547826 342.442353,111.052174 C341.444706,109.431884 341.070588,107.437681 341.070588,105.069565 C341.070588,101.704348 342.192941,98.9623188 344.437647,96.9681159 C346.682353,94.8492754 349.675294,93.3536232 353.167059,92.2318841 C356.658824,91.2347826 360.774118,90.4869565 365.138824,90.1130435 C369.503529,89.7391304 373.868235,89.6144928 377.983529,89.6144928 L381.475294,89.6144928 L381.475294,89.4898551 Z" id="Shape"></path>
+                    <rect id="Rectangle" x="415.395294" y="0.249275362" width="17.5835294" height="129.249275"></rect>
+                    <rect id="Rectangle" x="99.2658824" y="17.6985507" width="17.5835294" height="17.573913"></rect>
+                </g>
+            </g>
+            <g id="dd_logo_h_rgb-2" transform="translate(586.000000, 830.000000)" fill="#632CA6">
+                <g id="dd_logo_h_rgb">
+                    <g id="Group" transform="translate(223.000000, 57.000000)">
+                        <path d="M37.87,87.65 L0.47,87.65 L0.47,1.55 L37.87,1.55 C64.81,1.55 78.3,15.12 78.3,42.25 C78.29,72.51 64.81,87.65 37.87,87.65 Z M16.45,73.79 L35.45,73.79 C53.35,73.79 62.29,63.28 62.29,42.24 C62.29,24.33 53.34,15.37 35.45,15.37 L16.45,15.37 L16.45,73.79 L16.45,73.79 Z" id="Shape"></path>
+                        <polygon id="Path" points="95.04 87.65 78.62 87.65 115.25 1.55 132.44 1.55 169.85 87.65 152.66 87.65 141.8 64.17 114.17 64.17 119.66 50.32 137.58 50.32 123.46 17.98"></polygon>
+                        <polygon id="Path" points="160.82 1.55 226.28 1.55 226.28 15.39 201.55 15.39 201.55 87.65 185.57 87.65 185.57 15.39 160.82 15.39"></polygon>
+                        <polygon id="Path" points="234.5 87.65 218.08 87.65 254.71 1.55 271.9 1.55 309.31 87.65 292.1 87.65 281.24 64.17 253.61 64.17 259.1 50.32 277.02 50.32 262.91 17.98"></polygon>
+                        <path d="M357.32,87.65 L319.92,87.65 L319.92,1.55 L357.32,1.55 C384.28,1.55 397.75,15.12 397.75,42.25 C397.75,72.51 384.28,87.65 357.32,87.65 Z M335.91,73.79 L354.91,73.79 C372.8,73.79 381.77,63.28 381.77,42.24 C381.77,24.33 372.81,15.37 354.91,15.37 L335.91,15.37 L335.91,73.79 Z" id="Shape"></path>
+                        <path d="M408.58,44.72 C408.58,15.52 423.03,0.93 451.91,0.93 C480.35,0.93 494.55,15.52 494.55,44.72 C494.55,73.75 480.34,88.27 451.91,88.27 C424.31,88.27 409.87,73.75 408.58,44.72 Z M451.91,74.39 C469.27,74.39 477.96,64.38 477.96,44.34 C477.96,24.62 469.27,14.75 451.91,14.75 C434.09,14.75 425.18,24.62 425.18,44.34 C425.18,64.38 434.09,74.39 451.91,74.39 Z" id="Shape"></path>
+                        <path d="M561.26,52.81 L561.26,72.97 C557.57,73.93 554.27,74.41 551.36,74.41 C531.81,74.41 522.05,64.07 522.05,43.4 C522.05,24.31 532.41,14.78 553.12,14.78 C561.77,14.78 569.81,16.39 577.25,19.6 L577.25,5.14 C569.81,2.34 561.36,0.93 551.91,0.93 C520.94,0.93 505.45,15.08 505.45,43.4 C505.45,73.3 520.67,88.27 551.12,88.27 C561.59,88.27 570.29,86.75 577.25,83.69 L577.25,38.64 L551.43,38.64 L546.03,52.8 L561.26,52.81 L561.26,52.81 Z" id="Path"></path>
+                    </g>
+                    <path d="M158.87,144.16 L142,133.04 L127.93,156.54 L111.57,151.76 L97.16,173.75 L97.9,180.67 L176.23,166.24 L171.68,117.3 L158.87,144.16 Z M85.82,123.07 L98.39,121.34 C100.42,122.25 101.84,122.6 104.28,123.22 C108.08,124.21 112.47,125.16 118.98,121.88 C120.49,121.13 123.65,118.24 124.92,116.6 L176.41,107.26 L181.66,170.83 L93.45,186.73 L85.82,123.07 Z M181.46,100.16 L176.38,101.13 L166.62,0.25 L0.25,19.54 L20.75,185.87 L40.22,183.04 C38.67,180.82 36.24,178.13 32.11,174.69 C26.37,169.93 28.4,161.83 31.79,156.72 C36.26,148.09 59.33,137.11 58.02,123.31 C57.55,118.29 56.75,111.76 52.09,107.28 C51.92,109.14 52.23,110.93 52.23,110.93 C52.23,110.93 50.32,108.49 49.36,105.16 C48.41,103.88 47.67,103.48 46.66,101.77 C45.94,103.74 46.04,106.03 46.04,106.03 C46.04,106.03 44.48,102.33 44.22,99.21 C43.29,100.61 43.06,103.26 43.06,103.26 C43.06,103.26 41.03,97.43 41.49,94.29 C40.56,91.56 37.81,86.14 38.59,73.82 C43.67,77.38 54.85,76.53 59.2,70.11 C60.65,67.98 61.64,62.18 58.48,50.75 C56.45,43.42 51.43,32.5 49.47,28.35 L49.24,28.52 C50.27,31.86 52.4,38.85 53.22,42.25 C55.69,52.54 56.35,56.12 55.19,60.86 C54.2,64.98 51.84,67.68 45.84,70.7 C39.84,73.73 31.88,66.36 31.37,65.96 C25.54,61.32 21.03,53.74 20.53,50.06 C20.01,46.03 22.85,43.61 24.29,40.32 C22.24,40.91 19.95,41.95 19.95,41.95 C19.95,41.95 22.68,39.12 26.05,36.68 C27.45,35.76 28.26,35.17 29.73,33.95 C27.6,33.92 25.87,33.97 25.87,33.97 C25.87,33.97 29.42,32.05 33.1,30.66 C30.41,30.54 27.83,30.64 27.83,30.64 C27.83,30.64 35.75,27.1 42,24.5 C46.3,22.74 50.5,23.26 52.86,26.67 C55.96,31.14 59.21,33.57 66.11,35.08 C70.35,33.2 71.63,32.24 76.95,30.79 C81.63,25.64 85.31,24.97 85.31,24.97 C85.31,24.97 83.49,26.64 83,29.27 C85.66,27.18 88.57,25.43 88.57,25.43 C88.57,25.43 87.44,26.82 86.39,29.03 L86.63,29.39 C89.73,27.53 93.37,26.07 93.37,26.07 C93.37,26.07 92.33,27.39 91.11,29.09 C93.45,29.07 98.19,29.19 100.02,29.4 C110.88,29.64 113.13,17.8 117.3,16.32 C122.52,14.46 124.85,13.33 133.74,22.06 C141.37,29.56 147.33,42.97 144.37,45.98 C141.89,48.47 136.99,45.01 131.57,38.24 C128.7,34.66 126.54,30.43 125.52,25.05 C124.66,20.51 121.33,17.88 121.33,17.88 C121.33,17.88 123.26,22.19 123.26,25.99 C123.26,28.07 123.52,35.83 126.85,40.18 C126.52,40.82 126.37,43.33 126,43.81 C122.13,39.13 113.81,35.78 112.46,34.79 C117.05,38.55 127.6,47.19 131.65,55.47 C135.48,63.3 133.22,70.48 135.16,72.34 C135.71,72.87 143.4,82.45 144.88,87.27 C147.46,95.66 145.03,104.48 141.66,109.95 L132.23,111.42 C130.85,111.04 129.92,110.84 128.68,110.13 C129.36,108.92 130.72,105.91 130.73,105.29 L130.2,104.36 C127.26,108.52 122.35,112.56 118.26,114.88 C112.91,117.91 106.75,117.44 102.74,116.2 C91.35,112.69 80.58,104.99 77.99,102.97 C77.99,102.97 77.91,104.58 78.4,104.95 C81.27,108.19 87.85,114.05 94.21,118.13 L80.66,119.62 L87.07,169.51 C84.23,169.92 83.79,170.12 80.68,170.56 C77.94,160.88 72.7,154.55 66.97,150.87 C61.92,147.62 54.95,146.89 48.27,148.21 L47.84,148.71 C52.48,148.23 57.96,148.9 63.58,152.46 C69.1,155.95 73.55,164.97 75.19,170.4 C77.29,177.34 78.74,184.76 73.09,192.63 C69.07,198.22 57.35,201.31 47.87,194.63 C50.4,198.7 53.82,202.03 58.42,202.65 C65.26,203.58 71.75,202.39 76.21,197.81 C80.02,193.89 82.05,185.69 81.51,177.06 L87.54,176.19 L89.72,191.68 L189.6,179.65 L181.46,100.16 Z M120.69,58.08 C120.41,58.72 119.97,59.13 120.63,61.2 L120.67,61.32 L120.77,61.59 L121.04,62.21 C122.23,64.63 123.53,66.92 125.7,68.09 C126.26,68 126.85,67.93 127.45,67.9 C129.49,67.81 130.78,68.13 131.6,68.58 C131.67,68.17 131.69,67.58 131.64,66.7 C131.48,63.63 132.25,58.41 126.35,55.66 C124.12,54.63 121,54.94 119.96,56.24 C120.15,56.26 120.32,56.3 120.45,56.35 C122.04,56.89 120.98,57.43 120.69,58.08 M137.23,86.73 C136.46,86.3 132.84,86.47 130.3,86.77 C125.46,87.34 120.23,89.02 119.08,89.91 C117,91.52 117.94,94.33 119.48,95.48 C123.8,98.7 127.58,100.87 131.57,100.34 C134.02,100.02 136.18,96.14 137.71,92.61 C138.77,90.19 138.77,87.58 137.23,86.73 M94.36,61.88 C95.73,60.58 87.56,58.88 81.22,63.2 C76.55,66.39 76.4,73.23 80.87,77.1 C81.32,77.48 81.69,77.76 82.03,77.98 C83.34,77.36 84.83,76.74 86.54,76.19 C89.44,75.25 91.84,74.76 93.82,74.51 C94.77,73.45 95.87,71.59 95.59,68.22 C95.22,63.63 91.75,64.36 94.36,61.88" id="Shape"></path>
+                </g>
+            </g>
+            <g id="opentracing-horizontal-color" transform="translate(487.000000, 522.000000)" fill-rule="nonzero">
+                <polygon id="Path" fill="#0979B9" points="212.348033 116.268968 170.101311 188.392413 85.1013111 188.392413 42.6519666 115.458022 70.8164482 63 28.3671037 63 0 115.762127 63.8259833 226 191.427294 226 255 116.268968"></polygon>
+                <polygon id="Path" fill="#2592C0" points="191.262649 0 61.9354183 0 42 37.6075871 107.068396 37.6075871 107.068396 163 144.611747 163 144.611747 37.6075871 169.961098 37.6075871 198.649886 90.9272388 241 90.9272388"></polygon>
+                <path d="M311,116.676768 L311,116.474747 C311,99.1515152 324.065252,84 343.207366,84 C362.34948,84 375.26281,99 375.26281,116.323232 L375.26281,116.525253 C375.26281,133.848485 362.197558,149 343.055444,149 C323.913331,149 311,134 311,116.676768 Z M367.869295,116.676768 L367.869295,116.474747 C367.869295,102.181818 357.43735,90.5151515 343.055444,90.5151515 C328.673539,90.5151515 318.393515,101.979798 318.393515,116.272727 L318.393515,116.474747 C318.393515,130.767677 328.82546,142.434343 343.207366,142.434343 C357.639912,142.434343 367.869295,130.969697 367.869295,116.676768 Z M390.303042,85.1111111 L413.901521,85.1111111 C428.131505,85.1111111 437.5,92.6363636 437.5,105.010101 L437.5,105.212121 C437.5,118.747475 426.156525,125.767677 412.736789,125.767677 L397.443355,125.767677 L397.443355,147.939394 L390.353683,147.939394 L390.303042,85.1111111 L390.303042,85.1111111 Z M412.989992,119.30303 C423.421938,119.30303 430.258407,113.747475 430.258407,105.464646 L430.258407,105.262626 C430.258407,96.2727273 423.523219,91.6262626 413.344476,91.6262626 L397.392714,91.6262626 L397.392714,119.252525 L412.989992,119.252525 L412.989992,119.30303 Z M450.413331,85.1111111 L495.939151,85.1111111 L495.939151,91.5757576 L457.503002,91.5757576 L457.503002,113.040404 L491.88791,113.040404 L491.88791,119.505051 L457.503002,119.505051 L457.503002,141.474747 L496.394916,141.474747 L496.394916,147.939394 L450.413331,147.939394 L450.413331,85.1111111 Z M510.726181,85.1111111 L517.360088,85.1111111 L557.06225,135.464646 L557.06225,85.1111111 L564,85.1111111 L564,147.939394 L558.328263,147.939394 L517.663931,96.4242424 L517.663931,147.939394 L510.726181,147.939394 L510.726181,85.1111111 L510.726181,85.1111111 Z" id="Shape" fill="#0979B9"></path>
+                <path d="M606.189176,91.6203416 L585,91.6203416 L585,85.0597826 L634.525897,85.0597826 L634.525897,91.6203416 L613.336721,91.6203416 L613.336721,147.839286 L606.138484,147.839286 L606.189176,91.6203416 Z M647.908534,85.1102484 L675.028652,85.1102484 C682.784499,85.1102484 688.968899,87.431677 692.973552,91.3680124 C696.015061,94.3959627 697.839966,98.7864907 697.839966,103.732143 L697.839966,103.934006 C697.839966,114.329969 690.641729,120.436335 680.706134,122.20264 L700.070405,147.839286 L691.351414,147.839286 L673.051671,123.464286 L655.056079,123.464286 L655.056079,147.839286 L647.959226,147.839286 L647.908534,85.1102484 L647.908534,85.1102484 Z M674.42035,117.10559 C683.899718,117.10559 690.641729,112.26087 690.641729,104.186335 L690.641729,103.984472 C690.641729,96.2631988 684.710787,91.6203416 674.521734,91.6203416 L655.056079,91.6203416 L655.056079,117.10559 L674.42035,117.10559 Z M736.36574,84.6560559 L743.057059,84.6560559 L771.799314,147.889752 L764.144851,147.889752 L756.743847,131.286491 L722.425493,131.286491 L714.973797,147.889752 L707.674177,147.889752 L736.36574,84.6560559 Z M753.955798,124.826863 L739.610016,92.8819876 L725.213542,124.826863 L753.955798,124.826863 Z M777.730256,116.651398 L777.730256,116.449534 C777.730256,98.685559 791.062202,84 809.615403,84 C821.071752,84 827.915146,88.0372671 834.200931,93.9417702 L829.334517,99.1397516 C824.011877,94.0931677 818.080935,90.5100932 809.51402,90.5100932 C795.573772,90.5100932 785.080568,101.814441 785.080568,116.247671 L785.080568,116.449534 C785.080568,130.983696 795.624464,142.388975 809.51402,142.388975 C818.182319,142.388975 823.859802,139.05823 829.892127,133.35559 L834.555773,137.947981 C827.965838,144.559006 820.767601,149 809.311253,149 C791.163585,148.949534 777.730256,134.667702 777.730256,116.651398 L777.730256,116.651398 Z M847.63426,85.1102484 L854.731113,85.1102484 L854.731113,147.889752 L847.63426,147.889752 L847.63426,85.1102484 Z M873.182931,85.1102484 L879.87425,85.1102484 L919.616628,135.424689 L919.616628,85.1102484 L926.561406,85.1102484 L926.561406,147.889752 L920.883923,147.889752 L880.178401,96.4145963 L880.178401,147.889752 L873.233623,147.889752 L873.233623,85.1102484 L873.182931,85.1102484 Z M941.566181,116.651398 L941.566181,116.449534 C941.566181,99.2406832 954.289825,84 973.197869,84 C983.843149,84 990.382393,87.0279503 996.718869,92.3268634 L992.105914,97.7267081 C987.2395,93.4875776 981.815477,90.560559 972.94441,90.560559 C959.004163,90.560559 948.967185,102.319099 948.967185,116.298137 L948.967185,116.5 C948.967185,131.488354 958.598629,142.590839 973.907555,142.590839 C981.105792,142.590839 987.79711,139.815217 992.105914,136.333075 L992.105914,120.73913 L972.94441,120.73913 L972.94441,114.380435 L999,114.380435 L999,139.411491 C993.11975,144.609472 984.299376,149 973.704788,149 C953.833599,148.949534 941.566181,134.617236 941.566181,116.651398 L941.566181,116.651398 Z" id="Shape" fill="#2592C0"></path>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/website/pages/use-cases/img/robust-ecosystem.svg
+++ b/website/pages/use-cases/img/robust-ecosystem.svg
--- a/website/pages/use-cases/img/service-to-service.svg
+++ b/website/pages/use-cases/img/service-to-service.svg
--- 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."
    >
-      <TempUseCaseChildren />
+      <TextSplitWithImage
+        textSplit={{
+          heading: 'Multi-Datacenter, Multi-Region',
+          content:
+            'Federate consul between multiple clusters and environments creating a global service mesh. Consistently apply policies and security across platforms.',
+          textSide: 'right',
+          links: [
+            {
+              text: 'Learn More',
+              url:
+                'https://learn.hashicorp.com/consul/security-networking/datacenters',
+              type: 'outbound',
+            },
+          ],
+        }}
+        image={{
+          url: require('./img/multi-dc-multi-region.svg?url'),
+        }}
+      />
+
+      <TextSplitWithImage
+        textSplit={{
+          heading: 'Secure Service-to-Service Communication',
+          content:
+            'Automatic mTLS communication between services both inside Kubernetes and in traditional runtime platforms. Extend and integrate with external certificate platforms like Vault.',
+          textSide: 'left',
+          links: [
+            {
+              text: 'Learn More',
+              url:
+                'https://learn.hashicorp.com/consul/security-networking/certificates',
+              type: 'outbound',
+            },
+          ],
+        }}
+        image={{
+          url: require('./img/service-to-service.svg?url'),
+        }}
+      />
+
+      <TextSplitWithCode
+        textSplit={{
+          heading: 'Layer 7 Traffic Management',
+          content:
+            'Service-to-service communication policy at Layer 7 enables progressive delivery of application communication. Leverage Blue/Green or Canary deployment patterns for applications, enabling advanced traffic management patterns such as service failover, path-based routing, and traffic shifting that can be applied across public and private clouds, platforms, and networks.',
+          textSide: 'right',
+          links: [
+            {
+              text: 'Learn More',
+              url:
+                'https://www.consul.io/docs/connect/l7-traffic-management.html',
+              type: 'outbound',
+            },
+          ],
+        }}
+        codeBlock={{
+          language: 'hcl',
+          code: `Kind = "service-splitter"
+Name = "billing-api"
+
+Splits = [
+  {
+    Weight        = 10
+    ServiceSubset = "v2"
+  },
+  {
+    Weight        = 90
+    ServiceSubset = "v1"
+  },
+]`,
+        }}
+      />
+
+      <TextSplitWithImage
+        textSplit={{
+          heading: 'Integrate and Extend in Kubernetes',
+          content:
+            'Quickly deploy Consul on Kubernetes leveraging Helm. Automatically inject sidecars for Kubernetes resources. Federate multiple clusters into a single service mesh.',
+          textSide: 'left',
+          links: [
+            {
+              text: 'Learn More',
+              url: 'https://www.consul.io/docs/platform/k8s/run.html',
+              type: 'inbound',
+            },
+          ],
+        }}
+        image={{
+          url: require('./img/kubernetes.svg?url'),
+        }}
+      />
+
+      <TextSplitWithImage
+        textSplit={{
+          heading: 'Connect and Extend Service Mesh for Any Workload',
+          content:
+            'Integrate with existing services and applications by leveraging Consul ingress and terminating gateways. Extend between complex networks and multi-cloud topologies with Consul mesh gateways.',
+          textSide: 'right',
+        }}
+        image={{
+          url: require('./img/connect-and-extend.svg?url'),
+        }}
+      />
+
+      <TextSplitWithImage
+        textSplit={{
+          heading: 'Robust Ecosystem',
+          content:
+            'Rich ecosystem community extends Consul’s functionality into spaces such as networking, observability, and security.',
+          textSide: 'left',
+        }}
+        image={{
+          url: require('./img/robust-ecosystem.svg?url'),
+        }}
+      />
+
+      <div className="with-border">
+        <TextSplitWithImage
+          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.',
+            textSide: 'right',
+          }}
+          image={{
+            url: require('./img/observability.svg?url'),
+          }}
+        />
+      </div>
+
+      <div className="with-border">
+        <TextSplitWithImage
+          textSplit={{
+            heading: 'Scale to Enterprise',
+            content:
+              'Enterprise addresses solutions for operating Consul at enterprise scale both from an environmental complexity perspective as well as a resilience perspective.',
+            textSide: 'left',
+            links: [
+              {
+                text: 'Learn More',
+                url: 'https://www.consul.io/docs/enterprise/index.html',
+                type: 'inbound',
+              },
+            ],
+          }}
+          image={{
+            url: require('./img/services-screenshot.png?url'),
+          }}
+        />
+      </div>
    </UseCaseLayout>
  )
 }