consul/website/pages/use-cases/network-infrastructure-automation.jsx
Kendall Strautman ca42ddee1f [Assembly]: Website Branding Refresh (#9884)
* style: update gray brand colors

* style: update brand colors

* chore: upgrades base platform deps

* style: updates learn callouts label color

* style: icons to flat consul primary color

* style: errand link styles

* refactor(home): use react-learn-callout

* chore; adds ts config, upgrades components

* chore: upgrade deps

chore: upgrade to latest component styles

chore: upgrades nextjs-scripts

* chore: fix-router

* update deps, add new downloads page

* chore: upgrade to stable deps

chore: use npm 7

* style: home callouts body copy to gray-2

* chore: upgrade hashi-stack-menu

* style: home feature icons update

* chore: upgrade deps body copy colors

* chore: upgrades alert banner

* feat: updates favicon

* style(downloads): adds pre-release and release candidate styles

* fix(home): adds right padding to quote

* content(home): swap assets

* content(uses-cases): updates assets

* chore: removes use cases icon override

* content(use-cases): swap out svgs for pngs

* content: copies asset

* trying again with this asset

* try putting asset in public

* content(use-cases): updates mercedes case study aseset

* chore: upgrades product download page prerelease

* chore: updates product download page to stable

* chore: updates favicon path

Co-authored-by: Jeff Escalante <jescalan@users.noreply.github.com>
2021-05-03 19:02:15 +00:00

133 lines
4.2 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 'components/use-cases-layout'
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/collections/consul/integrations',
type: 'outbound',
},
],
}}
image={{
url: require('./img/network-automation/load-balancing.png'),
}}
/>
<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/network-automation/firewalling.png'),
}}
/>
<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/network-automation/health-checks-visibility.png'),
}}
/>
<TextSplitWithImage
textSplit={{
heading: 'Extend through Ecosystem',
content:
'Consuls open API enables integrations with many popular networking tools.',
textSide: 'left',
links: [
{
text: 'Read More',
url: '/docs/integrate/nia-integration',
type: 'inbound',
},
],
}}
image={{
url: require('./img/network-automation/ecosystem-extend.png'),
}}
/>
<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/network-automation/architecture-extend.png'),
}}
/>
<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/tutorials/consul/recovery-outage?in=consul/datacenter-operations',
type: 'outbound',
},
],
}}
image={{
url: require('./img/discovery-health-checking/consul_screenshot@2x.png?url'),
}}
/>
</div>
</UseCaseLayout>
)
}