open-consul/website/pages/use-cases/network-infrastructure-auto...

94 lines
3.0 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 NetworkInfrastructureAutomationPage() {
return (
<UseCaseLayout
title="Network Infrastructure Automation"
description="Reduce the time to deploy applications and eliminate manual processes by automating complex networking tasks. Enable operators to easily deploy, manage and optimize network infrastructure."
guideLink="https://learn.hashicorp.com/consul?track=integrations"
>
<TextSplitWithImage
textSplit={{
heading: 'Dynamic Load Balancing',
content:
'Consul can automatically provide service updates to many popular load balancers eliminating the need for manual updates.',
textSide: 'right',
links: [
{
text: 'Learn More',
url:
'https://learn.hashicorp.com/consul?track=integrations#integrations',
type: 'outbound',
},
],
}}
image={{
url: require('./img/dynamic-load-balancing.svg?url'),
}}
/>
<TextSplitWithImage
textSplit={{
heading: 'Extend through Ecosystem',
content:
'Consuls open API enables integrations with many popular networking tools.',
textSide: 'left',
links: [
{
text: 'Read More',
url: 'https://www.consul.io/docs/partnerships/index.html',
type: 'inbound',
},
],
}}
image={{
url: require('./img/extend-through-ecosystem.svg?url'),
}}
/>
<TextSplitWithImage
textSplit={{
heading: 'Flexible Architecture',
content:
'Consul can be deployed in any environment, across any cloud or runtime.',
textSide: 'right',
links: [
{
text: 'Learn More',
url:
'https://learn.hashicorp.com/consul/datacenter-deploy/reference-architecture',
type: 'outbound',
},
],
}}
image={{
url: require('./img/flexible-architecture.svg?url'),
}}
/>
<div className="with-border">
<TextSplitWithImage
textSplit={{
heading: 'Reduce Downtime and Outages',
content:
'Use Consul to automate networking tasks, reducing risk of outages from manual errors and driving down ticket driven operations.',
textSide: 'left',
links: [
{
text: 'Learn More',
url:
'https://learn.hashicorp.com/consul?track=integrations#integrations',
type: 'outbound',
},
],
}}
image={{
url: require('./img/services-screenshot.png?url'),
}}
/>
</div>
</UseCaseLayout>
)
}