export default function TestimonialCard({ data }) {
  
    return (
        <div className="carousel-item ">
            <div className="card shadow-sm rounded-3">
                <div className="card-body tesimonial_cardBody" style={{ 'textAlign': 'center', display: 'inline' }}>
                    <img src={data?.testimonial.media[0].original_url} alt="testimonial" width="100" height="100" />
                    <p className="card-text">{data?.testimonial.description}</p>
                    <div className="align-items-center pt-2">
                        <h5 style={{ color: '#f7c033' }}>{data?.testimonial.name}</h5>
                        <p>{data?.testimonial.designation},{data?.testimonial.company}</p>
                    </div>
                </div>
            </div>
        </div>

    );
};