const SwaperBlogContent = ({
  ImageUrl = "",
  Title = "",
  Body = "",
  ContentAlign = "right",
}) => {
  return (
    <div class="swiper-slide">
      <div class="card h-100">
        <div class="card-body text-body d-flex flex-column justify-content-between h-100">
          <div class="mb-4">
            <img
              src={ImageUrl}
              alt="client logo"
              class="client-logo img-fluid"
              style={{ width: "580px", height: "100px" }}
            />
            <h5>{Title}</h5>
          </div>
          <p>{Body}</p>
          <div class="text-warning mb-4">
            <i class="bx bxs-star"></i>
            <i class="bx bxs-star"></i>
            <i class="bx bxs-star"></i>
            <i class="bx bxs-star"></i>
            <i class="bx bxs-star"></i>
          </div>
          <div class="d-flex align-items-center">
            <div class="avatar me-3 avatar-sm">
              <img
                src="../../assets/img/avatars/1.png"
                alt="Avatar"
                class="rounded-circle"
              />
            </div>
            <div>
              <h6 class="mb-0">Cecilia Payne</h6>
              <p class="small text-muted mb-0">CEO of Airbnb</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};

export default SwaperBlogContent;
