luxolus
/
open-consul
2
0
Fork 0
Code Issues 1 Pull Requests Packages Releases Wiki Activity

[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>
This commit is contained in:
Kendall Strautman 2021-05-03 12:01:36 -07:00 committed by GitHub
parent 5146f86dfc
commit e33ed2356e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
122 changed files with 26618 additions and 4302 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
website/components/basic-hero/img/right-arrow-icon.svg
View File

@ -1 +1 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12l-6 6M4 12h16H4zm16 0l-6-6 6 6z" stroke="#76767D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12l-6 6M4 12h16H4zm16 0l-6-6 6 6z" stroke="var(--gray-3, #727274)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 234 B

After

Width:  |  Height:  |  Size: 249 B

8
website/components/basic-hero/style.css
View File

@ -11,7 +11,7 @@
} }
& .g-type-body-large { & .g-type-body-large {
color: var(--gray-3); color: var(--gray-2);
margin: 0 auto 0 auto; margin: 0 auto 0 auto;
text-align: center; text-align: center;
max-width: 40em; max-width: 40em;
@ -50,7 +50,7 @@
justify-content: center; justify-content: center;
margin-top: 32px; margin-top: 32px;
& a { & a {
color: var(--gray-3); color: var(--gray-2);
} }
& svg * { & svg * {
stroke: var(--gray-2) !important; stroke: var(--gray-2) !important;
@ -59,7 +59,7 @@
&.has-background { &.has-background {
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: var(--gray-7); background-color: var(--gray-6);
background-image: url(/img/hero/pattern-desktop.svg); background-image: url(/img/hero/pattern-desktop.svg);
width: 100%; width: 100%;
background-size: cover; background-size: cover;
@ -70,7 +70,7 @@
} }
& .g-btn { & .g-btn {
background: var(--gray-7); background: var(--gray-6);
} }
} }
} }

2
website/components/case-study-carousel/img/left-arrow-control.svg
View File

@ -1 +1 @@
<svg width="56" height="56" xmlns="http://www.w3.org/2000/svg"><g stroke="#323339" stroke-width="1.5" fill="none" fill-rule="evenodd"><path d="M.75 28c0 15.05 12.2 27.25 27.25 27.25S55.25 43.05 55.25 28 43.05.75 28 .75.75 12.95.75 28z" fill="#FFF"/><path d="M36 28H20M26 22l-6 6 6 6" stroke-linecap="round" stroke-linejoin="round"/></g></svg> <svg width="56" height="56" xmlns="http://www.w3.org/2000/svg"><g stroke="var(--gray-2, #343536)" stroke-width="1.5" fill="none" fill-rule="evenodd"><path d="M.75 28c0 15.05 12.2 27.25 27.25 27.25S55.25 43.05 55.25 28 43.05.75 28 .75.75 12.95.75 28z" fill="#FFF"/><path d="M36 28H20M26 22l-6 6 6 6" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 342 B

After

Width:  |  Height:  |  Size: 357 B

2
website/components/case-study-carousel/img/quote.svg
View File

@ -1,3 +1,3 @@
<svg width="19" height="15" viewBox="0 0 19 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="19" height="15" viewBox="0 0 19 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.15 0.5H3.95L0 14.35H6.95L9.15 0.5ZM18.7 0.5H13.45L9.55 14.35H16.5L18.7 0.5Z" fill="#CA2171"></path> <path d="M9.15 0.5H3.95L0 14.35H6.95L9.15 0.5ZM18.7 0.5H13.45L9.55 14.35H16.5L18.7 0.5Z" fill="var(--consul, #dc477d)"></path>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 214 B

After

Width:  |  Height:  |  Size: 229 B

2
website/components/case-study-carousel/img/right-arrow-control.svg
View File

@ -1 +1 @@
<svg width="56" height="56" xmlns="http://www.w3.org/2000/svg"><g stroke="#323339" stroke-width="1.5" fill="none" fill-rule="evenodd"><path d="M55.25 28c0 15.05-12.2 27.25-27.25 27.25S.75 43.05.75 28 12.95.75 28 .75 55.25 12.95 55.25 28z" fill="#FFF"/><path d="M20 28h16M30 22l6 6-6 6" stroke-linecap="round" stroke-linejoin="round"/></g></svg> <svg width="56" height="56" xmlns="http://www.w3.org/2000/svg"><g stroke="var(--gray-2, #343536)" stroke-width="1.5" fill="none" fill-rule="evenodd"><path d="M55.25 28c0 15.05-12.2 27.25-27.25 27.25S.75 43.05.75 28 12.95.75 28 .75 55.25 12.95 55.25 28z" fill="#FFF"/><path d="M20 28h16M30 22l6 6-6 6" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 344 B

After

Width:  |  Height:  |  Size: 359 B

12
website/components/case-study-carousel/style.css
View File

