import React from 'react'
import { GatsbyImage, getImage } from 'gatsby-plugin-image';

const Person = ({name, text, img}) => {
    return (
        <div className='h-full flex flex-col'>
            <GatsbyImage loading='lazy' className='h-[325px] rounded-[20px] w-full object-cover mb-[20px]' image={getImage(img)} alt="logo" placeholder="blurred"/>
            <p className='text-slate-800 text-xl font-semibold mb-[15px]'>{name}</p>
            <p className='text-slate-800 text-base font-normal leading-normal whitespace-pre-wrap max-w-[261px]'>{text}</p>
        </div>
    )
}

export default Person;