17 lines
541 B
JavaScript
17 lines
541 B
JavaScript
import { Box, Heading, Stack, Text } from '@chakra-ui/react'
|
|
import React from 'react'
|
|
|
|
|
|
|
|
const HeroHeader = ({title,content}) => {
|
|
|
|
return (
|
|
<Box backgroundColor={'#0041180D'} h={'360px'} display={'flex'} justifyContent={'center'} alignContent={'center'} flexDirection={'column'} textAlign={'center'}>
|
|
<Heading as='h2' mb={'14px'} fontSize={'52px'} color={'#000'}>{title}</Heading>
|
|
<Text fontFamily={'DM sans'} fontSize={'20px'} mb={'0'} fontWeight={'500'}>{content}</Text>
|
|
</Box>
|
|
)
|
|
}
|
|
|
|
export default HeroHeader
|