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