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';