import FeedbackSlider from "../src/components/FeedbackSlider";
import PageBanner from "../src/components/PageBanner";
import { LeftArrow, RightArrow } from "../src/Icons";
import Layout from "../src/layouts/Layout";

const Testimonials = () => {
  return (
    <Layout bodyClass={"about"}>
      <PageBanner pageName={"Testimonials"} />

      <section className="tf-section tf-testimonial">
        <div className="container">
          <div className="row">
            <div className="col-12">
              <div className="title-heading st-3">
                <div className="sub-heading clr-pri-3 f-mulish">
                  <LeftArrow />
                  <span className="inner-sub st-1">Parents Feedback</span>
                  <RightArrow />
                </div>
                <h2 className="title clr-pri-2">
                  What Parents Say About Our{" "}
                  <span className="clr-pri-3">Kindco</span> Kindergarten
                </h2>
              </div>
            </div>
            <div className="col-xl-4 col-lg-6 col-md-6 col-12">
              <div
                className="item-fb wow fadeIn animated"
                data-wow-delay="0.3ms"
                data-wow-duration="1300ms"
              >
                <div className="heading fx">
                  <div className="box-avt">
                    <img
                      src="assets/images/thumbnails/avt-quote.jpg"
                      alt="Image"
                    />
                  </div>
                  <ul>
                    <li>
                      <h4 className="name-author clr-pri-2">Bradle Y. Grime</h4>
                    </li>
                    <li>
                      <p className="clr-pri-5 f-mulish">Senior Manager</p>
                    </li>
                  </ul>
                </div>
                <div className="wrap">
                  <p className="clr-pri-2">
                    “ On the other deno eunc with righteous indintioand dislike
                    men who beguileda demoralized by the chas pleasure the
                    moment”
                  </p>
                </div>
              </div>
            </div>
            <div className="col-xl-4 col-lg-6 col-md-6 col-12">
              <div
                className="item-fb wow fadeIn animated"
                data-wow-delay="0.3ms"
                data-wow-duration="1300ms"
              >
                <div className="heading fx">
                  <div className="box-avt">
                    <img
                      src="assets/images/thumbnails/avt-quote3.jpg"
                      alt="Image"
                    />
                  </div>
                  <ul>
                    <li>
                      <h4 className="name-author clr-pri-2">Elmer K. Huitt</h4>
                    </li>
                    <li>
                      <p className="clr-pri-5 f-mulish">Senior Manager</p>
                    </li>
                  </ul>
                </div>
                <div className="wrap">
                  <p className="clr-pri-2">
                    “ On the other deno eunc with righteous indintioand dislike
                    men who beguileda demoralized by the chas pleasure the
                    moment”
                  </p>
                </div>
              </div>
            </div>
            <div className="col-xl-4 col-lg-6 col-md-6 col-12">
              <div
                className="item-fb wow fadeIn animated"
                data-wow-delay="0.3ms"
                data-wow-duration="1300ms"
              >
                <div className="heading fx">
                  <div className="box-avt">
                    <img
                      src="assets/images/thumbnails/avt-quote4.jpg"
                      alt="Image"
                    />
                  </div>
                  <ul>
                    <li>
                      <h4 className="name-author clr-pri-2">Franc D. Branes</h4>
                    </li>
                    <li>
                      <p className="clr-pri-5 f-mulish">Senior Manager</p>
                    </li>
                  </ul>
                </div>
                <div className="wrap">
                  <p className="clr-pri-2">
                    “ On the other deno eunc with righteous indintioand dislike
                    men who beguileda demoralized by the chas pleasure the
                    moment”
                  </p>
                </div>
              </div>
            </div>
            <div className="col-xl-4 col-lg-6 col-md-6 col-12">
              <div
                className="item-fb wow fadeIn animated"
                data-wow-delay="0.3ms"
                data-wow-duration="1300ms"
              >
                <div className="heading fx">
                  <div className="box-avt">
                    <img
                      src="assets/images/thumbnails/avt-quote.jpg"
                      alt="Image"
                    />
                  </div>
                  <ul>
                    <li>
                      <h4 className="name-author clr-pri-2">Bradle Y. Grime</h4>
                    </li>
                    <li>
                      <p className="clr-pri-5 f-mulish">Senior Manager</p>
                    </li>
                  </ul>
                </div>
                <div className="wrap">
                  <p className="clr-pri-2">
                    “ On the other deno eunc with righteous indintioand dislike
                    men who beguileda demoralized by the chas pleasure the
                    moment”
                  </p>
                </div>
              </div>
            </div>
            <div className="col-xl-4 col-lg-6 col-md-6 col-12">
              <div
                className="item-fb wow fadeIn animated"
                data-wow-delay="0.3ms"
                data-wow-duration="1300ms"
              >
                <div className="heading fx">
                  <div className="box-avt">
                    <img
                      src="assets/images/thumbnails/avt-quote3.jpg"
                      alt="Image"
                    />
                  </div>
                  <ul>
                    <li>
                      <h4 className="name-author clr-pri-2">Elmer K. Huitt</h4>
                    </li>
                    <li>
                      <p className="clr-pri-5 f-mulish">Senior Manager</p>
                    </li>
                  </ul>
                </div>
                <div className="wrap">
                  <p className="clr-pri-2">
                    “ On the other deno eunc with righteous indintioand dislike
                    men who beguileda demoralized by the chas pleasure the
                    moment”
                  </p>
                </div>
              </div>
            </div>
            <div className="col-xl-4 col-lg-6 col-md-6 col-12">
              <div
                className="item-fb wow fadeIn animated"
                data-wow-delay="0.3ms"
                data-wow-duration="1300ms"
              >
                <div className="heading fx">
                  <div className="box-avt">
                    <img
                      src="assets/images/thumbnails/avt-quote4.jpg"
                      alt="Image"
                    />
                  </div>
                  <ul>
                    <li>
                      <h4 className="name-author clr-pri-2">Franc D. Branes</h4>
                    </li>
                    <li>
                      <p className="clr-pri-5 f-mulish">Senior Manager</p>
                    </li>
                  </ul>
                </div>
                <div className="wrap">
                  <p className="clr-pri-2">
                    “ On the other deno eunc with righteous indintioand dislike
                    men who beguileda demoralized by the chas pleasure the
                    moment”
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section className="tf-section tf-quote">
        <div className="container">
          <div className="row">
            <div className="col-12">
              <div className="title-heading st-3">
                <div className="sub-heading clr-pri-3 f-mulish">
                  <LeftArrow />
                  <span className="inner-sub st-1">Parents Feedback</span>
                  <RightArrow />
                </div>
                <h2 className="title clr-pri-2">
                  What Parents Say About Our
                  <span className="clr-pri-3">Kindco</span> Kindergarten
                </h2>
              </div>
            </div>
            <div className="col-12">
              <div className="sc-quote">
                <div className="list-author m-t-62">
                  <ul>
                    <li>
                      <img
                        src="assets/images/thumbnails/list-quote-1.jpg"
                        alt="Image"
                      />
                    </li>
                    <li>
                      <img
                        src="assets/images/thumbnails/list-quote-2.jpg"
                        alt="Image"
                      />
                    </li>
                    <li>
                      <img
                        src="assets/images/thumbnails/list-quote-3.jpg"
                        alt="Image"
                      />
                    </li>
                    <li>
                      <img
                        src="assets/images/thumbnails/list-quote-4.jpg"
                        alt="Image"
                      />
                    </li>
                  </ul>
                </div>
                <div className="inner">
                  <div className="themesflat-carousel clearfix">
                    <FeedbackSlider />
                  </div>
                  {/*/.themesflat-carousel*/}
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </Layout>
  );
};
export default Testimonials;
