text: import React, { Component } from "react";
  
  class Testimonials extends Component {
  	render() {
  		if (this.props.data) {
  			var testimonials = this.props.data.testimonials.map(function (
  				testimonials
  			) {
  				return (
  					<li key={testimonials.user}>
  						<blockquote>
  							<p>{testimonials.text}</p>
  							<cite>{testimonials.user}</cite>
  						</blockquote>
  					</li>
  				);
  			});
  		}
  
  		return (
  			<section id="testimonials">
  				<div className="text-container">
  					<div className="row">
  						<div className="two columns header-col">
  							<h1>
  								<span>Client Testimonials</span>
  							</h1>
  						</div>
  
  						<div className="ten columns flex-container">
  							<ul className="slides">{testimonials}</ul>
  						</div>
  					</div>
  				</div>
  			</section>
  		);
  	}
  }
  
  export default Testimonials;
  