mirror of https://github.com/hashicorp/consul
249 lines
9.0 KiB
JavaScript
249 lines
9.0 KiB
JavaScript
import CallToAction from '@hashicorp/react-call-to-action'
|
||
import UseCases from '@hashicorp/react-use-cases'
|
||
import BasicHero from '../../components/basic-hero'
|
||
import ConsulEnterpriseComparison from '../../components/consul-enterprise-comparison'
|
||
import LearnCallout from '../../components/learn-callout'
|
||
import CaseStudyCarousel from '../../components/case-study-carousel'
|
||
|
||
export default function HomePage() {
|
||
return (
|
||
<div className="p-home">
|
||
<BasicHero
|
||
brand="consul"
|
||
heading="Service Networking Across Any Cloud or Runtime"
|
||
content="Automate network configurations, discover services, and enable secure connectivity across any cloud or runtime"
|
||
links={[
|
||
{
|
||
text: 'Explore HashiCorp Learn',
|
||
url: 'https://learn.hashicorp.com/nomad',
|
||
type: 'outbound',
|
||
},
|
||
{
|
||
text: 'Explore Documentation',
|
||
url: '/docs',
|
||
type: 'inbound',
|
||
},
|
||
]}
|
||
backgroundImage
|
||
/>
|
||
<CaseStudyCarousel
|
||
title="Trusted by startups and the world’s largest organizations"
|
||
caseStudies={[
|
||
{
|
||
quote:
|
||
'Kubernetes is the 800-pound gorilla of container orchestration, coming with a price tag. So we looked into alternatives - and fell in love with Nomad.',
|
||
caseStudyURL:
|
||
'https://endler.dev/2019/maybe-you-dont-need-kubernetes/',
|
||
person: {
|
||
firstName: 'Matthias',
|
||
lastName: 'Endler',
|
||
photo:
|
||
'https://www.datocms-assets.com/2885/1582163422-matthias-endler.png',
|
||
title: 'Backend Engineer',
|
||
},
|
||
company: {
|
||
name: 'Trivago',
|
||
logo:
|
||
'https://www.datocms-assets.com/2885/1582162145-trivago.svg',
|
||
},
|
||
},
|
||
{
|
||
quote:
|
||
'We have people who are first-time system administrators deploying applications. There is a guy on our team who worked in IT help desk for 8 years - just today he upgraded an entire cluster himself.',
|
||
caseStudyURL: 'https://www.hashicorp.com/case-studies/roblox/',
|
||
person: {
|
||
firstName: 'Rob',
|
||
lastName: 'Cameron',
|
||
photo:
|
||
'https://www.datocms-assets.com/2885/1582180216-rob-cameron.jpeg',
|
||
title: 'Technical Director of Infrastructure',
|
||
},
|
||
company: {
|
||
name: 'Roblox',
|
||
logo:
|
||
'https://www.datocms-assets.com/2885/1582180369-roblox-color.svg',
|
||
},
|
||
},
|
||
{
|
||
quote:
|
||
'Our customers’ jobs are changing constantly. It’s challenging to dynamically predict demand, what types of jobs, and the resource requirements. We found that Nomad excelled in this area.',
|
||
caseStudyURL:
|
||
'https://www.hashicorp.com/resources/nomad-vault-circleci-security-scheduling',
|
||
person: {
|
||
firstName: 'Rob',
|
||
lastName: 'Zuber',
|
||
photo:
|
||
'https://www.datocms-assets.com/2885/1582180618-rob-zuber.jpeg',
|
||
title: 'CTO',
|
||
},
|
||
company: {
|
||
name: 'CircleCI',
|
||
logo:
|
||
'https://www.datocms-assets.com/2885/1582180745-circleci-logo.svg',
|
||
},
|
||
},
|
||
{
|
||
quote:
|
||
'Adopting Nomad did not require us to change our packaging format — we could continue to package Python in Docker and build binaries for the rest of our applications.',
|
||
caseStudyURL:
|
||
'https://medium.com/@copyconstruct/schedulers-kubernetes-and-nomad-b0f2e14a896',
|
||
person: {
|
||
firstName: 'Cindy',
|
||
lastName: 'Sridharan',
|
||
photo:
|
||
'https://www.datocms-assets.com/2885/1582181517-cindy-sridharan.png',
|
||
title: 'Engineer',
|
||
},
|
||
company: {
|
||
name: 'imgix',
|
||
logo: 'https://www.datocms-assets.com/2885/1582181250-imgix.svg',
|
||
},
|
||
},
|
||
]}
|
||
logoSection={{
|
||
grayBackground: true,
|
||
featuredLogos: [
|
||
{
|
||
companyName: 'Trivago',
|
||
url:
|
||
'https://www.datocms-assets.com/2885/1582162317-trivago-monochromatic.svg',
|
||
},
|
||
{
|
||
companyName: 'Roblox',
|
||
url:
|
||
'https://www.datocms-assets.com/2885/1582180373-roblox-monochrome.svg',
|
||
},
|
||
{
|
||
companyName: 'CircleCI',
|
||
url:
|
||
'https://www.datocms-assets.com/2885/1582180745-circleci-logo.svg',
|
||
},
|
||
// {
|
||
// companyName: 'SAP Ariba',
|
||
// url:
|
||
// 'https://www.datocms-assets.com/2885/1580419436-logosap-ariba.svg',
|
||
// },
|
||
// {
|
||
// companyName: 'Pandora',
|
||
// url:
|
||
// 'https://www.datocms-assets.com/2885/1523044075-pandora-black.svg',
|
||
// },
|
||
// {
|
||
// companyName: 'Citadel',
|
||
// url:
|
||
// 'https://www.datocms-assets.com/2885/1582323352-logocitadelwhite-knockout.svg',
|
||
// },
|
||
// {
|
||
// companyName: 'Jet',
|
||
// url:
|
||
// 'https://www.datocms-assets.com/2885/1522341143-jet-black.svg',
|
||
// },
|
||
// {
|
||
// companyName: 'Deluxe',
|
||
// url:
|
||
// 'https://www.datocms-assets.com/2885/1582323254-deluxe-logo.svg',
|
||
// },
|
||
],
|
||
}}
|
||
/>
|
||
<div className="use-cases g-grid-container">
|
||
<UseCases
|
||
items={[
|
||
{
|
||
title: 'Infrastructure as Code',
|
||
description:
|
||
'Use infrastructure as code to provision infrastructure. Codification enables version control and automation, reducing human error and increasing productivity.',
|
||
image: {
|
||
url:
|
||
'https://www.datocms-assets.com/2885/1538425176-secrets.svg',
|
||
alt: 'optional image',
|
||
format: 'svg',
|
||
},
|
||
link: {
|
||
title: 'Learn more',
|
||
url: 'https://hashicorp.com',
|
||
},
|
||
},
|
||
{
|
||
title: 'Multi-Cloud Compliance and Management',
|
||
description:
|
||
'Provision and manage public cloud, private infrastructure, and cloud services with one workflow to learn, secure, govern, and audit.',
|
||
image: {
|
||
url:
|
||
'https://www.datocms-assets.com/2885/1538425176-secrets.svg',
|
||
alt: 'optional image',
|
||
format: 'svg',
|
||
},
|
||
link: {
|
||
title: 'Learn more',
|
||
url: 'https://hashicorp.com/products/terraform',
|
||
},
|
||
},
|
||
{
|
||
title: 'Self-Service Infrastructure',
|
||
description:
|
||
'Enable users to easily provision infrastructure on-demand with a library of approved infrastructure.',
|
||
image: {
|
||
url:
|
||
'https://www.datocms-assets.com/2885/1538425176-secrets.svg',
|
||
alt: 'optional image',
|
||
format: 'svg',
|
||
},
|
||
link: {
|
||
title: 'Learn more',
|
||
url: 'https://terraform.io',
|
||
external: true,
|
||
},
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<ConsulEnterpriseComparison />
|
||
|
||
<LearnCallout
|
||
headline="Learn the latest Consul skills"
|
||
brand="consul"
|
||
items={[
|
||
{
|
||
title: 'Getting Started',
|
||
category: 'Step-by-Step Guides',
|
||
time: '24 mins',
|
||
link:
|
||
'https://learn.hashicorp.com/nomad?track=getting-started#getting-started',
|
||
image: 'https://www.datocms-assets.com/2885/1538425176-secrets.svg',
|
||
},
|
||
{
|
||
title: 'Deploy and Manage Nomad Jobs',
|
||
category: 'Step-by-Step Guides',
|
||
time: '36 mins',
|
||
link:
|
||
'https://learn.hashicorp.com/nomad?track=managing-jobs#getting-started',
|
||
image: 'https://www.datocms-assets.com/2885/1538425176-secrets.svg',
|
||
},
|
||
]}
|
||
/>
|
||
|
||
<CallToAction
|
||
heading="Ready to get started?"
|
||
content="Consul open source addresses the technical complexity of managing production services by providing a way to discover, secure, automate and connect applications and networking configurations across distributed infrastructure and clouds."
|
||
brand="consul"
|
||
links={[
|
||
{
|
||
text: 'Explore HashiCorp Learn',
|
||
url: 'https://learn.hashicorp.com/consul',
|
||
type: 'outbound',
|
||
},
|
||
{
|
||
text: 'Explore Documentation',
|
||
url: '/docs',
|
||
type: 'inbound',
|
||
},
|
||
]}
|
||
variant="compact"
|
||
theme="light"
|
||
/>
|
||
</div>
|
||
)
|
||
}
|