consul/website/pages/home/index.jsx

272 lines
11 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

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

import 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'
import ProductFeaturesList from '@hashicorp/react-product-features-list'
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
/>
<ProductFeaturesList
heading="Why Nomad?"
features={[
{
title: 'First Class Kubernetes Experience',
content:
'Consul provides a Helm chart for a Kubernetes first experience for Service Discovery and Service Mesh use cases.',
icon:
'https://d33wubrfki0l68.cloudfront.net/d9ed5629918bfe6e41dd9a35226d4c86e69cb54b/f2b68/img/icons/home-solution-consul.svg',
},
{
title: 'Service Mesh Across Runtime Platforms',
content:
'Establish a service mesh between Bare Metal, Virtual Machines, and Kubernetes clusters, across any cloud. ',
icon:
'https://d33wubrfki0l68.cloudfront.net/d9ed5629918bfe6e41dd9a35226d4c86e69cb54b/f2b68/img/icons/home-solution-consul.svg',
},
{
title: 'Modernize Legacy Applications without Rewrite',
content:
'Bring orchestration benefits to existing services. Achieve zero downtime deployments, improved resilience, higher resource utilization, and more without containerization.',
icon:
'https://d33wubrfki0l68.cloudfront.net/d9ed5629918bfe6e41dd9a35226d4c86e69cb54b/f2b68/img/icons/home-solution-consul.svg',
},
{
title: 'Secure, Multi-Cloud Service Networking ',
content:
'Secure any service running in any environment. Consul enables users to automate and secure service to service communication.',
icon:
'https://d33wubrfki0l68.cloudfront.net/d9ed5629918bfe6e41dd9a35226d4c86e69cb54b/f2b68/img/icons/home-solution-consul.svg',
},
{
title: 'Automated Service Discovery with Health Checking',
content:
'Enable Consul to detect the deployment of new services, changes to existing ones, and provide real time agent health to reduce downtime. ',
icon:
'https://d33wubrfki0l68.cloudfront.net/d9ed5629918bfe6e41dd9a35226d4c86e69cb54b/f2b68/img/icons/home-solution-consul.svg',
},
{
title: 'Decentralized Configuration',
content:
'Consul runs as a decentralized platform allowing massive scale and performance.',
icon:
'https://d33wubrfki0l68.cloudfront.net/d9ed5629918bfe6e41dd9a35226d4c86e69cb54b/f2b68/img/icons/home-solution-consul.svg',
},
]}
/>
<CaseStudyCarousel
title="Trusted by startups and the worlds 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. Its 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',
},
],
}}
/>
<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>
)
}