text: import React from "react";
  
  export class Testimonials extends React.Component {
    render() {
      const { props } = this;
  
      return (
        <div id="testimonials">
          <div className="container">
            <div className="section-title text-center">
              <h2>What our users say</h2>
            </div>
            <div className="row">
              {props.data
                ? props.data.map((d, i) => (
                    <div key={`${d.name}-${i}`} className="col-md-4">
                      <div className="testimonial">
                        <div className="testimonial-image">
                          {" "}
                          <img src={d.img} alt="" />{" "}
                        </div>
                        <div className="testimonial-content">
                          <p>"{d.text}"</p>
                          <div className="testimonial-meta"> - {d.name} </div>
                        </div>
                      </div>
                    </div>
                  ))
                : "loading"}
            </div>
          </div>
        </div>
      );
    }
  }
  