All files / src/components hero.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import {Box, Heading, Text} from '@primer/components'
import React from 'react'
import useSiteMetadata from '../use-site-metadata'
import Container from './container'
 
function Hero() {
  const {title, description} = useSiteMetadata()
 
  return (
    <Box bg="black" py={6}>
      <Container>
        <Heading as="h1" color="blue.4" fontSize={7} m={0}>
          {title}
        </Heading>
        <Text as="p" m={0} color="blue.2" fontSize={4}>
          {description}
        </Text>
      </Container>
    </Box>
  )
}
 
export default Hero