open-consul/website/pages/use-cases/network-middleware-automati...

60 lines
1.9 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import UseCaseLayout from '../../layouts/use-cases'
import TextSplitWithImage from '@hashicorp/react-text-split-with-image'
export default function NetworkMiddlewareAutomationPage() {
return (
<UseCaseLayout
title="Network Middleware Automation"
description="Use Service Discovery to automate updates to complex network load balancer and firewall platforms."
>
<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>
)
}