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

add features list

This commit is contained in:
nicolelyn 2020-05-01 16:35:26 -04:00 committed by Brandon Romano
parent 16dbbe51f2
commit c5401b9508
4 changed files with 77 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
website/package-lock.json generated
View File

@ -1312,6 +1312,23 @@
"@hashicorp/js-utils": "^1.0.9-alpha.0"
}
},
"@hashicorp/react-featured-slider": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/@hashicorp/react-featured-slider/-/react-featured-slider-1.0.1.tgz",
"integrity": "sha512-Unk2XITdeW+mhjq5ORGHoglS25L9DqgsOLjBtJ/EIXDAlr02rhaY55G2zkxV5qq+kSkP5JRYOsQXNrK5MIkfQQ==",
"requires": {
"@hashicorp/react-button": "^2.1.9",
"@hashicorp/react-image": "^2.0.1",
"marked": "^1.0.0"
},
"dependencies": {
"marked": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/marked/-/marked-1.0.0.tgz",
"integrity": "sha512-Wo+L1pWTVibfrSr+TTtMuiMfNzmZWiOPeO7rZsQUY5bgsxpHesBEcIWJloWVTFnrMXnf/TL30eTFSGJddmQAng=="
}
}
},
"@hashicorp/react-footer": {
"version": "3.1.14",
"resolved": "https://registry.npmjs.org/@hashicorp/react-footer/-/react-footer-3.1.14.tgz",
@ -1418,6 +1435,14 @@
"@hashicorp/react-button": "^2.1.9"
}
},
"@hashicorp/react-product-features-list": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/@hashicorp/react-product-features-list/-/react-product-features-list-1.0.1.tgz",
"integrity": "sha512-kdDoWUZYB43jpy6TYzuksjUU8RTGrEIvQMKErfEkcXwSMTG5KG/og8UdJUnzjIPSW/gK73Djr+T2UzNmrnnMIw==",
"requires": {
"@hashicorp/react-image": "^2.0.1"
}
},
"@hashicorp/react-section-header": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/@hashicorp/react-section-header/-/react-section-header-2.0.0.tgz",

2
website/package.json
View File

@ -20,6 +20,7 @@
"@hashicorp/react-docs-sidenav": "^3.2.3",
"@hashicorp/react-docs-sitemap": "^1.0.0",
"@hashicorp/react-enterprise-alert": "^2.1.0",
"@hashicorp/react-featured-slider": "^1.0.1",
"@hashicorp/react-footer": "^3.1.14",
"@hashicorp/react-global-styles": "^4.2.0",
"@hashicorp/react-head": "^0.1.1",
@ -29,6 +30,7 @@
"@hashicorp/react-logo-grid": "^2.0.11",
"@hashicorp/react-mega-nav": "^4.0.1-2",
"@hashicorp/react-product-downloader": "^3.1.2",
"@hashicorp/react-product-features-list": "^1.0.1",
"@hashicorp/react-section-header": "^2.0.0",
"@hashicorp/react-subnav": "^3.1.1",
"@hashicorp/react-tabs": "^0.4.0",

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

@ -4,6 +4,7 @@ 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 (
@ -26,6 +27,53 @@ export default function HomePage() {
]}
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 world’s largest organizations"
caseStudies={[
@ -118,31 +166,6 @@ export default function HomePage() {
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',
// },
],
}}
/>

2
website/pages/style.css
View File

@ -16,8 +16,10 @@
@import '~@hashicorp/react-consent-manager/dist/style.css';
@import '~@hashicorp/react-checkbox-input/dist/style.css';
@import '~@hashicorp/react-hero/dist/style.css';
@import '~@hashicorp/react-featured-slider/dist/style.css';
@import '~@hashicorp/react-section-header/dist/style.css';
@import '~@hashicorp/react-logo-grid/dist/style.css';
@import '~@hashicorp/react-product-features-list/dist/style.css';
@import '~@hashicorp/react-product-downloader/dist/style.css';
@import '~@hashicorp/react-vertical-text-block-list/dist/style.css';
@import '~@hashicorp/react-docs-sidenav/dist/style.css';