

export default function Reviews2_1() {
    return (
        <>
            <section id="reviews-2" className="pt-100 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-2 WRAPPER */}
                    <div className="reviews-2-wrapper rel shape--02 shape--whitesmoke">
                        <div className="row align-items-center row-cols-1 row-cols-md-2">
                            {/* TESTIMONIAL #1 */}
                            <div className="col">
                                <div id="rw-2-1" className="review-2 bg--white-100 block-shadow r-08">
                                    {/* Quote Icon */}
                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
                                    {/* Text */}
                                    <div className="review-txt">
                                        {/* Text */}
                                        <p>Quaerat sodales sapien euismod blandit aliquet ipsum primis undo and cubilia
                                            laoreet augue and luctus magna dolor luctus egestas sapien vitae
                                        </p>
                                        {/* Author */}
                                        <div className="author-data clearfix">
                                            {/* Avatar */}
                                            <div className="review-avatar">
                                                <img src="/images/review-author-1.jpg" alt="review-avatar" />
                                            </div>
                                            {/* Data */}
                                            <div className="review-author">
                                                <h6 className="s-18 w-700">Scott Boxer</h6>
                                                <p className="p-sm">@scott_boxer</p>
                                            </div>
                                        </div>	{/* End Author */}
                                    </div>	{/* End Text */}
                                </div>
                            </div>	{/* END TESTIMONIAL #1 */}
                            {/* TESTIMONIAL #2 */}
                            <div className="col">
                                <div id="rw-2-2" className="review-2 bg--white-100 block-shadow r-08">
                                    {/* Quote Icon */}
                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
                                    {/* Text */}
                                    <div className="review-txt">
                                        {/* Text */}
                                        <p>At sagittis congue augue and magna ipsum vitae a purus ipsum primis diam a
                                            cubilia laoreet augue egestas luctus a donec vitae ultrice ligula magna suscipit
                                            lectus gestas augue into cubilia
                                        </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 */}
                            {/* TESTIMONIAL #3 */}
                            <div className="col">
                                <div id="rw-2-3" className="review-2 bg--white-100 block-shadow r-08">
                                    {/* Quote Icon */}
                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
                                    {/* Text */}
                                    <div className="review-txt">
                                        {/* Text */}
                                        <p>An augue cubilia laoreet magna suscipit egestas and ipsum a lectus purus ipsum
                                            primis and augue ultrice ligula and egestas a suscipit lectus gestas undo auctor
                                            tempus feugiat impedit quaerat
                                        </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>
                            </div>	{/* END TESTIMONIAL #3 */}
                            {/* TESTIMONIAL #4 */}
                            <div className="col">
                                <div id="rw-2-4" className="review-2 bg--white-100 block-shadow r-08">
                                    {/* Quote Icon */}
                                    <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
                                    {/* Text */}
                                    <div className="review-txt">
                                        {/* Text */}
                                        <p>Augue at vitae purus tempus egestas volutpat augue undo cubilia laoreet magna
                                            suscipit luctus dolor blandit at purus tempus feugiat impedit
                                        </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>
                            </div>	{/* END TESTIMONIAL #4 */}
                        </div>  {/* End row */}
                    </div>	{/* END TESTIMONIALS-2 WRAPPER */}
                </div>	   {/* End container */}
            </section>
        </>
    )
}
