HCP Website Updates (#11292)

* Updates the HCP Vault section copy

* Updates alert banner

* Updates Meganav

* Adds a HCP slot to the downloads page
This commit is contained in:
Brandon Romano 2021-04-07 08:26:55 -07:00 committed by GitHub
parent 3f51589be6
commit 7daf061216
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 71 additions and 18 deletions

View File

@ -2,12 +2,12 @@ export const ALERT_BANNER_ACTIVE = true
// https://github.com/hashicorp/react-components/tree/master/packages/alert-banner
export default {
tag: 'Join Us',
url: 'https://www.hashicorp.com/events/webinars/hcp-vault-ga',
text:
'Technical Deep Dive & Livestream with Armon Dadgar featuring HashiCorp Vault as a Fully Managed Cloud Offering',
linkText: 'Register now',
tag: 'New',
url:
'https://portal.cloud.hashicorp.com/sign-up?utm_source=vault_io&utm_campaign=hcp_vault_ga',
text: 'HCP Vault is now Generally Available',
linkText: 'Sign up Today',
// Set the `expirationDate prop with a datetime string (e.g. `2020-01-31T12:00:00-07:00`)
// if you'd like the component to stop showing at or after a certain date
expirationDate: '2021-04-07T11:59:00-05:00',
expirationDate: '2021-04-30T11:59:00-05:00',
}

View File

@ -1882,9 +1882,9 @@
"integrity": "sha512-a2eWgjLwGAC2LjUHE7Xt6sRGGjyTWfrc4N+qVxsyZw4eE0EiNhMIKDYHWjmtb+tGh8r8j+ca3tSjsuOUePVPUw=="
},
"@hashicorp/react-hashi-stack-menu": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/@hashicorp/react-hashi-stack-menu/-/react-hashi-stack-menu-1.1.0.tgz",
"integrity": "sha512-WPrMJT64V5y6JPVajCQduAXKTz1ij8OXCOKdvavjhoSpteuA+/xWuQZyeNQaUWnsKCXnNydbBUzuCb2or03vsA==",
"version": "1.2.1-canary.0",
"resolved": "https://registry.npmjs.org/@hashicorp/react-hashi-stack-menu/-/react-hashi-stack-menu-1.2.1-canary.0.tgz",
"integrity": "sha512-tAghrysfxZrcILFjEFQu1hzlY7d2R/I7N49UkH8n22juVrqd6FlXI/gnXpnJayRbbOGmDKda8f3SEH2Uwq4I3g==",
"requires": {
"@hashicorp/react-inline-svg": "^1.0.2",
"slugify": "1.3.4"

View File

@ -11,7 +11,7 @@
"@hashicorp/react-case-study-slider": "4.0.0",
"@hashicorp/react-code-block": "3.0.3",
"@hashicorp/react-docs-page": "12.0.0",
"@hashicorp/react-hashi-stack-menu": "1.1.0",
"@hashicorp/react-hashi-stack-menu": "1.2.1-canary.0",
"@hashicorp/react-head": "1.1.6",
"@hashicorp/react-hero": "4.1.0",
"@hashicorp/react-image": "3.0.3",

View File

@ -1,11 +1,34 @@
import Head from 'next/head'
import Link from 'next/link'
import Button from '@hashicorp/react-button'
import ProductDownloader from '@hashicorp/react-product-downloader'
import HashiHead from '@hashicorp/react-head'
import { VERSION, CHANGELOG_URL, packageManagers } from 'data/version'
import { productName, productSlug } from 'data/metadata'
import s from './style.module.css'
function MerchandisingSlot() {
return (
<div className={s.merchandisingSlot}>
<div className={s.centerWrapper}>
<p>
Want all of the power and security of Vault, without the complexity
and overhead of managing it yourself?
</p>
<Button
title="Sign up for HCP Vault"
linkType="inbound"
url="https://portal.cloud.hashicorp.com/sign-up?utm_source=vault_io&utm_content=download_cta"
theme={{
variant: 'tertiary',
brand: 'vault',
}}
/>
</div>
</div>
)
}
export default function DownloadsPage({ releases }) {
const changelogUrl = CHANGELOG_URL.length
? CHANGELOG_URL
@ -54,13 +77,16 @@ export default function DownloadsPage({ releases }) {
label: 'View Tutorials at HashiCorp Learn',
}}
merchandisingSlot={
<p className={s.releaseNote}>
Release notes are available in our{' '}
<Link href={`/docs/release-notes/${VERSION}`}>
<a>documentation</a>
</Link>
.
</p>
<>
<MerchandisingSlot />
<p className={s.releaseNote}>
Release notes are available in our{' '}
<Link href={`/docs/release-notes/${VERSION}`}>
<a>documentation</a>
</Link>
.
</p>
</>
}
/>
</div>

View File

@ -12,3 +12,30 @@
composes: .g-type-body from global;
text-align: center;
}
.merchandisingSlot {
width: 100%;
border: 1px solid var(--gray-6);
padding: 16px;
display: flex;
justify-content: center;
& .centerWrapper {
display: flex;
align-items: center;
& p {
margin: 0;
max-width: 400px;
margin-right: 26px;
}
@media (max-width: 800px) {
flex-direction: column;
& p {
text-align: center;
margin-bottom: 12px;
}
}
}
}

View File

@ -127,7 +127,7 @@ export default function Homepage({ content }) {
id="cloud-offerings"
title="HCP Vault"
chin="Available on AWS"
description="HCP Vault allows organizations to get up and running quickly, providing immediate access to Vaults best-in-class secrets management and encryption capabilities, with the platform providing the resilience and operational excellence so you do not have to manage Vault yourself."
description="HCP Vault provides all of the power and security of Vault, without the complexity and overhead of managing it yourself. Access Vaults best-in-class secrets management and encryption capabilities instantly and onboard applications and teams easily."
image={require('./img/hcp-vault.svg?url')}
links={[
{