diff --git a/website/components/how-it-works/feature/logo-list/logo-list.module.css b/website/components/how-it-works/feature/logo-list/logo-list.module.css index 84ccc7996..ea1fd705e 100644 --- a/website/components/how-it-works/feature/logo-list/logo-list.module.css +++ b/website/components/how-it-works/feature/logo-list/logo-list.module.css @@ -2,7 +2,7 @@ display: flex; flex-direction: row; align-items: center; - max-width: 440px; + max-width: 430px; flex-wrap: wrap; & > div { diff --git a/website/pages/home/img/logos/aws-color.svg b/website/pages/home/img/logos/aws-color.svg new file mode 100644 index 000000000..44d5923d8 --- /dev/null +++ b/website/pages/home/img/logos/aws-color.svg @@ -0,0 +1,4 @@ + + + + diff --git a/website/pages/home/img/logos/aws.svg b/website/pages/home/img/logos/aws-gray.svg similarity index 100% rename from website/pages/home/img/logos/aws.svg rename to website/pages/home/img/logos/aws-gray.svg diff --git a/website/pages/home/img/logos/azure-color.svg b/website/pages/home/img/logos/azure-color.svg new file mode 100644 index 000000000..f26fa79f3 --- /dev/null +++ b/website/pages/home/img/logos/azure-color.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/website/pages/home/img/logos/azure.svg b/website/pages/home/img/logos/azure-gray.svg similarity index 100% rename from website/pages/home/img/logos/azure.svg rename to website/pages/home/img/logos/azure-gray.svg diff --git a/website/pages/home/img/logos/consul-color.svg b/website/pages/home/img/logos/consul-color.svg new file mode 100644 index 000000000..f5812c473 --- /dev/null +++ b/website/pages/home/img/logos/consul-color.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/website/pages/home/img/logos/consul.svg b/website/pages/home/img/logos/consul-gray.svg similarity index 100% rename from website/pages/home/img/logos/consul.svg rename to website/pages/home/img/logos/consul-gray.svg diff --git a/website/pages/home/img/logos/gcp-color.svg b/website/pages/home/img/logos/gcp-color.svg new file mode 100644 index 000000000..9638f26d8 --- /dev/null +++ b/website/pages/home/img/logos/gcp-color.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/website/pages/home/img/logos/gcp.svg b/website/pages/home/img/logos/gcp-gray.svg similarity index 100% rename from website/pages/home/img/logos/gcp.svg rename to website/pages/home/img/logos/gcp-gray.svg diff --git a/website/pages/home/img/logos/github.svg b/website/pages/home/img/logos/github-gray.svg similarity index 100% rename from website/pages/home/img/logos/github.svg rename to website/pages/home/img/logos/github-gray.svg diff --git a/website/pages/home/img/logos/kubernetes-color.svg b/website/pages/home/img/logos/kubernetes-color.svg new file mode 100644 index 000000000..613c97444 --- /dev/null +++ b/website/pages/home/img/logos/kubernetes-color.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/website/pages/home/img/logos/kubernetes.svg b/website/pages/home/img/logos/kubernetes-gray.svg similarity index 100% rename from website/pages/home/img/logos/kubernetes.svg rename to website/pages/home/img/logos/kubernetes-gray.svg diff --git a/website/pages/home/img/logos/more.svg b/website/pages/home/img/logos/more-gray.svg similarity index 100% rename from website/pages/home/img/logos/more.svg rename to website/pages/home/img/logos/more-gray.svg diff --git a/website/pages/home/img/logos/okta-color.svg b/website/pages/home/img/logos/okta-color.svg new file mode 100644 index 000000000..b8b670436 --- /dev/null +++ b/website/pages/home/img/logos/okta-color.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/website/pages/home/img/logos/okta.svg b/website/pages/home/img/logos/okta-gray.svg similarity index 100% rename from website/pages/home/img/logos/okta.svg rename to website/pages/home/img/logos/okta-gray.svg diff --git a/website/pages/home/img/logos/ping-color.svg b/website/pages/home/img/logos/ping-color.svg new file mode 100644 index 000000000..e51c906d1 --- /dev/null +++ b/website/pages/home/img/logos/ping-color.svg @@ -0,0 +1,4 @@ + + + + diff --git a/website/pages/home/img/logos/ping.svg b/website/pages/home/img/logos/ping-gray.svg similarity index 100% rename from website/pages/home/img/logos/ping.svg rename to website/pages/home/img/logos/ping-gray.svg diff --git a/website/pages/home/img/logos/terraform-color.svg b/website/pages/home/img/logos/terraform-color.svg new file mode 100644 index 000000000..e9eebeaf9 --- /dev/null +++ b/website/pages/home/img/logos/terraform-color.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/website/pages/home/img/logos/terraform.svg b/website/pages/home/img/logos/terraform-gray.svg similarity index 100% rename from website/pages/home/img/logos/terraform.svg rename to website/pages/home/img/logos/terraform-gray.svg diff --git a/website/pages/home/index.jsx b/website/pages/home/index.jsx index 2216c29ee..ac14a14da 100644 --- a/website/pages/home/index.jsx +++ b/website/pages/home/index.jsx @@ -48,31 +48,31 @@ export default function HomePage() { logos: [ { alt: 'GitHub', - url: require('./img/logos/github.svg?url'), + url: require('./img/logos/github-gray.svg?url'), }, { alt: 'AWS', - url: require('./img/logos/aws.svg?url'), + url: require('./img/logos/aws-gray.svg?url'), }, { alt: 'Microsoft Azure', - url: require('./img/logos/azure.svg?url'), + url: require('./img/logos/azure-color.svg?url'), }, { alt: 'Google Cloud Platform', - url: require('./img/logos/gcp.svg?url'), + url: require('./img/logos/gcp-color.svg?url'), }, { alt: 'Okta', - url: require('./img/logos/okta.svg?url'), + url: require('./img/logos/okta-color.svg?url'), }, { alt: 'Ping', - url: require('./img/logos/ping.svg?url'), + url: require('./img/logos/ping-color.svg?url'), }, { alt: 'More integrations', - url: require('./img/logos/more.svg?url'), + url: require('./img/logos/more-gray.svg?url'), }, ], }, @@ -83,30 +83,30 @@ export default function HomePage() { logos: [ { alt: 'Consul', - url: require('./img/logos/consul.svg?url'), + url: require('./img/logos/consul-color.svg?url'), }, { alt: 'AWS', - url: require('./img/logos/aws.svg?url'), + url: require('./img/logos/aws-color.svg?url'), }, { alt: 'Microsoft Azure', - url: require('./img/logos/azure.svg?url'), + url: require('./img/logos/azure-color.svg?url'), }, { alt: 'Terraform', - url: require('./img/logos/terraform.svg?url'), + url: require('./img/logos/terraform-color.svg?url'), }, { alt: 'Google Cloud Platform', - url: require('./img/logos/gcp.svg?url'), + url: require('./img/logos/gcp-color.svg?url'), }, { alt: 'Kubernetes', - url: require('./img/logos/kubernetes.svg?url'), + url: require('./img/logos/kubernetes-color.svg?url'), }, { - url: require('./img/logos/more.svg?url'), + url: require('./img/logos/more-gray.svg?url'), alt: 'More integrations', }, ], @@ -186,36 +186,70 @@ export default function HomePage() { content: 'Enables privileged sessions for users and applications based on user identity and role.', icon: require('./img/features/identity-based-access.svg?url'), + link: { + type: 'inbound', + text: 'Learn more', + url: + 'https://learn.hashicorp.com/tutorials/boundary/getting-started-intro', + }, }, { title: 'Session management', content: 'Ensures access control regardless of user or operators’ infrastructure.', icon: require('./img/features/session-management.svg?url'), + link: { + type: 'inbound', + text: 'Learn more', + url: + 'https://learn.hashicorp.com/tutorials/boundary/manage-sessions?in=boundary/common-workflows', + }, }, { title: 'Platform agnostic', content: 'One workflow for identity-based access across clouds, kubernetes clusters, and on-prem infrastructure.', icon: require('./img/features/platform-agnosticity.svg?url'), + link: { + type: 'inbound', + text: 'Learn more', + url: '/docs/getting-started/connect-to-target', + }, }, { title: 'Session visibility', content: 'Visibility into session metrics, events, logs, and traces with the ability to export data to business intelligence and event monitoring tools.', icon: require('./img/features/session-visibility.svg?url'), + link: { + type: 'inbound', + text: 'Learn more', + url: + 'https://learn.hashicorp.com/tutorials/boundary/manage-sessions?in=boundary/common-workflows', + }, }, { title: 'Infrastructure as code', content: 'Define policies and manage Boundary with an Infrastructure as Code approach. Terraform provider supports the full breadth of Boundary configurations.', icon: require('./img/features/config-as-code.svg?url'), + link: { + type: 'inbound', + text: 'Learn more', + url: + 'https://learn.hashicorp.com/tutorials/boundary/getting-started-config', + }, }, { title: 'Manage dynamic environments', content: 'Secure access to dynamic systems and applications with automated controls.', icon: require('./img/features/managing-dynamic-environments.svg?url'), + link: { + type: 'inbound', + text: 'Learn more', + url: '/docs/api-clients', + }, }, ]} />