import React from "react";
import "./Testimonials_card.css";

function Testimonials_card({val}) {
  return (
    <>
      <section className="Testimonials_card">
        <div className="row justify-content-center">
          <div className="col-md-2 col-sm-3 col-4">
            <div className="profile_holder">
              <div className="img_holder">
                <img
                  className="Profile_img"
                  src={
                    process.env.NEXT_PUBLIC_IMG_URL +
                   val?.image
                  }
                  alt={"Profile_img"}
                />
              </div>

              <div className="quote_holder">
                <img
                  className="quote_img"
                  src={
                    process.env.PUBLIC_URL +
                    "/assets/images/home/testimonials/quote.png"
                  }
                  alt={"Profile_img"}
                />
              </div>

              <div className="name_holder">
                <h5>{val?.name}</h5>
                <p>{val?.designation}</p>
              </div>
            </div>
          </div>
        </div>

        <div className="text_holder">
          <p>
          {val?.subname}
          </p>
        </div>
      </section>
    </>
  );
}

export default Testimonials_card;
