diff --git a/website/package-lock.json b/website/package-lock.json index 95c4eb201..58df921a6 100644 --- a/website/package-lock.json +++ b/website/package-lock.json @@ -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", diff --git a/website/package.json b/website/package.json index 9a5ea1bdc..e169596de 100644 --- a/website/package.json +++ b/website/package.json @@ -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", diff --git a/website/pages/home/index.jsx b/website/pages/home/index.jsx index 566eee9c1..1082be1de 100644 --- a/website/pages/home/index.jsx +++ b/website/pages/home/index.jsx @@ -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 /> + diff --git a/website/pages/style.css b/website/pages/style.css index 7addac239..159080d09 100644 --- a/website/pages/style.css +++ b/website/pages/style.css @@ -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';