export function ClientReviewTwoColumnCard() {
  return (
    <section className="py-12">
      <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
        <div className="flex w-full flex-col items-center justify-start gap-9">
          <div className="customBorder w-full pb-6 lg:pb-9">
            <h2 className="font-manrope w-full text-center text-4xl leading-normal font-bold text-gray-900">
              Our Client About Us
            </h2>
          </div>
          <div className="grid w-full grid-cols-1 flex-col items-start justify-start gap-8 lg:grid-cols-2">
            <div className="inline-flex w-full flex-col items-start justify-start">
              <div className="flex w-full flex-col items-start justify-start gap-1 rounded-tl-xl rounded-tr-xl bg-gray-200 px-6 py-5">
                <div className="inline-flex w-full items-center justify-between">
                  <div className="flex w-full items-center justify-start gap-3">
                    <img
                      className="rounded-full object-cover"
                      alt="Testimonial Avtar Image"
                      src="https://pagedone.io/asset/uploads/1721212881.png"
                    />
                    <div className="inline-flex w-full flex-col items-start justify-start">
                      <h6 className="text-base leading-relaxed font-medium text-gray-900">
                        Jackson Bennett
                      </h6>
                      <span className="text-xs leading-normal font-normal text-gray-600">
                        Design Lead
                      </span>
                    </div>
                  </div>
                  <div className="flex items-start justify-start gap-1">
                    <a href="#">{/* SVG removed */}</a>
                    <a href="#">{/* SVG removed */}</a>
                    <a href="#">{/* SVG removed */}</a>
                    <a href="#">{/* SVG removed */}</a>
                    <a href="#">{/* SVG removed */}</a>
                  </div>
                </div>
              </div>
              <div className="inline-flex w-full items-center justify-start gap-1 rounded-br-xl rounded-bl-xl bg-gray-50 p-6">
                <p className="text-base leading-relaxed font-normal text-gray-500">
                  I have been using pagedone for several months now, and I must
                  say that it has made my life a lot easier. The platform's
                  intuitive interface and ease of use have allowed me to manage
                  my finances more effectively and make informed investment
                  decisions.{" "}
                </p>
              </div>
            </div>
            <div className="inline-flex w-full flex-col items-start justify-start">
              <div className="flex w-full flex-col items-start justify-start gap-1 rounded-tl-xl rounded-tr-xl bg-gray-200 px-6 py-5">
                <div className="inline-flex w-full items-center justify-between">
                  <div className="flex w-full items-center justify-start gap-3">
                    <img
                      className="rounded-full object-cover"
                      alt="Testimonial Avtar Image"
                      src="https://pagedone.io/asset/uploads/1721212891.png"
                    />
                    <div className="inline-flex w-full flex-col items-start justify-start">
                      <h6 className="text-base leading-relaxed font-medium text-gray-900">
                        Amalia Tomson
                      </h6>
                      <span className="text-xs leading-normal font-normal text-gray-600">
                        Design Lead
                      </span>
                    </div>
                  </div>
                  <div className="flex items-start justify-start gap-1">
                    <a href="#">{/* SVG removed */}</a>
                    <a href="#">{/* SVG removed */}</a>
                    <a href="#">{/* SVG removed */}</a>
                    <a href="#">{/* SVG removed */}</a>
                    <a href="#">{/* SVG removed */}</a>
                  </div>
                </div>
              </div>
              <div className="inline-flex w-full items-center justify-start gap-1 rounded-br-xl rounded-bl-xl bg-gray-50 p-6">
                <p className="text-base leading-relaxed font-normal text-gray-500">
                  I have been using pagedone for several months now, and I must
                  say that it has made my life a lot easier. The platform's
                  intuitive interface and ease of use have allowed me to manage
                  my finances more effectively and make informed investment
                  decisions.{" "}
                </p>
              </div>
            </div>
            <div className="inline-flex w-full flex-col items-start justify-start">
              <div className="flex w-full flex-col items-start justify-start gap-1 rounded-tl-xl rounded-tr-xl bg-gray-200 px-6 py-5">
                <div className="inline-flex w-full items-center justify-between">
                  <div className="flex w-full items-center justify-start gap-3">
                    <img
                      className="rounded-full object-cover"
                      alt="Testimonial Avtar Image"
                      src="https://pagedone.io/asset/uploads/1721212900.png"
                    />
                    <div className="inline-flex w-full flex-col items-start justify-start">
                      <h6 className="text-base leading-relaxed font-medium text-gray-900">
                        John Smith
                      </h6>
                      <span className="text-xs leading-normal font-normal text-gray-600">
                        Design Lead
                      </span>
                    </div>
                  </div>
                  <div className="flex items-start justify-start gap-1">
                    <a href="#">{/* SVG removed */}</a>
                    <a href="#">{/* SVG removed */}</a>
                    <a href="#">{/* SVG removed */}</a>
                    <a href="#">{/* SVG removed */}</a>
                    <a href="#">{/* SVG removed */}</a>
                  </div>
                </div>
              </div>
              <div className="inline-flex w-full items-center justify-start gap-1 rounded-br-xl rounded-bl-xl bg-gray-50 p-6">
                <p className="text-base leading-relaxed font-normal text-gray-500">
                  I have been using pagedone for several months now, and I must
                  say that it has made my life a lot easier. The platform's
                  intuitive interface and ease of use have allowed me to manage
                  my finances more effectively and make informed investment
                  decisions.{" "}
                </p>
              </div>
            </div>
            <div className="inline-flex w-full flex-col items-start justify-start">
              <div className="flex w-full flex-col items-start justify-start gap-1 rounded-tl-xl rounded-tr-xl bg-gray-200 px-6 py-5">
                <div className="inline-flex w-full items-center justify-between">
                  <div className="flex w-full items-center justify-start gap-3">
                    <img
                      className="rounded-full object-cover"
                      alt="Testimonial Avtar Image"
                      src="https://pagedone.io/asset/uploads/1721212909.png"
                    />
                    <div className="inline-flex w-full flex-col items-start justify-start">
                      <h6 className="text-base leading-relaxed font-medium text-gray-900">
                        Harry Jones
                      </h6>
                      <span className="text-xs leading-normal font-normal text-gray-600">
                        Design Lead
                      </span>
                    </div>
                  </div>
                  <div className="flex items-start justify-start gap-1">
                    <a href="#">{/* SVG removed */}</a>
                    <a href="#">{/* SVG removed */}</a>
                    <a href="#">{/* SVG removed */}</a>
                    <a href="#">{/* SVG removed */}</a>
                    <a href="#">{/* SVG removed */}</a>
                  </div>
                </div>
              </div>
              <div className="inline-flex w-full items-center justify-start gap-1 rounded-br-xl rounded-bl-xl bg-gray-50 p-6">
                <p className="text-base leading-relaxed font-normal text-gray-500">
                  I have been using pagedone for several months now, and I must
                  say that it has made my life a lot easier. The platform's
                  intuitive interface and ease of use have allowed me to manage
                  my finances more effectively and make informed investment
                  decisions.{" "}
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  )
}