'use client';
import React from 'react';
import { Typography } from '@mui/material';
import Image from 'next/image';

const ContentArea = () => {
    return (
        <>

            <Typography
                variant="h4" lineHeight={1.4}
                mb={3} fontWeight={700}
                sx={{
                    fontSize: {
                        lg: '40px',
                        xs: '35px',
                    },
                    mr: {
                        xs: 0, lg: 4
                    }
                }}
            >
                What our clients think <Image src='/images/logos/logoIcon.svg' alt="logo" width={40} height={40} style={{ margin: '0 8px', verticalAlign: 'middle' }} /> about us?
            </Typography>
            <Typography variant="body1" lineHeight={1.8}>Our users&apos; feedback is a testament to our commitment to quality and user satisfaction. Read what they have to say about their journey with us.</Typography>

        </>
    );
};

export default ContentArea;
