diff --git a/website/components/basic-hero/index.jsx b/website/components/basic-hero/index.jsx index 16a80d78af..a33bcb0c8c 100644 --- a/website/components/basic-hero/index.jsx +++ b/website/components/basic-hero/index.jsx @@ -1,6 +1,4 @@ import Button from '@hashicorp/react-button' -import InlineSvg from '@hashicorp/react-inline-svg' -import RightArrowIcon from './img/right-arrow-icon.svg?include' export default function BasicHero({ heading, @@ -19,13 +17,11 @@ export default function BasicHero({
{links.slice(0, 2).map((link, stableIdx) => { const buttonVariant = stableIdx === 0 ? 'primary' : 'secondary' - const linkType = link.type || 'inbound' - return (
)} diff --git a/website/components/basic-hero/style.css b/website/components/basic-hero/style.css index ab40f1b85e..0e3ae640cc 100644 --- a/website/components/basic-hero/style.css +++ b/website/components/basic-hero/style.css @@ -49,16 +49,11 @@ display: flex; justify-content: center; margin-top: 32px; - & a { - display: flex; - align-items: center; - color: var(--gray-4); - - & .icon { - margin-left: 8px; - height: 24px; - } + color: var(--gray-3); + } + & svg * { + stroke: var(--gray-2) !important; } } diff --git a/website/components/enterprise-comparison/consul/index.jsx b/website/components/enterprise-comparison/consul/index.jsx index dbd1c8ae83..444dcddf2b 100644 --- a/website/components/enterprise-comparison/consul/index.jsx +++ b/website/components/enterprise-comparison/consul/index.jsx @@ -10,11 +10,13 @@ export default function ConsulEnterpriseComparison() { imageUrl: require('./img/consul-oss.svg?url'), description: 'Consul Open Source enables individuals to discover services and securely manage connections between them across cloud, on-prem, and hybrid environments.', - link: { - text: 'View Open Source Features', - url: 'https://www.hashicorp.com/products/consul/pricing/', - type: 'outbound', - }, + links: [ + { + text: 'View Open Source Features', + url: 'https://www.hashicorp.com/products/consul/pricing/', + type: 'outbound', + }, + ], }} itemTwo={{ title: 'Organizational Complexity', @@ -22,11 +24,19 @@ export default function ConsulEnterpriseComparison() { imageUrl: require('./img/consul-enterprise.svg?url'), description: 'Consul Enterprise provides the foundation for organizations to build an enterprise-ready service networking environment for multiple teams by enabling governance capabilities.', - link: { - text: 'View Enterprise Features', - url: 'https://www.hashicorp.com/products/consul/pricing/', - type: 'outbound', - }, + links: [ + { + text: 'View Cloud Features', + url: + 'https://cloud.hashicorp.com/?utm_source=consul_io&utm_content=ent_comparison', + type: 'outbound', + }, + { + text: 'View Self-Managed Features', + url: 'https://www.hashicorp.com/products/consul/pricing/', + type: 'outbound', + }, + ], }} brand="consul" /> diff --git a/website/components/enterprise-comparison/index.jsx b/website/components/enterprise-comparison/index.jsx index d0b611e91d..810f2acca7 100644 --- a/website/components/enterprise-comparison/index.jsx +++ b/website/components/enterprise-comparison/index.jsx @@ -21,12 +21,17 @@ export default function EnterpriseComparison({

{itemOne.title}

{itemOne.description}

-