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:
parent
3f51589be6
commit
7daf061216
|
@ -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',
|
||||
}
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -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",
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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 Vault’s 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 Vault’s best-in-class secrets management and encryption capabilities instantly and onboard applications and teams easily."
|
||||
image={require('./img/hcp-vault.svg?url')}
|
||||
links={[
|
||||
{
|
||||
|
|
Loading…
Reference in New Issue