mirror of https://github.com/status-im/consul.git
48 lines
1.2 KiB
React
48 lines
1.2 KiB
React
|
import BasicHero from '../../components/basic-hero'
|
||
|
|
import PrefooterCTA from '../../components/prefooter-cta'
|
||
|
|
import ConsulEnterpriseComparison from '../../components/enterprise-comparison/consul'
|
||
|
|
import Head from 'next/head'
|
||
|
|
import HashiHead from '@hashicorp/react-head'
|
||
|
|
|
||
|
|
export default function UseCaseLayout({
|
||
|
|
title,
|
||
|
|
description,
|
||
|
|
guideLink,
|
||
|
|
children,
|
||
|
|
}) {
|
||
|
|
const pageTitle = `Consul ${title}`
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<HashiHead is={Head} title={pageTitle} description={description}>
|
||
|
|
<meta name="og:title" property="og:title" content={pageTitle} />
|
||
|
|
</HashiHead>
|
||
|
|
|
||
|
|
<div id="p-use-case">
|
||
|
|
<BasicHero
|
||
|
|
heading={title}
|
||
|
|
content={description}
|
||
|
|
brand="consul"
|
||
|
|
links={[
|
||
|
|
{
|
||
|
|
text: 'Explore HashiCorp Learn',
|
||
|
|
url: guideLink,
|
||
|
|
type: 'outbound',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
text: 'Explore Documentation',
|
||
|
|
url: '/docs',
|
||
|
|
type: 'inbound',
|
||
|
|
},
|
||
|
|
]}
|
||
|
|
/>
|
||
|
|
<div className="g-grid-container">
|
||
|
|
<h2 className="g-type-display-2 features-header">Features</h2>
|
||
|
|
</div>
|
||
|
|
{children}
|
||
|
|
<ConsulEnterpriseComparison />
|
||
|
|
<PrefooterCTA />
|
||
|
|
</div>
|
||
|
|
</>
|
||
|
|
)
|
||
|
|
}
|