@ -32,11 +32,11 @@
&.has-background { &.has-background {
&::after { &::after {
content: ''; content: '';
background: var(--gray-7); background: var(--gray-6);
} }
& .background-section { & .background-section {
background: var(--gray-7); background: var(--gray-6);
} }
} }
@ -142,7 +142,7 @@
} }
&:disabled svg path { &:disabled svg path {
stroke: var(--gray-5); stroke: var(--gray-4);
} }
} }
@ -156,7 +156,7 @@
@media (max-width: 800px) { @media (max-width: 800px) {
box-shadow: none; box-shadow: none;
border: 1px solid var(--gray-6); border: 1px solid var(--gray-5);
padding: 48px; padding: 48px;
} }
@ -231,6 +231,8 @@
} }
& .person-name { & .person-name {
padding-right: 16px;
& h5 { & h5 {
margin: 0; margin: 0;
@ -257,7 +259,7 @@
} }
& .case { & .case {
color: var(--gray-5); color: var(--gray-4);
font-size: 24px; font-size: 24px;
line-height: 31px; /* Called for within the design, no custom property seemed appropriate */ line-height: 31px; /* Called for within the design, no custom property seemed appropriate */
} }

4
website/components/cloud-offerings-list/style.css
View File

@ -12,7 +12,7 @@ ul.g-cloud-offerings-list {
flex-grow: 1; flex-grow: 1;
margin: 16px; margin: 16px;
background: var(--white); background: var(--white);
border: 1px solid var(--gray-6); border: 1px solid var(--gray-5);
border-radius: 2px; border-radius: 2px;
text-align: center; text-align: center;
transition: box-shadow 0.25s, transform 0.25s, -webkit-transform 0.25s; transition: box-shadow 0.25s, transform 0.25s, -webkit-transform 0.25s;
@ -38,7 +38,7 @@ ul.g-cloud-offerings-list {
} }
& > span { & > span {
color: var(--gray-4); color: var(--gray-3);
} }
& > h4 { & > h4 {

8
website/components/cta-hero/index.jsx
View File

@ -6,12 +6,16 @@ export default function CtaHero() {
return ( return (
<div className={s.ctaHero}> <div className={s.ctaHero}>
<TextSplit <TextSplit
product="consul"
heading="Service Mesh for any runtime or cloud" heading="Service Mesh for any runtime or cloud"
content="Consul automates networking for simple and secure application delivery." content="Consul automates networking for simple and secure application delivery."
brand="consul"
links={[ links={[
{ type: 'none', text: 'Download Consul', url: '/downloads' }, { type: 'none', text: 'Download Consul', url: '/downloads' },
{ type: 'none', text: 'Explore Tutorials', url: 'https://learn.hashicorp.com/consul' }, {
type: 'none',
text: 'Explore Tutorials',
url: 'https://learn.hashicorp.com/consul',
},
]} ]}
linkStyle="buttons" linkStyle="buttons"
> >

26
website/components/enterprise-comparison/consul/img/consul-enterprise.svg
View File

@ -1,26 +0,0 @@
<svg width="160" height="96" viewBox="0 0 160 96" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="90" cy="6" r="6" fill="#BDBEC2"/>
<circle cx="70" cy="6" r="6" fill="#CA2171"/>
<circle cx="70" cy="26" r="6" fill="#CA2171"/>
<circle cx="90" cy="26" r="6" fill="#CA2171"/>
<circle cx="154" cy="6" r="6" fill="#CA2171"/>
<circle cx="134" cy="6" r="6" fill="#CA2171"/>
<circle cx="134" cy="26" r="6" fill="#CA2171"/>
<circle cx="154" cy="26" r="6" fill="#CA2171"/>
<circle cx="90" cy="70" r="6" fill="#CA2171"/>
<circle cx="70" cy="70" r="6" fill="#CA2171"/>
<circle cx="70" cy="90" r="6" fill="#BDBEC2"/>
<circle cx="90" cy="90" r="6" fill="#BDBEC2"/>
<circle cx="154" cy="70" r="6" fill="#CA2171"/>
<circle cx="134" cy="70" r="6" fill="#CA2171"/>
<circle cx="134" cy="90" r="6" fill="#CA2171"/>
<circle cx="154" cy="90" r="6" fill="#BDBEC2"/>
<circle cx="26" cy="6" r="6" fill="#CA2171"/>
<circle cx="6" cy="6" r="6" fill="#CA2171"/>
<circle cx="6" cy="26" r="6" fill="#CA2171"/>
<circle cx="26" cy="26" r="6" fill="#BDBEC2"/>
<circle cx="26" cy="70" r="6" fill="#BDBEC2"/>
<circle cx="6" cy="70" r="6" fill="#BDBEC2"/>
<circle cx="6" cy="90" r="6" fill="#BDBEC2"/>
<circle cx="26" cy="90" r="6" fill="#BDBEC2"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.2 KiB

10
website/components/enterprise-comparison/consul/img/consul-oss.svg
View File

@ -1,10 +0,0 @@
<svg width="32" height="96" viewBox="0 0 32 96" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="26" cy="6" r="6" fill="#CA2171"/>
<circle cx="6" cy="6" r="6" fill="#CA2171"/>
<circle cx="6" cy="26" r="6" fill="#CA2171"/>
<circle cx="26" cy="26" r="6" fill="#BDBEC2"/>
<circle cx="26" cy="70" r="6" fill="#BDBEC2"/>
<circle cx="6" cy="70" r="6" fill="#BDBEC2"/>
<circle cx="6" cy="90" r="6" fill="#BDBEC2"/>
<circle cx="26" cy="90" r="6" fill="#BDBEC2"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 472 B

11
website/components/enterprise-comparison/consul/img/enterprise_complexity_1.svg Normal file
View File

@ -0,0 +1,11 @@
<svg width="32" height="96" viewBox="0 0 32 96" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="32" height="96" />
<circle cx="6" cy="6" r="6" fill="#DC477D"/>
<circle cx="6" cy="70" r="6" fill="#DBDBDC"/>
<circle cx="6" cy="26" r="6" fill="#DC477D"/>
<circle cx="6" cy="90" r="6" fill="#DBDBDC"/>
<circle cx="26" cy="6" r="6" fill="#DC477D"/>
<circle cx="26" cy="70" r="6" fill="#DBDBDC"/>
<circle cx="26" cy="26" r="6" fill="#DBDBDC"/>
<circle cx="26" cy="90" r="6" fill="#DBDBDC"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 505 B

27
website/components/enterprise-comparison/consul/img/enterprise_complexity_2.svg Normal file
View File

@ -0,0 +1,27 @@
<svg width="160" height="96" viewBox="0 0 160 96" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="160" height="96" />
<circle cx="6" cy="6" r="6" fill="#DC477D"/>
<circle cx="134" cy="6" r="6" fill="#DC477D"/>
<circle cx="70" cy="6" r="6" fill="#DC477D"/>
<circle cx="6" cy="70" r="6" fill="#DBDBDC"/>
<circle cx="134" cy="70" r="6" fill="#DC477D"/>
<circle cx="70" cy="70" r="6" fill="#DC477D"/>
<circle cx="6" cy="26" r="6" fill="#DC477D"/>
<circle cx="134" cy="26" r="6" fill="#DC477D"/>
<circle cx="70" cy="26" r="6" fill="#DC477D"/>
<circle cx="6" cy="90" r="6" fill="#DBDBDC"/>
<circle cx="134" cy="90" r="6" fill="#DC477D"/>
<circle cx="70" cy="90" r="6" fill="#DBDBDC"/>
<circle cx="26" cy="6" r="6" fill="#DC477D"/>
<circle cx="154" cy="6" r="6" fill="#DC477D"/>
<circle cx="90" cy="6" r="6" fill="#DBDBDC"/>
<circle cx="26" cy="70" r="6" fill="#DBDBDC"/>
<circle cx="154" cy="70" r="6" fill="#DC477D"/>
<circle cx="90" cy="70" r="6" fill="#DC477D"/>
<circle cx="26" cy="26" r="6" fill="#DBDBDC"/>
<circle cx="154" cy="26" r="6" fill="#DC477D"/>
<circle cx="90" cy="26" r="6" fill="#DC477D"/>
<circle cx="26" cy="90" r="6" fill="#DBDBDC"/>
<circle cx="154" cy="90" r="6" fill="#DBDBDC"/>
<circle cx="90" cy="90" r="6" fill="#DBDBDC"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

4
website/components/enterprise-comparison/consul/index.jsx
View File

@ -7,7 +7,7 @@ export default function ConsulEnterpriseComparison() {
itemOne={{ itemOne={{
title: 'Technical Complexity', title: 'Technical Complexity',
label: 'Open Source', label: 'Open Source',
imageUrl: require('./img/consul-oss.svg?url'), imageUrl: require('./img/enterprise_complexity_1.svg?url'),
description: description:
'Consul Open Source enables individuals to discover services and securely manage connections between them across cloud, on-prem, and hybrid environments.', 'Consul Open Source enables individuals to discover services and securely manage connections between them across cloud, on-prem, and hybrid environments.',
links: [ links: [
@ -21,7 +21,7 @@ export default function ConsulEnterpriseComparison() {
itemTwo={{ itemTwo={{
title: 'Organizational Complexity', title: 'Organizational Complexity',
label: 'Enterprise', label: 'Enterprise',
imageUrl: require('./img/consul-enterprise.svg?url'), imageUrl: require('./img/enterprise_complexity_2.svg?url'),
description: description:
'Consul Enterprise provides the foundation for organizations to build an enterprise-ready service networking environment for multiple teams by enabling governance capabilities.', 'Consul Enterprise provides the foundation for organizations to build an enterprise-ready service networking environment for multiple teams by enabling governance capabilities.',
links: [ links: [

4
website/components/enterprise-comparison/img/arrow.svg
View File

@ -1,4 +1,4 @@
<svg width="128" height="18" viewBox="0 0 128 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="128" height="18" viewBox="0 0 128 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="1.14564e-07" y1="9" x2="127.277" y2="9.00001" stroke="#BDBEC2" stroke-width="2"/> <line x1="1.14564e-07" y1="9" x2="127.277" y2="9.00001" stroke="var(--gray-4, #bfbfc0)" stroke-width="2"/>
<path d="M118 1L126.5 9L118 17" stroke="#BDBEC2" stroke-width="2"/> <path d="M118 1L126.5 9L118 17" stroke="var(--gray-4, #bfbfc0)" stroke-width="2"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 265 B

After

Width:  |  Height:  |  Size: 295 B

2
website/components/enterprise-comparison/style.css
View File

@ -1,7 +1,7 @@
.g-enterprise-comparison { .g-enterprise-comparison {
padding-top: 128px; padding-top: 128px;
padding-bottom: 128px; padding-bottom: 128px;
background: var(--gray-7); background: var(--gray-6);
& h2 { & h2 {
text-align: center; text-align: center;

2
website/components/footer/style.css
View File

@ -2,7 +2,7 @@
padding: 25px 0 17px 0; padding: 25px 0 17px 0;
flex-shrink: 0; flex-shrink: 0;
display: flex; display: flex;
border-top: 1px solid var(--gray-6); border-top: 1px solid var(--gray-5);
& .g-container { & .g-container {
display: flex; display: flex;

4
website/components/hcp-callout-section/HCPCalloutSection.module.css
View File

@ -39,10 +39,10 @@
margin-bottom: 8px; margin-bottom: 8px;
} }
& .chin { & .chin {
color: var(--gray-4); color: var(--gray-3);
} }
& .description { & .description {
color: var(--gray-4); color: var(--gray-2);
margin-top: 28px; margin-top: 28px;
margin-bottom: 0; margin-bottom: 0;

57
website/components/learn-callout/index.jsx
View File

@ -1,57 +0,0 @@
import Button from '@hashicorp/react-button'
export default function LearnNomad({ headline, brand, items }) {
return (
<div className={`g-learn-callout brand-${brand ? brand : 'neutral'}`}>
<div className="g-grid-container learn-container">
<div className="column-container">
{/* need this wrapper to flex center the .column-content */}
<div>
<div className="column-content">
<h2 className="g-type-display-2">{headline}</h2>
<Button
className="desktop-button"
title="Explore HashiCorp Learn"
url={`https://learn.hashicorp.com/${brand}`}
linkType="outbound"
theme={{ variant: 'primary', brand }}
/>
</div>
</div>
{items.map((item) => {
return (
<a
key={item.title}
href={item.link}
target="_blank"
rel="noopener noreferrer"
>
<div className="course">
<div className="image">
<div className="g-type-label-strong time">{item.time}</div>
<img src={item.image} alt={item.title} />
</div>
<div className="content">
<div>
<label className="g-type-label-strong category">
{item.category}
</label>
<h4 className="g-type-display-4">{item.title}</h4>
</div>
</div>
</div>
</a>
)
})}
</div>
<Button
className="mobile-button"
title="Explore HashiCorp Learn"
url={`https://learn.hashicorp.com/${brand}`}
linkType="outbound"
theme={{ variant: 'primary', brand }}
/>
</div>
</div>
)
}

168
website/components/learn-callout/style.css
View File

@ -1,168 +0,0 @@
.g-learn-callout {
padding-top: 88px;
padding-bottom: 88px;
@media (max-width: 768px) {
padding-top: 64px;
padding-bottom: 64px;
}
& .learn-container {
@media (max-width: 1200px) {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
& .mobile-button {
@media (min-width: 1201px) {
display: none;
}
}
}
& .column-container {
display: flex;
justify-content: space-between;
margin: 0 36px;
@media (max-width: 1200px) {
margin: 0 -16px;
flex-wrap: wrap;
}
& .column-content {
& h2 {
@media (max-width: 1200px) {
margin: 0;
}
}
}
& .desktop-button {
@media (max-width: 1200px) {
display: none;
}
}
& > div {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0 16px;
width: 33.333%;
overflow: auto;
@media (max-width: 1200px) {
text-align: center;
display: block;
width: 100%;
margin: 0;
margin-bottom: 48px;
}
}
& > a {
margin: 0 16px;
width: 33.333%;
transition: box-shadow 0.25s, transform 0.25s, -webkit-transform 0.25s;
display: flex;
cursor: pointer;
&:hover {
box-shadow: 0 16px 28px rgba(37, 38, 45, 0.12);
transform: translateY(-4px);
}
@media (max-width: 1200px) {
width: calc(50% - 32px);
margin-bottom: 48px;
}
@media (max-width: 768px) {
width: 100%;
&:last-child {
margin-bottom: 48px;
}
}
& .course {
border: 1px solid var(--gray-6);
display: flex;
flex-direction: column;
width: 100%;
& > div {
min-height: 200px;
padding: 25px;
}
& .image {
background: var(--gray-7);
position: relative;
display: flex;
justify-content: center;
align-items: center;
& img {
max-width: 80px;
max-height: 80px;
width: 100%;
}
}
& h4 {
color: var(--gray-2);
}
& .time {
color: var(--gray-4);
position: absolute;
top: 10px;
right: 10px;
}
& .content {
text-align: center;
background: #fff;
@media (max-width: 768px) {
display: flex;
justify-content: center;
align-items: center;
}
& h4 {
margin: 24px 0;
}
}
}
}
}
&.brand-consul {
& .content label {
color: var(--consul);
}
}
/* Brand -- Nomad */
&.brand-nomad {
& .content label {
color: var(--nomad);
}
}
/* Brand -- Packer */
&.brand-packer {
& .content label {
color: var(--packer);
}
}
/* Brand -- Terraform */
&.brand-terraform {
& .content label {
color: var(--terraform);
}
}
}

4
website/components/mini-cta/style.css
View File

@ -1,12 +1,12 @@
.g-mini-cta { .g-mini-cta {
background: var(--gray-7); background: var(--gray-6);
text-align: center; text-align: center;
padding-bottom: 64px; padding-bottom: 64px;
padding-top: 48px; padding-top: 48px;
& hr { & hr {
width: 64px; width: 64px;
color: var(--gray-5); color: var(--gray-4);
margin: 0 auto 64px auto; margin: 0 auto 64px auto;
@media (max-width: 800px) { @media (max-width: 800px) {

2
website/components/prefooter-cta/index.jsx
View File

@ -5,7 +5,7 @@ export default function PrefooterCTA() {
<CallToAction <CallToAction
heading="Ready to get started?" heading="Ready to get started?"
content="Consul Open Source addresses the technical complexity of managing production services by providing a way to discover, automate, secure and connect applications and networking configurations across distributed infrastructure and clouds." content="Consul Open Source addresses the technical complexity of managing production services by providing a way to discover, automate, secure and connect applications and networking configurations across distributed infrastructure and clouds."
brand="consul" product="consul"
links={[ links={[
{ {
text: 'Explore HashiCorp Learn', text: 'Explore HashiCorp Learn',

2
website/components/subnav/index.jsx
View File

@ -24,7 +24,7 @@ export default function ConsulSubnav() {
'https://cloud.hashicorp.com/?utm_source=consul_io&utm_content=top_nav', 'https://cloud.hashicorp.com/?utm_source=consul_io&utm_content=top_nav',
}, },
]} ]}
currentPath={router.pathname} currentPath={router.asPath}
menuItemsAlign="right" menuItemsAlign="right"
menuItems={subnavItems} menuItems={subnavItems}
constrainWidth constrainWidth

10
website/components/use-cases-layout/style.css
View File

@ -27,14 +27,4 @@
} }
} }
} }
& .with-border {
& .g-text-split {
& .children {
border-width: 1px;
border-color: rgba(174, 176, 183, 0.45);
border-style: solid;
}
}
}
} }

6
website/jsconfig.json
View File

@ -1,6 +0,0 @@
{
"compilerOptions": {
"baseUrl": "."
},
"exclude": ["node_modules", ".next", "out"]
}

2
website/next-env.d.ts vendored Normal file
View File

@ -0,0 +1,2 @@
/// <reference types="next" />
/// <reference types="next/types/global" />

5
website/next.config.js
View File

@ -1,10 +1,7 @@
const withHashicorp = require('@hashicorp/nextjs-scripts') const withHashicorp = require('@hashicorp/nextjs-scripts')
const redirects = require('./redirects.next') const redirects = require('./redirects.next')
module.exports = withHashicorp({ module.exports = withHashicorp()({
defaultLayout: true,
transpileModules: ['is-absolute-url', '@hashicorp/react-.*'],
})({
svgo: { plugins: [{ removeViewBox: false }] }, svgo: { plugins: [{ removeViewBox: false }] },
rewrites: () => [ rewrites: () => [
{ {

29308
website/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

62
website/package.json
View File

@ -4,39 +4,43 @@
"version": "0.0.1", "version": "0.0.1",
"author": "HashiCorp", "author": "HashiCorp",
"dependencies": { "dependencies": {
"@hashicorp/mktg-global-styles": "2.1.0", "@hashicorp/mktg-global-styles": "3.0.1",
"@hashicorp/nextjs-scripts": "16.3.0", "@hashicorp/mktg-logos": "1.0.2",
"@hashicorp/react-alert-banner": "5.0.0", "@hashicorp/nextjs-scripts": "18.1.0",
"@hashicorp/react-button": "4.0.0", "@hashicorp/react-alert-banner": "6.1.1",
"@hashicorp/react-call-to-action": "1.0.3", "@hashicorp/react-button": "5.0.1",
"@hashicorp/react-content": "7.0.0", "@hashicorp/react-call-to-action": "3.0.1",
"@hashicorp/react-docs-page": "12.0.0", "@hashicorp/react-callouts": "7.0.2",
"@hashicorp/react-callouts": "^7.0.0", "@hashicorp/react-content": "7.0.1",
"@hashicorp/react-featured-slider": "1.1.10", "@hashicorp/react-docs-page": "13.1.4",
"@hashicorp/react-hashi-stack-menu": "1.2.1-canary.0", "@hashicorp/react-featured-slider": "4.0.0",
"@hashicorp/react-head": "1.1.6", "@hashicorp/react-hashi-stack-menu": "2.0.3",
"@hashicorp/react-image": "3.0.3", "@hashicorp/react-head": "3.0.2",
"@hashicorp/react-inline-svg": "5.0.0", "@hashicorp/react-hero": "7.1.1",
"@hashicorp/react-markdown-page": "^0.2.0", "@hashicorp/react-image": "4.0.1",
"@hashicorp/react-product-downloader": "4.1.5", "@hashicorp/react-inline-svg": "6.0.1",
"@hashicorp/react-product-features-list": "3.0.0", "@hashicorp/react-learn-callout": "1.0.2",
"@hashicorp/react-section-header": "4.0.0", "@hashicorp/react-markdown-page": "1.1.2",
"@hashicorp/react-subnav": "7.1.0", "@hashicorp/react-product-downloads-page": "2.0.2",
"@hashicorp/react-tabs": "3.0.0", "@hashicorp/react-product-features-list": "4.0.1",
"@hashicorp/react-text-split": "1.2.0", "@hashicorp/react-section-header": "5.0.2",
"@hashicorp/react-text-split-with-code": "2.0.4", "@hashicorp/react-subnav": "8.1.0",
"@hashicorp/react-text-split-with-image": "3.0.0", "@hashicorp/react-tabs": "6.0.1",
"@hashicorp/react-use-cases": "2.0.1", "@hashicorp/react-text-split": "3.1.1",
"@hashicorp/react-vertical-text-block-list": "4.0.1", "@hashicorp/react-text-split-with-code": "3.1.1",
"next": "10.0.6", "@hashicorp/react-text-split-with-image": "4.1.1",
"next-mdx-remote": "2.1.0", "@hashicorp/react-use-cases": "3.0.2",
"next-remote-watch": "0.3.0", "@hashicorp/react-vertical-text-block-list": "6.0.2",
"nuka-carousel": "4.7.5", "next": "10.1.3",
"next-mdx-remote": "2.1.4",
"next-remote-watch": "1.0.0",
"nuka-carousel": "4.7.7",
"react": "16.13.1", "react": "16.13.1",
"react-device-detect": "1.15.0", "react-device-detect": "1.17.0",
"react-dom": "16.13.1" "react-dom": "16.13.1"
}, },
"devDependencies": { "devDependencies": {
"@types/react": "^17.0.3",
"dart-linkcheck": "2.0.15", "dart-linkcheck": "2.0.15",
"husky": "4.3.7", "husky": "4.3.7",
"prettier": "2.2.1" "prettier": "2.2.1"

2
website/pages/_app.js
View File

@ -39,7 +39,7 @@ export default function App({ Component, pageProps }) {
/> />
</HashiHead> </HashiHead>
{ALERT_BANNER_ACTIVE && ( {ALERT_BANNER_ACTIVE && (
<AlertBanner {...alertBannerData} theme="consul" /> <AlertBanner {...alertBannerData} product="consul" />
)} )}
<HashiStackMenu /> <HashiStackMenu />
<ProductSubnav /> <ProductSubnav />

4
website/pages/_document.js
View File

@ -10,7 +10,9 @@ export default class MyDocument extends Document {
render() { render() {
return ( return (
<Html> <Html>
<HashiHead is={Head} /> <Head>
<HashiHead />
</Head>
<body> <body>
<Main /> <Main />
<NextScript /> <NextScript />

2
website/pages/community/index.jsx
View File

@ -1,6 +1,7 @@
import VerticalTextBlockList from '@hashicorp/react-vertical-text-block-list' import VerticalTextBlockList from '@hashicorp/react-vertical-text-block-list'
import SectionHeader from '@hashicorp/react-section-header' import SectionHeader from '@hashicorp/react-section-header'
import Head from 'next/head' import Head from 'next/head'
import { productSlug } from 'data/metadata'
export default function CommunityPage() { export default function CommunityPage() {
return ( return (
@ -14,6 +15,7 @@ export default function CommunityPage() {
use_h1={true} use_h1={true}
/> />
<VerticalTextBlockList <VerticalTextBlockList
product={productSlug}
data={[ data={[
{ {
header: 'Community Forum', header: 'Community Forum',

2
website/pages/community/style.css
View File

@ -1,6 +1,4 @@
#p-community { #p-community {
--brand: var(--consul);
max-width: var(--site-max-width); max-width: var(--site-max-width);
margin: 72px auto; margin: 72px auto;

1
website/pages/downloads/img/consul-logo.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="162" height="48" viewBox="0 0 162 48" fill="none" role="img"><path fill-rule="evenodd" clip-rule="evenodd" d="M156.666 36.269V10.447l4.592-.64v26.462h-4.592zm-14.791-18.331v12.798c0 .978.414 1.468 1.468 1.468 1.129 0 3.123-.678 4.78-1.544V17.937h4.592V36.27h-3.501l-.452-1.543c-2.296 1.129-5.194 1.92-7.339 1.92-3.048 0-4.14-2.146-4.14-5.42V17.937h4.592zm-14.227 18.707c-1.958 0-4.63-.451-6.323-1.054l.64-3.5c1.542.451 3.575.79 5.458.79 2.032 0 2.333-.451 2.333-1.845 0-1.128-.226-1.693-3.2-2.409-4.478-1.09-5.006-2.22-5.006-5.758 0-3.69 1.619-5.308 6.851-5.308 1.693 0 3.914.226 5.494.639l-.451 3.652c-1.392-.263-3.612-.527-5.043-.527-1.995 0-2.334.452-2.334 1.581 0 1.468.113 1.58 2.597 2.221 5.119 1.355 5.608 2.033 5.608 5.796 0 3.539-1.091 5.722-6.624 5.722zm-14.039-.376V23.47c0-.978-.413-1.467-1.467-1.467-1.129 0-3.124.677-4.78 1.543v12.723h-4.592V17.937h3.5l.452 1.543c2.296-1.129 5.194-1.92 7.339-1.92 3.049 0 4.141 2.147 4.141 5.421V36.27h-4.593zM91.667 21.476c-2.446 0-3.387 1.091-3.387 3.162v4.931c0 2.07.941 3.162 3.387 3.162 2.447 0 3.388-1.092 3.388-3.162v-4.931c0-2.07-.94-3.162-3.388-3.162zm0 15.17c-6.285 0-7.979-3.464-7.979-7.228v-4.63c0-3.764 1.694-7.227 7.98-7.227 6.285 0 7.979 3.463 7.979 7.227v4.63c0 3.764-1.694 7.227-7.98 7.227zM65.774 18.087c0-4.593 2.671-7.265 8.92-7.265 2.333 0 4.742.3 6.812.828l-.527 4.103c-2.032-.376-4.404-.64-6.135-.64-3.274 0-4.328 1.13-4.328 3.802v9.637c0 2.672 1.054 3.801 4.328 3.801 1.731 0 4.103-.263 6.135-.64l.527 4.104c-2.07.526-4.479.827-6.813.827-6.248 0-8.92-2.672-8.92-7.265V18.088z" fill="#000"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M24.383 42.776c-5.043 0-9.776-1.95-13.323-5.487-3.552-3.555-5.508-8.274-5.508-13.285 0-5.026 1.954-9.745 5.5-13.282a18.816 18.816 0 0113.331-5.491c4.18 0 8.133 1.332 11.433 3.852l2.88-3.746C34.561 2.181 29.612.512 24.382.512c-6.285 0-12.205 2.438-16.674 6.87C3.265 11.815.818 17.718.818 24.005c0 6.267 2.446 12.168 6.891 16.62 4.445 4.431 10.366 6.87 16.674 6.87 5.225 0 10.172-1.668 14.31-4.822l-2.875-3.75a18.697 18.697 0 01-11.435 3.854zM45.06 14.845a2.34 2.34 0 001.183-1.84 2.172 2.172 0 00-.29-1.353 2.373 2.373 0 00-3.202-.891 2.36 2.36 0 00-.894 3.192 2.374 2.374 0 003.203.892zm-.037 18.283a2.347 2.347 0 00-3.203.88c-.65 1.133-.244 2.545.883 3.192a2.347 2.347 0 003.203-.879c.174-.313.278-.624.29-.96a2.34 2.34 0 00-1.173-2.233zm-.172-12.685a2.338 2.338 0 002.693 1.92 2.323 2.323 0 001.949-2.082c.024-.209 0-.393-.024-.602a2.338 2.338 0 00-2.692-1.92 2.332 2.332 0 00-1.926 2.684zm2.695 5.076c-1.277-.231-2.506.626-2.716 1.898a2.322 2.322 0 001.904 2.707c1.276.231 2.506-.625 2.715-1.897 0-.082.023-.139.046-.21.105-1.19-.743-2.29-1.95-2.498zm-9.257-4.801c.29 1.272 1.567 2.037 2.82 1.747a2.253 2.253 0 001.765-1.898c.057-.289.035-.6-.023-.914-.29-1.272-1.568-2.035-2.821-1.746-1.265.289-2.03 1.561-1.741 2.81zm4.481 7.768c.023-.07.023-.127.046-.186.21-1.19-.546-2.336-1.74-2.65-1.254-.31-2.53.44-2.845 1.69a2.336 2.336 0 001.695 2.835 2.345 2.345 0 002.844-1.689zm-10.923-4.54a2.334 2.334 0 002.345 2.336c1.299 0 2.344-1.04 2.344-2.336a2.334 2.334 0 00-2.344-2.338 2.334 2.334 0 00-2.345 2.338z" fill="#CA2171"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M19.204 23.955c0 2.808 2.276 5.059 5.092 5.059 2.817-.01 5.094-2.27 5.074-5.078 0-2.807-2.276-5.058-5.092-5.058a5.063 5.063 0 00-5.074 5.077z" fill="#961D59"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

135
website/pages/downloads/index.jsx
View File

@ -1,64 +1,93 @@
import VERSION from '../../data/version.js' import VERSION from 'data/version'
import ProductDownloader from '@hashicorp/react-product-downloader' import { productSlug } from 'data/metadata'
import Head from 'next/head' import ProductDownloadsPage from '@hashicorp/react-product-downloads-page'
import HashiHead from '@hashicorp/react-head' import { generateStaticProps } from '@hashicorp/react-product-downloads-page/server'
import s from './style.module.css'
export default function DownloadsPage({ releaseData }) { export default function DownloadsPage(staticProps) {
return ( return (
<div id="p-downloads" className="g-container"> <ProductDownloadsPage
<HashiHead is={Head} title="Downloads | Consul by HashiCorp" /> getStartedDescription="Follow step-by-step tutorials on the essentials of Consul."
<ProductDownloader getStartedLinks={[
product="Consul" {
version={VERSION} label: 'CLI Quickstart',
releaseData={releaseData} href:
prerelease={{ 'https://learn.hashicorp.com/collections/consul/getting-started',
type: 'beta', // the type of prerelease: beta, release candidate, etc. },
name: 'v1.10.0', // the name displayed in text on the website {
version: '1.10.0-beta1', // the actual version tag that was pushed to releases.hashicorp.com label: 'HCP Consul',
href:
'https://learn.hashicorp.com/collections/consul/cloud-get-started',
},
{
label: 'HCS on Azure',
href: 'https://learn.hashicorp.com/collections/consul/hcs-azure',
},
{
label: 'Kubernetes Quickstart',
href:
'https: //learn.hashicorp.com/collections/consul/gs-consul-service-mesh',
},
{
label: 'View all Consul tutorials',
href: 'https://learn.hashicorp.com/consul',
},
]}
logo={
<img
className={s.logo}
alt="Consul"
src={require('./img/consul-logo.svg')}
/>
}
tutorialLink={{
href: 'https://learn.hashicorp.com/consul',
label: 'View Tutorials at HashiCorp Learn',
}} }}
> merchandisingSlot={
<p> <>
<a href="/docs/download-tools">&raquo; Download Consul Tools</a>
</p>
<div className="release-candidate">
<p>Note for ARM users:</p>
<ul>
<li>Use Armelv5 for all 32-bit armel systems</li>
<li>Use Armhfv6 for all armhf systems with v6+ architecture</li>
<li>Use Arm64 for all v8 64-bit architectures</li>
</ul>
<p> <p>
The following commands can help determine the right version for your <a href="/docs/download-tools">&raquo; Download Consul Tools</a>
system:
</p> </p>
<div className={s.releaseCandidate}>
<p>Note for ARM users:</p>
<code>$ uname -m</code> <ul>
<br /> <li>Use Armelv5 for all 32-bit armel systems</li>
<code> <li>Use Armhfv6 for all armhf systems with v6+ architecture</li>
$ readelf -a /proc/self/exe | grep -q -c Tag_ABI_VFP_args && echo <li>Use Arm64 for all v8 64-bit architectures</li>
&quot;armhf&quot; || echo &quot;armel&quot; </ul>
</code>
</div> <p>
</ProductDownloader> The following commands can help determine the right version for
</div> your system:
</p>
<code>$ uname -m</code>
<br />
<code>
$ readelf -a /proc/self/exe | grep -q -c Tag_ABI_VFP_args && echo
&quot;armhf&quot; || echo &quot;armel&quot;
</code>
</div>
<div className={s.releaseCandidate}>
<p>
A beta for consul v1.10.0 is available! The release can be{' '}
<a href="https://releases.hashicorp.com/consul/1.10.0-beta1/">
downloaded here
</a>
</p>
</div>
</>
}
{...staticProps}
/>
) )
} }
export async function getStaticProps() { export async function getStaticProps() {
return fetch(`https://releases.hashicorp.com/consul/${VERSION}/index.json`) return generateStaticProps({
.then((res) => res.json()) product: productSlug,
.then((releaseData) => ({ props: { releaseData } })) latestVersion: VERSION,
.catch(() => { })
throw new Error(
`--------------------------------------------------------
Unable to resolve version ${VERSION} on releases.hashicorp.com from link
<https://releases.hashicorp.com/consul/${VERSION}/index.json>. Usually this
means that the specified version has not yet been released. The downloads page
version can only be updated after the new version has been released, to ensure
that it works for all users.
----------------------------------------------------------`
)
})
} }

4
website/pages/downloads/style.css
View File

@ -1,4 +0,0 @@
#p-downloads {
margin-top: 72px;
margin-bottom: 72px;
}

18
website/pages/downloads/style.module.css Normal file
View File

@ -0,0 +1,18 @@
.logo {
width: 105px;
}
.releaseCandidate {
background-color: var(--gray-6);
padding: 1rem;
border-radius: 3px;
margin: 24px 0;
& :first-child {
margin-top: 0;
}
& :last-child {
margin-bottom: 0;
}
}

2
website/pages/home/img/hcp-consul.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 23 KiB

120
website/pages/home/img/hcp_consul.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

4
website/pages/home/img/learn/getting-started.svg
View File

@ -1,5 +1,5 @@
<svg width="110" height="76" viewBox="0 0 110 76" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="110" height="76" viewBox="0 0 110 76" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M109.219 27.1574C109.954 27.5264 109.954 28.5759 109.219 28.9449L92.4109 37.3797C92.1303 37.5629 91.9578 37.8769 91.9578 38.217V55.4843C91.9578 55.8631 91.7438 56.2093 91.405 56.3787L55.5494 74.3065C55.2679 74.4473 54.9365 74.4473 54.655 74.3065L24.942 59.45C24.6032 59.2806 24.3892 58.9343 24.3892 58.5556V40.7458L24.3893 40.7459L30.6969 37.4965C30.9794 37.351 31.3143 37.3484 31.599 37.4895L54.6563 48.9196C54.9372 49.0589 55.2672 49.0583 55.5476 48.9181L96.387 28.4984C96.7556 28.3141 96.7556 27.7882 96.387 27.6039L55.5477 7.18425C55.2672 7.04401 54.9372 7.04346 54.6562 7.18276L5.96154 31.3272L0.864731 28.9287C0.109161 28.5731 0.0964234 27.5029 0.843316 27.1295L54.6543 0.223981C54.9363 0.0829866 55.2682 0.0832301 55.55 0.224637L109.219 27.1574Z" fill="#323339"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M109.219 27.1574C109.954 27.5264 109.954 28.5759 109.219 28.9449L92.4109 37.3797C92.1303 37.5629 91.9578 37.8769 91.9578 38.217V55.4843C91.9578 55.8631 91.7438 56.2093 91.405 56.3787L55.5494 74.3065C55.2679 74.4473 54.9365 74.4473 54.655 74.3065L24.942 59.45C24.6032 59.2806 24.3892 58.9343 24.3892 58.5556V40.7458L24.3893 40.7459L30.6969 37.4965C30.9794 37.351 31.3143 37.3484 31.599 37.4895L54.6563 48.9196C54.9372 49.0589 55.2672 49.0583 55.5476 48.9181L96.387 28.4984C96.7556 28.3141 96.7556 27.7882 96.387 27.6039L55.5477 7.18425C55.2672 7.04401 54.9372 7.04346 54.6562 7.18276L5.96154 31.3272L0.864731 28.9287C0.109161 28.5731 0.0964234 27.5029 0.843316 27.1295L54.6543 0.223981C54.9363 0.0829866 55.2682 0.0832301 55.55 0.224637L109.219 27.1574Z" fill="var(--gray-2, #343536)"/>
<path opacity="0.5" d="M5.96143 31.3271L54.6561 7.18261C54.937 7.04331 55.2671 7.04386 55.5475 7.1841L96.3869 27.6038C96.7555 27.7881 96.7555 28.314 96.3869 28.4982L55.5475 48.9179C55.267 49.0582 54.9371 49.0587 54.6561 48.9195L31.1461 37.2649L24.3892 40.7457L5.96143 31.3271Z" fill="white"/> <path opacity="0.5" d="M5.96143 31.3271L54.6561 7.18261C54.937 7.04331 55.2671 7.04386 55.5475 7.1841L96.3869 27.6038C96.7555 27.7881 96.7555 28.314 96.3869 28.4982L55.5475 48.9179C55.267 49.0582 54.9371 49.0587 54.6561 48.9195L31.1461 37.2649L24.3892 40.7457L5.96143 31.3271Z" fill="white"/>
<path d="M38.781 22.3855C38.4888 22.2158 38.1307 22.2052 37.829 22.3572L12.044 35.3481C11.7046 35.5191 11.4915 35.8676 11.4939 36.2476L11.715 70.9796C11.7172 71.3225 11.8949 71.6403 12.1858 71.8218L17.4823 75.1248C17.8153 75.3325 18.2468 75.0931 18.2468 74.7006V39.416C18.2468 39.2272 18.3532 39.0544 18.5219 38.9695L43.8356 26.2145C44.1902 26.0358 44.2051 25.5349 43.8617 25.3356L38.781 22.3855Z" fill="#CA2171"/> <path d="M38.781 22.3855C38.4888 22.2158 38.1307 22.2052 37.829 22.3572L12.044 35.3481C11.7046 35.5191 11.4915 35.8676 11.4939 36.2476L11.715 70.9796C11.7172 71.3225 11.8949 71.6403 12.1858 71.8218L17.4823 75.1248C17.8153 75.3325 18.2468 75.0931 18.2468 74.7006V39.416C18.2468 39.2272 18.3532 39.0544 18.5219 38.9695L43.8356 26.2145C44.1902 26.0358 44.2051 25.5349 43.8617 25.3356L38.781 22.3855Z" fill="var(--consul, #dc477d)"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

29
website/pages/home/img/use-cases/discovery_health_checking.svg Normal file
View File

@ -0,0 +1,29 @@
<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="80" height="80" fill="white"/>
<rect x="5" y="5" width="44" height="44" rx="1.5" fill="white" fill-opacity="0.8"/>
<rect x="5" y="5" width="44" height="44" rx="1.5" fill="url(#paint0_linear)" fill-opacity="0.3"/>
<rect x="15" y="15" width="44" height="44" rx="1.5" fill="white" fill-opacity="0.8"/>
<rect x="15" y="15" width="44" height="44" rx="1.5" fill="url(#paint1_linear)" fill-opacity="0.6"/>
<rect x="25" y="25" width="44" height="44" rx="1.5" fill="url(#paint2_linear)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M48.25 52C44.7982 52 42 49.2018 42 45.75C42 42.2982 44.7982 39.5 48.25 39.5C51.7018 39.5 54.5 42.2982 54.5 45.75C54.5 49.2018 51.7018 52 48.25 52Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M39.5007 54.4993L43.834 50.166" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<circle cx="61" cy="61" r="2" fill="white"/>
<defs>
<linearGradient id="paint0_linear" x1="49" y1="5" x2="1.08771" y2="44.2207" gradientUnits="userSpaceOnUse">
<stop stop-color="#DC477D"/>
<stop offset="0.583333" stop-color="#D4BCD9"/>
<stop offset="0.9375" stop-color="#D1EBFF"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="59" y1="15" x2="11.0877" y2="54.2207" gradientUnits="userSpaceOnUse">
<stop stop-color="#DC477D"/>
<stop offset="0.583333" stop-color="#D4BCD9"/>
<stop offset="0.9375" stop-color="#D1EBFF"/>
</linearGradient>
<linearGradient id="paint2_linear" x1="44.2" y1="69" x2="64.0472" y2="25.9033" gradientUnits="userSpaceOnUse">
<stop stop-color="#DC477D"/>
<stop offset="0.359375" stop-color="#DC477D" stop-opacity="0.96"/>
<stop offset="0.703125" stop-color="#DC477D" stop-opacity="0.88"/>
<stop offset="1" stop-color="#DC477D" stop-opacity="0.7"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

1
website/pages/home/img/use-cases/multi-platform-service-mesh.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 36 KiB

1
website/pages/home/img/use-cases/network-infrastructure-automation.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 60 KiB

24
website/pages/home/img/use-cases/network_automation.svg Normal file
View File

@ -0,0 +1,24 @@
<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="80" height="80" fill="white"/>
<rect x="7" y="7" width="40" height="40" rx="1.5" fill="white" fill-opacity="0.8"/>
<rect x="7" y="7" width="40" height="40" rx="1.5" fill="url(#paint0_linear)" fill-opacity="0.6"/>
<rect x="33" y="33" width="40" height="40" fill="#D1EBFF"/>
<path d="M20.3084 54.1923C21.5889 52.2776 21.8492 49.9396 20.9792 47.8392C20.1091 45.7387 18.2446 44.2039 16.0125 43.8212C15.6687 43.7329 15.4017 43.459 15.3313 43.1036C15.0987 41.0852 15.0819 39.0515 15.2811 37.0026C15.2884 36.9282 15.3 36.8539 15.3249 36.7834C15.4322 36.4802 15.6566 36.2096 15.9157 36.1711C18.2037 35.7617 20.0295 34.2364 20.9119 32.1022C21.7942 29.968 21.5142 27.6231 20.2508 25.6856C20.0493 25.3845 20.11 24.9749 20.3179 24.735C21.576 23.1372 23.0197 21.6164 24.7304 20.3695C25.0309 20.1681 25.4131 20.1636 25.7185 20.3447C27.6325 21.6282 29.9686 21.891 32.0663 21.0221C34.1639 20.1533 35.6955 18.2884 36.0758 16.0546C36.1637 15.7106 36.4371 15.4435 36.792 15.3734C38.8083 15.1424 40.8399 15.1276 42.8871 15.3289C42.9616 15.3362 43.0359 15.3479 43.1065 15.373C43.4094 15.4807 43.6799 15.7056 43.7186 15.9649C44.1298 18.2554 45.6553 20.0844 47.7884 20.9696C49.9214 21.8548 52.2638 21.5767 54.1983 20.3139C54.4989 20.1125 54.9082 20.1737 55.1481 20.3819C56.7456 21.6428 58.2663 23.0892 59.5136 24.8027C59.7151 25.1038 59.72 25.4863 59.5393 25.7918C58.3627 27.5865 58.123 29.9928 58.993 32.0933C59.8631 34.1938 61.7276 35.7285 63.9597 36.1113C64.3035 36.1996 64.5705 36.4735 64.6409 36.8288C64.8736 38.8473 64.8903 40.881 64.6911 42.9299C64.6838 43.0043 64.6722 43.0786 64.6473 43.1491C64.5401 43.4522 64.3156 43.7229 64.0565 43.7614C61.7685 44.1708 59.9427 45.6961 59.0604 47.8303C58.178 49.9645 58.4581 52.3094 59.7214 54.2469C59.9229 54.548 59.8622 54.9576 59.6544 55.1975C58.3962 56.7953 56.9526 58.3161 55.2419 59.563C54.9747 59.742 54.5914 59.7869 54.341 59.6485C54.279 59.6142 54.2239 59.5682 54.1637 59.5307C52.2909 58.3627 49.9321 58.148 47.8676 59.0031C45.7699 59.872 44.2384 61.7368 43.8581 63.9707C43.7702 64.3147 43.4968 64.5818 43.1419 64.6519C41.1256 64.8828 39.0939 64.8977 37.0468 64.6964C36.9723 64.689 36.8979 64.6773 36.8274 64.6523C36.5245 64.5446 36.254 64.3197 36.2153 64.0604C35.8313 61.8355 34.2786 59.9409 32.1455 59.0557C30.4762 58.3629 28.631 58.3582 26.9922 59.037C26.5989 59.1999 26.1672 59.4556 25.7355 59.7113C25.435 59.9127 25.0256 59.8516 24.7202 59.6705C23.1228 58.4096 21.602 56.9632 20.3547 55.2497C20.1597 54.9459 20.1277 54.4978 20.3084 54.1923Z" fill="url(#paint1_linear)"/>
<path d="M49.166 33.334V38.334H44.166" stroke="white" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M30.834 46.666V41.666H35.834" stroke="white" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M32.9258 37.5001C33.7848 35.0725 35.8293 33.2553 38.341 32.687C40.8527 32.1187 43.4803 32.8787 45.3008 34.7001L49.1674 38.3335" stroke="white" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M30.834 41.666L34.7007 45.2993C36.5211 47.1207 39.1487 47.8808 41.6604 47.3125C44.1721 46.7442 46.2166 44.927 47.0756 42.4993" stroke="white" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/>
<defs>
<linearGradient id="paint0_linear" x1="47" y1="7" x2="3.44337" y2="42.6552" gradientUnits="userSpaceOnUse">
<stop stop-color="#DC477D"/>
<stop offset="0.583333" stop-color="#D4BCD9"/>
<stop offset="0.9375" stop-color="#D1EBFF"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="46.3591" y1="63.3389" x2="48.3688" y2="11.6235" gradientUnits="userSpaceOnUse">
<stop stop-color="#DC477D"/>
<stop offset="0.359375" stop-color="#DC477D" stop-opacity="0.96"/>
<stop offset="0.703125" stop-color="#DC477D" stop-opacity="0.88"/>
<stop offset="1" stop-color="#DC477D" stop-opacity="0.7"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

1
website/pages/home/img/use-cases/service-discovery-and-health-checking.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 8.9 KiB

24
website/pages/home/img/use-cases/service_mesh.svg Normal file
View File

@ -0,0 +1,24 @@
<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="80" height="80" fill="white"/>
<circle cx="49" cy="27" r="18" fill="#D1EBFF"/>
<rect x="4" y="19" width="40" height="40" rx="1.5" fill="url(#paint0_linear)" fill-opacity="0.75"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M76.1667 49C76.1667 61.1503 66.3169 71 54.1667 71H30.3333C20.2081 71 12 62.7919 12 52.6667C12 42.5414 20.2081 34.3333 30.3333 34.3333C32.2177 34.3333 34.0357 34.6176 35.7467 35.1457C36.3745 35.3394 37.063 35.1463 37.4918 34.6485C41.5263 29.9651 47.5002 27 54.1667 27C66.3169 27 76.1667 36.8497 76.1667 49Z" fill="url(#paint1_linear)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M40 54C38.3431 54 37 55.3431 37 57C37 58.6569 38.3431 60 40 60C41.6569 60 43 58.6569 43 57C43 55.3431 41.6569 54 40 54Z" stroke="white" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M52 47C50.3431 47 49 48.3431 49 50C49 51.6569 50.3431 53 52 53C53.6569 53 55 51.6569 55 50C55 48.3431 53.6569 47 52 47Z" stroke="white" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M40 40C38.3431 40 37 41.3431 37 43C37 44.6569 38.3431 46 40 46C41.6569 46 43 44.6569 43 43C43 41.3431 41.6569 40 40 40Z" stroke="white" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M49.4102 48.4902L42.5802 44.5102" stroke="white" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M42.5902 55.4902L49.4102 51.5102" stroke="white" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/>
<line x1="40.125" y1="46" x2="40.125" y2="54" stroke="white" stroke-width="1.75"/>
<defs>
<linearGradient id="paint0_linear" x1="4" y1="59" x2="42.3223" y2="24.7806" gradientUnits="userSpaceOnUse">
<stop stop-color="#D1EBFF"/>
<stop offset="1" stop-color="#DC477D"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="40" y1="71" x2="57" y2="27" gradientUnits="userSpaceOnUse">
<stop stop-color="#DC477D"/>
<stop offset="0.359375" stop-color="#DC477D" stop-opacity="0.96"/>
<stop offset="0.703125" stop-color="#DC477D" stop-opacity="0.85"/>
<stop offset="1" stop-color="#DC477D" stop-opacity="0.6"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

15
website/pages/home/img/why-consul/cloud.svg
View File

@ -1,15 +0,0 @@
<svg width="71" height="71" viewBox="0 0 71 71" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M50.16 0H20C8.9543 0 0 8.9543 0 20V50.16C0 61.2057 8.9543 70.16 20 70.16H50.16C61.2057 70.16 70.16 61.2057 70.16 50.16V20C70.16 8.9543 61.2057 0 50.16 0Z" fill="url(#paint0_linear)"/>
<path d="M44.8072 31.82H42.7472C42.1372 29.4497 40.8744 27.298 39.1023 25.6098C37.3302 23.9215 35.1199 22.7643 32.7228 22.2698C30.3257 21.7752 27.838 21.9632 25.5424 22.8123C23.2468 23.6614 21.2356 25.1375 19.7372 27.0729C18.2389 29.0083 17.3137 31.3252 17.0668 33.7603C16.8198 36.1954 17.261 38.6509 18.3403 40.8477C19.4196 43.0444 21.0936 44.8943 23.1719 46.187C25.2503 47.4796 27.6497 48.1632 30.0972 48.16H44.8072C46.9741 48.16 49.0521 47.2992 50.5843 45.7671C52.1165 44.2349 52.9772 42.1568 52.9772 39.99C52.9772 37.8232 52.1165 35.7451 50.5843 34.2129C49.0521 32.6808 46.9741 31.82 44.8072 31.82V31.82Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<linearGradient id="paint0_linear" x1="0" y1="35.08" x2="70.16" y2="35.08" gradientUnits="userSpaceOnUse">
<stop stop-color="#C4206D"/>
<stop offset="1" stop-color="#96154F"/>
</linearGradient>
<clipPath id="clip0">
<rect width="70.16" height="70.16" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.3 KiB

4
website/pages/home/img/why-consul/consul_features_arrows.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="70" height="70" rx="2" fill="#ffe9f1"/>
<path d="M34.54 49.18C34.3996 49.1786 34.2607 49.1515 34.13 49.1C33.9957 49.0439 33.8735 48.9624 33.77 48.86L29.4 44.53C29.247 44.3795 29.1423 44.1869 29.0993 43.9766C29.0562 43.7664 29.0768 43.5481 29.1584 43.3496C29.2399 43.1511 29.3787 42.9814 29.5571 42.8621C29.7356 42.7429 29.9455 42.6795 30.16 42.68C30.4476 42.6777 30.7243 42.7892 30.93 42.99L33.42 45.48V34.73H22.7L25.1901 37.21C25.3918 37.4159 25.5065 37.6917 25.51 37.98C25.5078 38.1945 25.4423 38.4036 25.3218 38.5811C25.2012 38.7585 25.031 38.8964 24.8324 38.9776C24.6338 39.0587 24.4157 39.0795 24.2054 39.0372C23.9951 38.9949 23.8019 38.8916 23.65 38.74L19.32 34.41C19.2176 34.3066 19.1361 34.1843 19.08 34.05C18.9733 33.7871 18.9733 33.4929 19.08 33.23C19.1361 33.0957 19.2176 32.9734 19.32 32.87L23.65 28.54C23.8019 28.3884 23.9951 28.2851 24.2054 28.2428C24.4157 28.2005 24.6338 28.2213 24.8324 28.3024C25.031 28.3836 25.2012 28.5215 25.3218 28.699C25.4423 28.8764 25.5078 29.0855 25.51 29.3C25.5086 29.5887 25.3936 29.8653 25.1901 30.07L22.7 32.56H33.4601V22.08C33.4601 21.9382 33.488 21.7977 33.5423 21.6667C33.5965 21.5357 33.6761 21.4166 33.7764 21.3163C33.8767 21.216 33.9957 21.1365 34.1268 21.0822C34.2578 21.0279 34.3982 21 34.54 21C34.6819 21 34.8223 21.0279 34.9533 21.0822C35.0844 21.1365 35.2034 21.216 35.3037 21.3163C35.404 21.4166 35.4836 21.5357 35.5378 21.6667C35.5921 21.7977 35.6201 21.9382 35.6201 22.08V32.56H46.4L43.91 30.07C43.7091 29.8661 43.5965 29.5913 43.5965 29.305C43.5965 29.0187 43.7091 28.7439 43.91 28.54C44.1144 28.336 44.3913 28.2215 44.68 28.2215C44.9688 28.2215 45.2457 28.336 45.45 28.54L49.7801 32.87C49.8825 32.9734 49.964 33.0957 50.02 33.23C50.0745 33.3598 50.1026 33.4992 50.1026 33.64C50.1026 33.7808 50.0745 33.9202 50.02 34.05C49.964 34.1843 49.8825 34.3066 49.7801 34.41L45.4 38.74C45.2507 38.8812 45.0642 38.9768 44.8624 39.0157C44.6606 39.0546 44.4519 39.0351 44.2608 38.9595C44.0697 38.8839 43.9042 38.7553 43.7836 38.5889C43.663 38.4225 43.5924 38.2251 43.58 38.02C43.5799 37.7329 43.691 37.4569 43.8901 37.25L46.4 34.73H35.6201V45.48L38.11 43.02C38.317 42.821 38.593 42.7099 38.88 42.71C39.0946 42.7095 39.3045 42.7729 39.483 42.8921C39.6614 43.0114 39.8002 43.1811 39.8817 43.3796C39.9633 43.5781 39.9838 43.7964 39.9408 44.0066C39.8978 44.2169 39.7931 44.4095 39.6401 44.56L35.31 48.89C35.2066 48.9924 35.0844 49.0739 34.95 49.13C34.8175 49.1713 34.6786 49.1882 34.54 49.18Z" fill="black"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

4
website/pages/home/img/why-consul/consul_features_cloud.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="70" height="70" rx="2" fill="#ffe9f1"/>
<path d="M44.8072 31.82H42.7472C42.1372 29.4497 40.8744 27.298 39.1023 25.6098C37.3302 23.9215 35.1199 22.7643 32.7228 22.2698C30.3257 21.7752 27.838 21.9632 25.5424 22.8123C23.2468 23.6614 21.2356 25.1375 19.7372 27.0729C18.2389 29.0083 17.3137 31.3252 17.0668 33.7603C16.8198 36.1954 17.261 38.6509 18.3403 40.8477C19.4196 43.0444 21.0936 44.8943 23.1719 46.187C25.2503 47.4796 27.6497 48.1632 30.0972 48.16H44.8072C46.9741 48.16 49.0521 47.2992 50.5843 45.7671C52.1165 44.2349 52.9772 42.1568 52.9772 39.99C52.9772 37.8232 52.1165 35.7451 50.5843 34.2129C49.0521 32.6808 46.9741 31.82 44.8072 31.82Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 841 B

11
website/pages/home/img/why-consul/consul_features_gear.svg Normal file
View File

@ -0,0 +1,11 @@
<svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="70" height="70" rx="2" fill="#ffe9f1"/>
<path d="M50.9252 23.66C53.8689 23.66 56.2552 21.2737 56.2552 18.33C56.2552 15.3863 53.8689 13 50.9252 13C47.9815 13 45.5952 15.3863 45.5952 18.33C45.5952 21.2737 47.9815 23.66 50.9252 23.66Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M50.9252 57.5201C53.8689 57.5201 56.2552 55.1338 56.2552 52.1901C56.2552 49.2464 53.8689 46.8601 50.9252 46.8601C47.9815 46.8601 45.5952 49.2464 45.5952 52.1901C45.5952 55.1338 47.9815 57.5201 50.9252 57.5201Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21.7453 36.5201C23.0431 36.5201 24.0953 35.4679 24.0953 34.1701C24.0953 32.8722 23.0431 31.8201 21.7453 31.8201C20.4474 31.8201 19.3953 32.8722 19.3953 34.1701C19.3953 35.4679 20.4474 36.5201 21.7453 36.5201Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M27.5252 36.51C27.422 36.7457 27.3916 37.0068 27.438 37.2598C27.4843 37.5128 27.6052 37.7462 27.7852 37.93H27.8352C27.9806 38.0749 28.096 38.2472 28.1748 38.4368C28.2535 38.6264 28.294 38.8297 28.294 39.035C28.294 39.2403 28.2535 39.4436 28.1748 39.6333C28.096 39.8229 27.9806 39.9951 27.8352 40.14V40.14C27.691 40.2867 27.519 40.4031 27.3292 40.4826C27.1395 40.5621 26.9359 40.6031 26.7302 40.6031C26.5245 40.6031 26.3209 40.5621 26.1312 40.4826C25.9414 40.4031 25.7694 40.2867 25.6252 40.14V40.14C25.4398 39.9592 25.2047 39.8378 24.9499 39.7915C24.6952 39.7452 24.4323 39.776 24.1952 39.88C23.9644 39.9794 23.7676 40.1439 23.629 40.3536C23.4905 40.5632 23.4162 40.8087 23.4152 41.06V41.19C23.4325 41.4061 23.4048 41.6233 23.334 41.8282C23.2632 42.033 23.1508 42.2209 23.0038 42.3802C22.8568 42.5394 22.6784 42.6665 22.4798 42.7534C22.2813 42.8403 22.0669 42.8852 21.8502 42.8852C21.6335 42.8852 21.4191 42.8403 21.2206 42.7534C21.022 42.6665 20.8436 42.5394 20.6966 42.3802C20.5496 42.2209 20.4372 42.033 20.3664 41.8282C20.2955 41.6233 20.2679 41.4061 20.2852 41.19V41.12C20.2685 40.8599 20.1769 40.6102 20.0214 40.401C19.8659 40.1918 19.6532 40.0321 19.409 39.9412C19.1647 39.8503 18.8994 39.832 18.6449 39.8886C18.3905 39.9451 18.1579 40.0741 17.9752 40.26H17.9252C17.7799 40.4085 17.6065 40.5264 17.415 40.607C17.2235 40.6875 17.0179 40.729 16.8102 40.729C16.6025 40.729 16.3969 40.6875 16.2054 40.607C16.0139 40.5264 15.8405 40.4085 15.6952 40.26C15.5486 40.1158 15.4321 39.9438 15.3526 39.7541C15.2731 39.5643 15.2322 39.3607 15.2322 39.155C15.2322 38.9493 15.2731 38.7457 15.3526 38.556C15.4321 38.3663 15.5486 38.1943 15.6952 38.05V38.05C15.876 37.8647 15.9974 37.6295 16.0437 37.3747C16.09 37.12 16.0592 36.8572 15.9552 36.62C15.8559 36.3892 15.6913 36.1924 15.4816 36.0539C15.272 35.9153 15.0265 35.841 14.7752 35.84H14.6952C14.4792 35.8573 14.2619 35.8297 14.0571 35.7589C13.8522 35.688 13.6643 35.5756 13.505 35.4286C13.3458 35.2816 13.2187 35.1032 13.1318 34.9047C13.0449 34.7061 13 34.4917 13 34.275C13 34.0583 13.0449 33.8439 13.1318 33.6454C13.2187 33.4468 13.3458 33.2685 13.505 33.1214C13.6643 32.9744 13.8522 32.862 14.0571 32.7912C14.2619 32.7204 14.4792 32.6927 14.6952 32.71H14.7652C15.0241 32.707 15.2758 32.6249 15.4867 32.4747C15.6976 32.3246 15.8576 32.1136 15.9452 31.87C16.0608 31.6293 16.0989 31.3585 16.0541 31.0952C16.0093 30.8319 15.8839 30.589 15.6952 30.4V30.35C15.5498 30.2051 15.4344 30.0329 15.3556 29.8433C15.2769 29.6536 15.2364 29.4503 15.2364 29.245C15.2364 29.0397 15.2769 28.8364 15.3556 28.6468C15.4344 28.4572 15.5498 28.2849 15.6952 28.14V28.14C15.9896 27.8457 16.3889 27.6803 16.8052 27.6803C17.2215 27.6803 17.6208 27.8457 17.9152 28.14V28.14C18.1006 28.3208 18.3357 28.4422 18.5905 28.4885C18.8452 28.5349 19.1081 28.504 19.3452 28.4H19.4052C19.628 28.302 19.8186 28.143 19.9548 27.9412C20.0911 27.7395 20.1675 27.5033 20.1752 27.26V27.13C20.1579 26.914 20.1855 26.6967 20.2564 26.4919C20.3272 26.287 20.4396 26.0991 20.5866 25.9398C20.7336 25.7806 20.912 25.6535 21.1106 25.5666C21.3091 25.4797 21.5235 25.4348 21.7402 25.4348C21.9569 25.4348 22.1713 25.4797 22.3698 25.5666C22.5684 25.6535 22.7468 25.7806 22.8938 25.9398C23.0408 26.0991 23.1532 26.287 23.224 26.4919C23.2949 26.6967 23.3225 26.914 23.3052 27.13V27.2C23.3087 27.4533 23.3861 27.7 23.5279 27.9099C23.6698 28.1198 23.8698 28.2837 24.1035 28.3814C24.3372 28.4791 24.5944 28.5065 24.8434 28.46C25.0924 28.4136 25.3224 28.2954 25.5052 28.12L25.5552 28.07C25.7001 27.9246 25.8723 27.8092 26.062 27.7304C26.2516 27.6517 26.4549 27.6112 26.6602 27.6112C26.8655 27.6112 27.0688 27.6517 27.2584 27.7304C27.4481 27.8092 27.6203 27.9246 27.7652 28.07V28.07C28.0595 28.3644 28.2249 28.7637 28.2249 29.18C28.2249 29.5963 28.0595 29.9956 27.7652 30.29V30.29C27.5844 30.4754 27.463 30.7105 27.4167 30.9653C27.3704 31.2201 27.4012 31.4829 27.5052 31.72V31.78C27.6045 32.0108 27.7691 32.2076 27.9788 32.3462C28.1884 32.4847 28.4339 32.5591 28.6852 32.56H28.8152C29.0312 32.5427 29.2485 32.5704 29.4533 32.6412C29.6582 32.712 29.8461 32.8244 30.0054 32.9714C30.1646 33.1185 30.2917 33.2968 30.3786 33.4954C30.4655 33.6939 30.5104 33.9083 30.5104 34.125C30.5104 34.3417 30.4655 34.5561 30.3786 34.7547C30.2917 34.9532 30.1646 35.1316 30.0054 35.2786C29.8461 35.4256 29.6582 35.538 29.4533 35.6089C29.2485 35.6797 29.0312 35.7073 28.8152 35.69H28.6952C28.4411 35.6962 28.1945 35.7774 27.9863 35.9232C27.7782 36.0691 27.6177 36.2733 27.5252 36.51Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M36.2554 29.54C37.0838 29.54 37.7554 28.8685 37.7554 28.04C37.7554 27.2116 37.0838 26.54 36.2554 26.54C35.4269 26.54 34.7554 27.2116 34.7554 28.04C34.7554 28.8685 35.4269 29.54 36.2554 29.54Z" fill="black"/>
<path d="M36.2554 42.54C37.0838 42.54 37.7554 41.8685 37.7554 41.04C37.7554 40.2116 37.0838 39.54 36.2554 39.54C35.4269 39.54 34.7554 40.2116 34.7554 41.04C34.7554 41.8685 35.4269 42.54 36.2554 42.54Z" fill="black"/>
<path d="M41.2554 25.54C42.0838 25.54 42.7554 24.8685 42.7554 24.04C42.7554 23.2116 42.0838 22.54 41.2554 22.54C40.4269 22.54 39.7554 23.2116 39.7554 24.04C39.7554 24.8685 40.4269 25.54 41.2554 25.54Z" fill="black"/>
<path d="M41.2554 46.54C42.0838 46.54 42.7554 45.8685 42.7554 45.04C42.7554 44.2116 42.0838 43.54 41.2554 43.54C40.4269 43.54 39.7554 44.2116 39.7554 45.04C39.7554 45.8685 40.4269 46.54 41.2554 46.54Z" fill="black"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.3 KiB

4
website/pages/home/img/why-consul/consul_features_health.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="70" height="70" rx="2" fill="#ffe9f1"/>
<path d="M48 30.5H39.5V22H30.5V30.5H22V39.5H30.5V48H39.5V39.5H48V30.5Z" stroke="black" stroke-width="1.5" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 288 B

11
website/pages/home/img/why-consul/consul_features_kub.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 8.8 KiB

4
website/pages/home/img/why-consul/consul_features_plus.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="70" height="70" rx="2" fill="#ffe9f1"/>
<path d="M48 30.5H39.5V22H30.5V30.5H22V39.5H30.5V48H39.5V39.5H48V30.5Z" fill="black"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 243 B

5
website/pages/home/img/why-consul/consul_features_world.svg Normal file
View File

@ -0,0 +1,5 @@
<svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="70" height="70" rx="2" fill="#ffe9f1"/>
<path d="M34.58 50.16C43.1846 50.16 50.16 43.1846 50.16 34.58C50.16 25.9754 43.1846 19 34.58 19C25.9754 19 19 25.9754 19 34.58C19 43.1846 25.9754 50.16 34.58 50.16Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M19 34.58H50.17H19ZM34.59 19C38.4853 23.2673 40.6991 28.8035 40.82 34.58C40.6991 40.3565 38.4853 45.8927 34.59 50.16C30.6879 45.8962 28.4701 40.3586 28.35 34.58C28.4701 28.8014 30.6879 23.2638 34.59 19Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 697 B

1
website/pages/home/img/why-consul/dynamic-load-balancing.svg
View File

@ -1 +0,0 @@
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 70.16 70.16"><defs><style>.cls-1{fill:url(#linear-gradient);}.cls-2,.cls-3{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}.cls-2{stroke-width:2px;}.cls-3{stroke-width:1.5px;}.cls-4{fill:#fff;}</style><linearGradient id="linear-gradient" y1="35.08" x2="70.16" y2="35.08" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ca2171"/><stop offset="1" stop-color="#8e134a"/></linearGradient></defs><rect class="cls-1" width="70.16" height="70.16" rx="20"/><circle class="cls-2" cx="51.23" cy="18.07" r="5.33"/><circle class="cls-2" cx="51.23" cy="51.93" r="5.33"/><circle class="cls-3" cx="22.05" cy="33.91" r="2.35"/><path class="cls-3" d="M27.83,36.25a1.29,1.29,0,0,0,.26,1.42l.05,0a1.56,1.56,0,0,1,0,2.21h0a1.55,1.55,0,0,1-2.21,0h0l0,0a1.3,1.3,0,0,0-1.43-.26,1.29,1.29,0,0,0-.78,1.18v.13a1.57,1.57,0,1,1-3.13,0v-.07A1.35,1.35,0,0,0,18.28,40l-.05,0A1.56,1.56,0,0,1,16,40h0a1.55,1.55,0,0,1,0-2.21h0l0,0a1.3,1.3,0,0,0,.26-1.43,1.29,1.29,0,0,0-1.18-.78H15a1.57,1.57,0,1,1,0-3.13h.07a1.27,1.27,0,0,0,1.18-.84A1.29,1.29,0,0,0,16,30.14L16,30.09a1.56,1.56,0,0,1,0-2.21h0a1.57,1.57,0,0,1,2.22,0h0l0,0a1.3,1.3,0,0,0,1.43.26h.06A1.29,1.29,0,0,0,20.48,27v-.13a1.57,1.57,0,1,1,3.13,0v.07a1.3,1.3,0,0,0,2.2.92l.05-.05a1.56,1.56,0,0,1,2.21,0h0a1.57,1.57,0,0,1,0,2.22h0l0,0a1.3,1.3,0,0,0-.26,1.43v.06a1.29,1.29,0,0,0,1.18.78h.13a1.57,1.57,0,1,1,0,3.13H29A1.29,1.29,0,0,0,27.83,36.25Z"/><circle class="cls-4" cx="36.56" cy="27.78" r="1.5"/><circle class="cls-4" cx="36.56" cy="40.78" r="1.5"/><circle class="cls-4" cx="41.56" cy="23.78" r="1.5"/><circle class="cls-4" cx="41.56" cy="44.78" r="1.5"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.7 KiB

1
website/pages/home/img/why-consul/health.svg
View File

@ -1 +0,0 @@
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 70.16 70.16"><defs><style>.cls-1{fill:url(#linear-gradient);}.cls-2{fill:#ca2171;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style><linearGradient id="linear-gradient" y1="35.08" x2="70.16" y2="35.08" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ca2171"/><stop offset="1" stop-color="#8e134a"/></linearGradient></defs><rect class="cls-1" width="70.16" height="70.16" rx="20"/><polygon class="cls-2" points="48.5 31 40 31 40 22.5 31 22.5 31 31 22.5 31 22.5 40 31 40 31 48.5 40 48.5 40 40 48.5 40 48.5 31"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 689 B

1
website/pages/home/img/why-consul/kubernetes.svg
View File

@ -1 +0,0 @@
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 70.16 70.16"><defs><style>.cls-1{fill:url(#linear-gradient);}.cls-2{fill:#fff;}.cls-3{fill:url(#linear-gradient-2);}</style><linearGradient id="linear-gradient" x1="-1.21" y1="18.16" x2="71.37" y2="52" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ca2171"/><stop offset="1" stop-color="#8e134a"/></linearGradient><linearGradient id="linear-gradient-2" x1="19.49" y1="34" x2="48.51" y2="34" xlink:href="#linear-gradient"/></defs><rect class="cls-1" width="70.16" height="70.16" rx="20"/><g id="layer1"><path id="path3055" class="cls-2" d="M50.32,23.4a2.57,2.57,0,0,0-1.42-1.77L35.14,15.06a2.7,2.7,0,0,0-1.28-.26h0a2.56,2.56,0,0,0-1,.26L19.09,21.63a2.64,2.64,0,0,0-1.42,1.77L14.28,38.17a2.61,2.61,0,0,0,.35,2l.15.21,9.53,11.84a2.63,2.63,0,0,0,2.05,1H41.64a2.65,2.65,0,0,0,2.06-1l9.52-11.84a2.6,2.6,0,0,0,.5-2.21"/><path id="path3059" class="cls-3" d="M34,19.83a.87.87,0,0,0-.82.91v0a1.61,1.61,0,0,0,0,.22,6.37,6.37,0,0,0,.11.78,7.27,7.27,0,0,1,.09,1.49,1,1,0,0,1-.27.43l0,.35a9.78,9.78,0,0,0-1.49.23,10.55,10.55,0,0,0-5.38,3.07l-.3-.21a.64.64,0,0,1-.48-.05,7.52,7.52,0,0,1-1.11-1,7.44,7.44,0,0,0-.55-.58l-.18-.14a1,1,0,0,0-.57-.22.79.79,0,0,0-.66.29.89.89,0,0,0,.2,1.22h0l.18.14a6.71,6.71,0,0,0,.68.4,8.25,8.25,0,0,1,1.22.86.93.93,0,0,1,.17.48l.26.23a10.72,10.72,0,0,0-1.68,7.43l-.34.1c-.09.12-.22.31-.36.36a7.91,7.91,0,0,1-1.47.24,7.23,7.23,0,0,0-.79.07l-.22,0h0a.83.83,0,1,0,.36,1.61h0l.21-.05a5,5,0,0,0,.74-.28A7.22,7.22,0,0,1,23,37.85a.87.87,0,0,1,.47.16l.36-.06a10.72,10.72,0,0,0,4.75,5.93l-.15.36a.79.79,0,0,1,.08.47,8.54,8.54,0,0,1-.75,1.34,5.41,5.41,0,0,0-.44.66l-.11.22a.88.88,0,0,0,.35,1.17.87.87,0,0,0,1.14-.47h0a2,2,0,0,0,.1-.21,5.9,5.9,0,0,0,.24-.75,5.67,5.67,0,0,1,.64-1.48A.65.65,0,0,1,30,45l.19-.33a10.64,10.64,0,0,0,6.19.44,10.48,10.48,0,0,0,1.41-.42c0,.09.15.27.18.31a.67.67,0,0,1,.42.26A7.3,7.3,0,0,1,39,46.65c.08.26.13.49.24.76l.1.21a.83.83,0,1,0,1.49-.71l-.1-.22a6.72,6.72,0,0,0-.45-.65,8.12,8.12,0,0,1-.73-1.31.66.66,0,0,1,.07-.49,2.32,2.32,0,0,1-.14-.33,10.69,10.69,0,0,0,4.75-6l.35.06a.64.64,0,0,1,.46-.17,8,8,0,0,1,1.44.42,6.34,6.34,0,0,0,.74.29l.21,0h0A.83.83,0,1,0,47.79,37l-.24,0a7.23,7.23,0,0,0-.79-.07,7.91,7.91,0,0,1-1.47-.24.88.88,0,0,1-.36-.36l-.33-.09a10.91,10.91,0,0,0-.17-3.85,10.7,10.7,0,0,0-1.55-3.57l.3-.26a.62.62,0,0,1,.15-.46,7,7,0,0,1,1.22-.86c.24-.14.45-.23.69-.4,0,0,.12-.11.18-.15a.86.86,0,0,0,.2-1.21.87.87,0,0,0-1.23-.08l-.18.15a7.08,7.08,0,0,0-.54.57,7.58,7.58,0,0,1-1.11,1,.91.91,0,0,1-.5.05l-.32.23A10.77,10.77,0,0,0,34.91,24c0-.11,0-.31,0-.37a.63.63,0,0,1-.27-.41,7.27,7.27,0,0,1,.09-1.49,6.37,6.37,0,0,0,.11-.78,1.92,1.92,0,0,0,0-.24.87.87,0,0,0-.82-.91Zm-1,6.38-.25,4.33h0a.74.74,0,0,1-.73.7.71.71,0,0,1-.43-.14h0L28,28.59a8.44,8.44,0,0,1,4.09-2.22C32.38,26.3,32.68,26.25,33,26.21Zm2.06,0A8.62,8.62,0,0,1,40,28.59l-3.52,2.5h0a.71.71,0,0,1-1-.13.73.73,0,0,1-.16-.42h0Zm-8.31,4L30,33.1v0a.73.73,0,0,1,.09,1,.67.67,0,0,1-.38.24v0l-4.15,1.2a8.49,8.49,0,0,1,1.21-5.37Zm14.54,0a8.72,8.72,0,0,1,1.06,2.59,8.63,8.63,0,0,1,.18,2.76l-4.17-1.2v0a.72.72,0,0,1-.52-.86A.74.74,0,0,1,38,33.1h0l3.22-2.88Zm-7.92,3.11h1.32l.82,1-.29,1.29L34,36.21l-1.19-.57-.3-1.29Zm4.24,3.53a.47.47,0,0,1,.17,0h0l4.29.72a8.47,8.47,0,0,1-3.44,4.32l-1.66-4h0a.72.72,0,0,1,.36-.94.68.68,0,0,1,.27-.07Zm-7.2,0a.75.75,0,0,1,.7.57.77.77,0,0,1,0,.45h0l-1.65,4A8.57,8.57,0,0,1,26,37.59l4.25-.72h0l.14,0ZM34,38.61a.67.67,0,0,1,.34.07.71.71,0,0,1,.33.31h0l2.1,3.79a7.39,7.39,0,0,1-.84.23,8.5,8.5,0,0,1-4.65-.24L33.36,39h0A.72.72,0,0,1,34,38.61Z"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 3.5 KiB

1
website/pages/home/img/why-consul/service-mesh-runtime.svg
View File

@ -1 +0,0 @@
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 70.16 70.16"><defs><style>.cls-1{fill:url(#linear-gradient);}.cls-2{fill:#fff;}</style><linearGradient id="linear-gradient" y1="35.08" x2="70.16" y2="35.08" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ca2171"/><stop offset="1" stop-color="#8e134a"/></linearGradient></defs><rect class="cls-1" width="70.16" height="70.16" rx="20"/><path class="cls-2" d="M35.14,50.16a1.15,1.15,0,0,1-.41-.08,1.13,1.13,0,0,1-.36-.24L30,45.51a1.08,1.08,0,0,1,.76-1.85,1.09,1.09,0,0,1,.77.31l2.49,2.49V35.71H23.3l2.49,2.48a1.12,1.12,0,0,1,.32.77,1.09,1.09,0,0,1-1.86.76l-4.33-4.33a1.13,1.13,0,0,1-.24-.36,1.09,1.09,0,0,1,0-.82,1.13,1.13,0,0,1,.24-.36l4.33-4.33a1.09,1.09,0,0,1,1.86.76,1.1,1.1,0,0,1-.32.77L23.3,33.54H34.06V23.06a1.08,1.08,0,1,1,2.16,0V33.54H47l-2.49-2.49a1.09,1.09,0,0,1,0-1.53,1.09,1.09,0,0,1,1.54,0l4.33,4.33a1.13,1.13,0,0,1,.24.36,1.06,1.06,0,0,1,0,.82,1.13,1.13,0,0,1-.24.36L46,39.72A1.08,1.08,0,0,1,44.18,39a1.11,1.11,0,0,1,.31-.77L47,35.71H36.22V46.46L38.71,44a1.11,1.11,0,0,1,.77-.31,1.08,1.08,0,0,1,.76,1.85l-4.33,4.33a1.13,1.13,0,0,1-.36.24A1.15,1.15,0,0,1,35.14,50.16Z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.2 KiB

11
website/pages/home/img/why-consul/world.svg
View File

@ -1,11 +0,0 @@
<svg width="71" height="71" viewBox="0 0 71 71" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M50.16 0H20C8.9543 0 0 8.9543 0 20V50.16C0 61.2057 8.9543 70.16 20 70.16H50.16C61.2057 70.16 70.16 61.2057 70.16 50.16V20C70.16 8.9543 61.2057 0 50.16 0Z" fill="url(#paint0_linear)"/>
<path d="M35.59 50.16C44.1946 50.16 51.17 43.1846 51.17 34.58C51.17 25.9754 44.1946 19 35.59 19C26.9854 19 20.01 25.9754 20.01 34.58C20.01 43.1846 26.9854 50.16 35.59 50.16Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M20 34.58H51.17H20ZM35.59 19C39.4853 23.2673 41.6991 28.8035 41.82 34.58C41.6991 40.3565 39.4853 45.8927 35.59 50.16C31.6879 45.8962 29.4701 40.3586 29.35 34.58C29.4701 28.8014 31.6879 23.2638 35.59 19V19Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<defs>
<linearGradient id="paint0_linear" x1="0" y1="35.08" x2="70.16" y2="35.08" gradientUnits="userSpaceOnUse">
<stop stop-color="#C4206D"/>
<stop offset="1" stop-color="#96154F"/>
</linearGradient>
</defs>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.0 KiB

37
website/pages/home/index.jsx
View File

@ -1,13 +1,14 @@
import UseCases from '@hashicorp/react-use-cases' import UseCases from '@hashicorp/react-use-cases'
import CtaHero from 'components/cta-hero'
import ConsulEnterpriseComparison from '../../components/enterprise-comparison/consul'
import PrefooterCTA from '../../components/prefooter-cta'
import LearnCallout from '../../components/learn-callout'
import CaseStudyCarousel from '../../components/case-study-carousel'
import ProductFeaturesList from '@hashicorp/react-product-features-list' import ProductFeaturesList from '@hashicorp/react-product-features-list'
import HcpCalloutSection from 'components/hcp-callout-section'
import Callouts from '@hashicorp/react-callouts' import Callouts from '@hashicorp/react-callouts'
import MiniCTA from '../../components/mini-cta' import LearnCallout from '@hashicorp/react-learn-callout'
import MiniCTA from 'components/mini-cta'
import HcpCalloutSection from 'components/hcp-callout-section'
import CtaHero from 'components/cta-hero'
import ConsulEnterpriseComparison from 'components/enterprise-comparison/consul'
import PrefooterCTA from 'components/prefooter-cta'
import CaseStudyCarousel from 'components/case-study-carousel'
export default function HomePage() { export default function HomePage() {
return ( return (
@ -48,7 +49,7 @@ export default function HomePage() {
title: 'Service Mesh Across Any Runtime', title: 'Service Mesh Across Any Runtime',
content: content:
'Deploy service mesh within any runtime or infrastructure - Bare Metal, Virtual Machines, and Kubernetes clusters, across any cloud.', 'Deploy service mesh within any runtime or infrastructure - Bare Metal, Virtual Machines, and Kubernetes clusters, across any cloud.',
icon: require('./img/why-consul/service-mesh-runtime.svg'), icon: require('./img/why-consul/consul_features_arrows.svg'),
link: { link: {
type: 'inbound', type: 'inbound',
text: 'Learn more', text: 'Learn more',
@ -60,7 +61,7 @@ export default function HomePage() {
title: 'Secure, Multi-Cloud Service Networking', title: 'Secure, Multi-Cloud Service Networking',
content: content:
'Secure services running in any environment leveraging intention based policies and automatic mTLS encryption between service mesh resources', 'Secure services running in any environment leveraging intention based policies and automatic mTLS encryption between service mesh resources',
icon: require('./img/why-consul/cloud.svg'), icon: require('./img/why-consul/consul_features_cloud.svg'),
link: { link: {
type: 'inbound', type: 'inbound',
text: 'Learn more', text: 'Learn more',
@ -72,7 +73,7 @@ export default function HomePage() {
title: 'Dynamic Load Balancing', title: 'Dynamic Load Balancing',
content: content:
'Resolve discovered services through integrated DNS. Automate 3rd party load balancers (F5, NGINX, HAProxy). Eliminate manual configuration of network devices.', 'Resolve discovered services through integrated DNS. Automate 3rd party load balancers (F5, NGINX, HAProxy). Eliminate manual configuration of network devices.',
icon: require('./img/why-consul/dynamic-load-balancing.svg'), icon: require('./img/why-consul/consul_features_gear.svg'),
link: { link: {
type: 'inbound', type: 'inbound',
text: 'Learn more', text: 'Learn more',
@ -84,7 +85,7 @@ export default function HomePage() {
title: 'Service Discovery with Health Checking', title: 'Service Discovery with Health Checking',
content: content:
'Consul enables detecting the deployment of new services, changes to existing ones, and provides real time agent health to reduce downtime.', 'Consul enables detecting the deployment of new services, changes to existing ones, and provides real time agent health to reduce downtime.',
icon: require('./img/why-consul/health.svg'), icon: require('./img/why-consul/consul_features_health.svg'),
link: { link: {
type: 'inbound', type: 'inbound',
text: 'Learn more', text: 'Learn more',
@ -96,7 +97,7 @@ export default function HomePage() {
title: 'Robust Ecosystem', title: 'Robust Ecosystem',
content: content:
'Consul offers support for and integrations with many popular DevOps and Networking tools.', 'Consul offers support for and integrations with many popular DevOps and Networking tools.',
icon: require('./img/why-consul/world.svg'), icon: require('./img/why-consul/consul_features_world.svg'),
link: { link: {
type: 'inbound', type: 'inbound',
text: 'Learn more', text: 'Learn more',
@ -107,7 +108,7 @@ export default function HomePage() {
title: 'Integrate and Extend With Kubernetes', title: 'Integrate and Extend With Kubernetes',
content: content:
'Quickly deploy Consul on Kubernetes leveraging Helm. Automatically inject sidecars for Kubernetes resources. Federate multiple clusters into a single service mesh.', 'Quickly deploy Consul on Kubernetes leveraging Helm. Automatically inject sidecars for Kubernetes resources. Federate multiple clusters into a single service mesh.',
icon: require('./img/why-consul/kubernetes.svg'), icon: require('./img/why-consul/consul_features_kub.svg'),
link: { link: {
type: 'inbound', type: 'inbound',
text: 'Learn more', text: 'Learn more',
@ -120,7 +121,7 @@ export default function HomePage() {
<LearnCallout <LearnCallout
headline="Get hands-on experience with Consul" headline="Get hands-on experience with Consul"
brand="consul" product="consul"
items={[ items={[
{ {
title: 'Deploy HCP Consul with Terraform', title: 'Deploy HCP Consul with Terraform',
@ -224,7 +225,7 @@ export default function HomePage() {
description: description:
'Enable services to locate other services running in any environment and provide real-time health status.', 'Enable services to locate other services running in any environment and provide real-time health status.',
image: { image: {
url: require('./img/use-cases/service-discovery-and-health-checking.svg?url'), url: require('./img/use-cases/discovery_health_checking.svg?url'),
format: 'svg', format: 'svg',
}, },
link: { link: {
@ -237,7 +238,7 @@ export default function HomePage() {
description: description:
'Reduce burden of manual, ticket-based networking tasks.', 'Reduce burden of manual, ticket-based networking tasks.',
image: { image: {
url: require('./img/use-cases/network-infrastructure-automation.svg?url'), url: require('./img/use-cases/network_automation.svg?url'),
format: 'svg', format: 'svg',
}, },
link: { link: {
@ -250,7 +251,7 @@ export default function HomePage() {
description: description:
'Secure, modern application networking across any cloud or runtime.', 'Secure, modern application networking across any cloud or runtime.',
image: { image: {
url: require('./img/use-cases/multi-platform-service-mesh.svg?url'), url: require('./img/use-cases/service_mesh.svg?url'),
format: 'svg', format: 'svg',
}, },
link: { link: {
@ -267,7 +268,7 @@ export default function HomePage() {
title="HCP Consul" title="HCP Consul"
chin="Available on AWS" chin="Available on AWS"
description="A fully managed service mesh to discover and securely connect any service." description="A fully managed service mesh to discover and securely connect any service."
image={require('./img/hcp-consul.svg?url')} image={require('./img/hcp_consul.svg?url')}
links={[ links={[
{ {
text: 'Learn More', text: 'Learn More',

7
website/pages/home/style.css
View File

@ -12,13 +12,6 @@
padding-top: 88px; padding-top: 88px;
} }
& .g-use-cases {
& .icon {
min-height: 140px;
margin-bottom: 25px;
}
}
& h2 { & h2 {
margin: 0; margin: 0;
text-align: center; text-align: center;

10
website/pages/style.css
View File

@ -5,8 +5,8 @@
@import '~@hashicorp/mktg-global-styles/_temporary-to-remove/tables.css'; @import '~@hashicorp/mktg-global-styles/_temporary-to-remove/tables.css';
:root { :root {
--highlight-color: var(--consul); --highlight-color: var(--consul-link);
--highlight-color-text: var(--consul-text); --highlight-color-text: var(--consul-link);
} }
@import '~@hashicorp/react-alert-banner/style.css'; @import '~@hashicorp/react-alert-banner/style.css';
@ -19,28 +19,26 @@
@import '~@hashicorp/react-docs-page/style.css'; @import '~@hashicorp/react-docs-page/style.css';
@import '~@hashicorp/react-enterprise-alert/style.css'; @import '~@hashicorp/react-enterprise-alert/style.css';
@import '~@hashicorp/react-featured-slider/style.css'; @import '~@hashicorp/react-featured-slider/style.css';
@import '~@hashicorp/react-product-downloader/dist/style.css'; @import '~@hashicorp/react-learn-callout/style.css';
@import '~@hashicorp/react-product-features-list/style.css'; @import '~@hashicorp/react-product-features-list/style.css';
@import '~@hashicorp/react-search/style.css'; @import '~@hashicorp/react-search/style.css';
@import '~@hashicorp/react-subnav/style.css'; @import '~@hashicorp/react-subnav/style.css';
@import '~@hashicorp/react-tabs/style.css'; @import '~@hashicorp/react-tabs/style.css';
@import '~@hashicorp/react-text-split/style.css'; @import '~@hashicorp/react-text-split/style.css';
@import '~@hashicorp/react-toggle/style.css'; @import '~@hashicorp/react-toggle/style.css';
@import '~@hashicorp/react-use-cases/dist/style.css'; @import '~@hashicorp/react-use-cases/style.css';
@import '~@hashicorp/react-vertical-text-block-list/style.css'; @import '~@hashicorp/react-vertical-text-block-list/style.css';
/* Local Components */ /* Local Components */
@import '../components/basic-hero/style.css'; @import '../components/basic-hero/style.css';
@import '../components/enterprise-comparison/style.css'; @import '../components/enterprise-comparison/style.css';
@import '../components/footer/style.css'; @import '../components/footer/style.css';
@import '../components/learn-callout/style.css';
@import '../components/case-study-carousel/style.css'; @import '../components/case-study-carousel/style.css';
@import '../components/cloud-offerings-list/style.css'; @import '../components/cloud-offerings-list/style.css';
@import '../components/mini-cta/style.css'; @import '../components/mini-cta/style.css';
@import '../components/use-cases-layout/style.css'; @import '../components/use-cases-layout/style.css';
/* Local Pages */ /* Local Pages */
@import './downloads/style.css';
@import './community/style.css'; @import './community/style.css';
@import './home/style.css'; @import './home/style.css';

BIN
website/pages/use-cases/img/ConsulACI.png (Stored with Git LFS)
View File

Binary file not shown.

1
website/pages/use-cases/img/DynamicFirewalling.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 14 KiB

1
website/pages/use-cases/img/DynamicLoadBalancing.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 11 KiB

1
website/pages/use-cases/img/IntegrateAndExtend.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 20 KiB

1
website/pages/use-cases/img/NIA_logo_grid.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 25 KiB

BIN
website/pages/use-cases/img/centralized-service-registry.png (Stored with Git LFS)
View File

Binary file not shown.

1
website/pages/use-cases/img/connect-and-extend.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 79 KiB

BIN
website/pages/use-cases/img/discovery-health-checking/Map.png (Stored with Git LFS) Normal file
View File

Binary file not shown.

BIN
website/pages/use-cases/img/discovery-health-checking/centralized-service-registry.png (Stored with Git LFS) Normal file
View File

Binary file not shown.

BIN
website/pages/use-cases/img/discovery-health-checking/consul_screenshot@2x.png (Stored with Git LFS) Normal file
View File

Binary file not shown.

BIN
website/pages/use-cases/img/discovery-health-checking/extesnsible-api.png (Stored with Git LFS) Normal file
View File

Binary file not shown.

BIN
website/pages/use-cases/img/discovery-health-checking/health-monitoring.png (Stored with Git LFS) Normal file
View File

Binary file not shown.

BIN
website/pages/use-cases/img/discovery-health-checking/mercedes-case-study.png (Stored with Git LFS) Normal file
View File

Binary file not shown.

1
website/pages/use-cases/img/dynamic-load-balancing.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 14 KiB

1
website/pages/use-cases/img/ecosystem.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 63 KiB

1
website/pages/use-cases/img/extend-through-ecosystem.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 79 KiB

1
website/pages/use-cases/img/flexible-architecture.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 163 KiB

1
website/pages/use-cases/img/health-monitoring.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 17 KiB

33
website/pages/use-cases/img/kubernetes.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 25 KiB

1
website/pages/use-cases/img/multi-dc-multi-region.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 129 KiB

BIN
website/pages/use-cases/img/multi-platform-service-mesh/Ecosystem.png (Stored with Git LFS) Normal file
View File

Binary file not shown.

1
website/pages/use-cases/img/multi-platform-service-mesh/extend-mesh.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 64 KiB

BIN
website/pages/use-cases/img/multi-platform-service-mesh/kubernetes-extend.png (Stored with Git LFS) Normal file
View File

Binary file not shown.

BIN
website/pages/use-cases/img/multi-platform-service-mesh/muilti-datacenter.png (Stored with Git LFS) Normal file
View File

Binary file not shown.

BIN
website/pages/use-cases/img/multi-platform-service-mesh/observability@3x.png (Stored with Git LFS) Normal file
View File

Binary file not shown.

BIN
website/pages/use-cases/img/multi-platform-service-mesh/service-to-service.png (Stored with Git LFS) Normal file
View File

Binary file not shown.

BIN
website/pages/use-cases/img/multi-platform-service-mesh/traffic_mgmt@3x.png (Stored with Git LFS) Normal file
View File

Binary file not shown.

1
website/pages/use-cases/img/multi-region.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 1.4 MiB

BIN
website/pages/use-cases/img/network-automation/architecture-extend.png (Stored with Git LFS) Normal file
View File

Binary file not shown.

BIN
website/pages/use-cases/img/network-automation/ecosystem-extend.png (Stored with Git LFS) Normal file
View File

Binary file not shown.

BIN
website/pages/use-cases/img/network-automation/firewalling.png (Stored with Git LFS) Normal file
View File

Binary file not shown.

BIN
website/pages/use-cases/img/network-automation/health-checks-visibility.png (Stored with Git LFS) Normal file
View File

Binary file not shown.

BIN
website/pages/use-cases/img/network-automation/load-balancing.png (Stored with Git LFS) Normal file
View File

Binary file not shown.

BIN
website/pages/use-cases/img/nodes-screenshot.png (Stored with Git LFS)
View File

Binary file not shown.

47
website/pages/use-cases/img/observability.svg
View File

@ -1,47 +0,0 @@
<?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>
Side by Side

Before

Width:  |  Height:  |  Size: 23 KiB

1
website/pages/use-cases/img/robust-ecosystem.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 545 KiB

1
website/pages/use-cases/img/service-to-service.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 105 KiB

BIN
website/pages/use-cases/img/services-screenshot.png (Stored with Git LFS)
View File

Binary file not shown.

BIN
website/pages/use-cases/img/website-app-aware-intentions.png (Stored with Git LFS)
View File

Binary file not shown.

Some files were not shown because too many files have changed in this diff Show More