

export default function Reviews3_1() {
    return (
        <>
            <section id="reviews-3" className="pt-90 reviews-section">
                <div className="container">
                    {/* SECTION TITLE */}
                    <div className="row justify-content-center">
                        <div className="col-md-10 col-lg-9">
                            <div className="section-title mb-70">
                                {/* Title */}
                                <h2 className="s-50 w-700">Our Happy Customers</h2>
                                {/* Text */}
                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
                            </div>
                        </div>
                    </div>
                    {/* TESTIMONIALS-3 WRAPPER */}
                    <div className="reviews-3-wrapper rel shape--02 shape--whitesmoke r-24">
                        <div className="row align-items-center">
                            {/* TESTIMONIAL #1 */}
                            <div className="col-md-5">
                                <div id="rw-3-1" className="review-3 bg--white-100 block-border block-shadow r-08">
                                    {/* Quote Icon */}
                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
                                    {/* Text */}
                                    <div className="review-txt">
                                        {/* Title */}
                                        <h6 className="s-20 w-700">This is crazy...</h6>
                                        {/* Text */}
                                        <p className="p-md">At sagittis congue an augue magna ipsum vitae a purus suscipit
                                            ipsum primis diam a cubilia laoreet augue ultrice ligula magna a lectus gestas
                                            augue cubilia turpis dolores aliquam  undo quaerat sodales euismod
                                        </p>
                                        {/* Author */}
                                        <div className="author-data clearfix">
                                            {/* Avatar */}
                                            <div className="review-avatar">
                                                <img src="/images/review-author-2.jpg" alt="review-avatar" />
                                            </div>
                                            {/* Data */}
                                            <div className="review-author">
                                                <h6 className="s-18 w-700">Joel Peterson</h6>
                                                <p className="p-sm">Internet Surfer</p>
                                            </div>
                                        </div>	{/* End Author */}
                                    </div>	{/* End Text */}
                                </div>
                            </div>	{/* END TESTIMONIAL #2 */}
                            {/* TESTIMONIALS #2-3 */}
                            <div className="col-md-7">
                                {/* TESTIMONIAL #2 */}
                                <div id="rw-3-2" className="review-3 bg--white-100 block-border block-shadow r-08">
                                    {/* Quote Icon */}
                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
                                    {/* Text */}
                                    <div className="review-txt">
                                        {/* Title */}
                                        <h6 className="s-20 w-700">Great Flexibility!</h6>
                                        {/* Text */}
                                        <p className="p-md">An augue cubilia laoreet magna undo suscipit egestas ipsum and lectus
                                            purus ipsum a primis gestas impedit ultrice ligula egestas a sapien lectus gestas
                                            tempus
                                        </p>
                                        {/* Author */}
                                        <div className="author-data clearfix">
                                            {/* Avatar */}
                                            <div className="review-avatar">
                                                <img src="/images/review-author-5.jpg" alt="review-avatar" />
                                            </div>
                                            {/* Data */}
                                            <div className="review-author">
                                                <h6 className="s-18 w-700">Jennifer Harper</h6>
                                                <p className="p-sm">App Developer</p>
                                            </div>
                                        </div>	{/* End Author */}
                                    </div>	{/* End Text */}
                                </div>	{/* END TESTIMONIAL #2 */}
                                {/* TESTIMONIAL #3 */}
                                <div id="rw-3-3" className="review-3 bg--white-100 block-border block-shadow r-08">
                                    {/* Quote Icon */}
                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
                                    {/* Text */}
                                    <div className="review-txt">
                                        {/* Title */}
                                        <h6 className="s-20 w-700">Simple and Useful!</h6>
                                        {/* Text */}
                                        <p className="p-md">Augue at vitae purus tempus egestas volutpat augue magnis cubilia
                                            laoreet magna and suscipit luctus dolor blandit purus tempus feugiat impedit
                                            laoreet augue
                                        </p>
                                        {/* Author */}
                                        <div className="author-data clearfix">
                                            {/* Avatar */}
                                            <div className="review-avatar">
                                                <img src="/images/review-author-8.jpg" alt="review-avatar" />
                                            </div>
                                            {/* Data */}
                                            <div className="review-author">
                                                <h6 className="s-18 w-700">Evelyn Martinez</h6>
                                                <p className="p-sm">WordPress Consultant</p>
                                            </div>
                                        </div>	{/* End Author */}
                                    </div>	{/* End Text */}
                                </div>	{/* END TESTIMONIAL #3 */}
                            </div>	{/* END TESTIMONIALS #2-3 */}
                        </div> {/* End row */}
                    </div>	{/* END TESTIMONIALS-3 WRAPPER */}
                </div>	   {/* End container */}
            </section>
        </>
    )
}
