36 lines
888 B
JavaScript
36 lines
888 B
JavaScript
import React from 'react'
|
|
import { StaticQuery, graphql } from 'gatsby'
|
|
import { ReactComponent as Logo } from '@oceanprotocol/art/logo/logo.svg'
|
|
import Content from '../components/Content'
|
|
import styles from './HeaderHome.module.scss'
|
|
|
|
const HeaderHome = () => (
|
|
<StaticQuery
|
|
query={graphql`
|
|
query {
|
|
site {
|
|
siteMetadata {
|
|
siteTitle
|
|
siteDescription
|
|
}
|
|
}
|
|
}
|
|
`}
|
|
render={(data) => {
|
|
const { siteTitle, siteDescription } = data.site.siteMetadata
|
|
|
|
return (
|
|
<header className={styles.header}>
|
|
<Content>
|
|
<Logo className={styles.headerLogo} />
|
|
<h1 className={styles.headerTitle}>{siteTitle}</h1>
|
|
<p className={styles.headerDescription}>{siteDescription}</p>
|
|
</Content>
|
|
</header>
|
|
)
|
|
}}
|
|
/>
|
|
)
|
|
|
|
export default HeaderHome
|