import React from 'react'
import { Button, Container, Grid, Image, Text } from "@nextui-org/react";
import man1 from '../assets/man1.png'

const ContactBanner = () => {
  return (
    <>
    <Container css={{ textAlign: 'center' }}>
        <Text h1 color='white' size={60}>
            Do You Have Any Questions?
        </Text>
        <Grid.Container justify="center" alignItems="center" >
            <Grid>
                <Image src={man1} alt={man1} width='100px' height='80px' />
            </Grid>
            <Grid>
                <Image src={man1} alt={man1} width='100px' height='80px' />
            </Grid>
            <Grid>
                <Image src={man1} alt={man1} width='100px' height='80px' />
            </Grid>
        </Grid.Container>
        <Text color='#798DA3' size={16} css={{ mt: '1rem', mb: '1rem' }} >
        Drop us a message by filling the contact us page.
        <br />
        You can UNSUBSCRIBE to our newsletter any time you want by simply clicking button in your email.
        </Text>
        <Button auto size='lg' css={{ background: '#0084ff', color: '#fff', margin: 'auto', fontWeight: '700', fontSize: '16px' }} > CONTACT </Button>
    </Container>
    </>
  )
}

export default ContactBanner