Stub other use case pages

This commit is contained in:
Brandon Romano 2020-05-06 21:05:10 -07:00
parent 2f0813390d
commit 1082255f1f
3 changed files with 120 additions and 2 deletions

View File

@ -130,7 +130,7 @@ export default function HomePage() {
},
},
{
title: 'Service Discovery & Health Checks',
title: 'Service Discovery and Health Checking',
description:
'Enable services to locate other services running in any environment and provide real-time health status.',
image: {
@ -139,7 +139,7 @@ export default function HomePage() {
},
link: {
title: 'Learn more',
url: '/use-cases/service-discovery-and-health-checks',
url: '/use-cases/service-discovery-and-health-checking',
},
},
]}

View File

@ -0,0 +1,59 @@
import UseCaseLayout from '../../layouts/use-cases'
import TextSplitWithImage from '@hashicorp/react-text-split-with-image'
export default function MultiPlatformServiceMeshPage() {
return (
<UseCaseLayout
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."
>
<div className="with-border">
<TextSplitWithImage
textSplit={{
heading: 'Multi-region, multi-cloud',
content:
'Consuls 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:
'Consuls 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>
</UseCaseLayout>
)
}

View File

@ -0,0 +1,59 @@
import UseCaseLayout from '../../layouts/use-cases'
import TextSplitWithImage from '@hashicorp/react-text-split-with-image'
export default function ServiceDiscoveryAndHealthCheckingPage() {
return (
<UseCaseLayout
title="Service Discovery and Health Checking"
description="Service registry, integrated health checks, and DNS and HTTP interfaces enable any service to discover and be discovered by other services"
>
<div className="with-border">
<TextSplitWithImage
textSplit={{
heading: 'Multi-region, multi-cloud',
content:
'Consuls 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:
'Consuls 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>
</UseCaseLayout>
)
}