export function CustomerReviewWithProductImage() {
  return (
    <section className="py-24">
      <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
        <div className="flex flex-col items-start justify-start gap-2.5 pb-10 lg:pb-12">
          <h2 className="font-manrope text-4xl leading-normal font-bold text-gray-900">
            Customer Reviews
          </h2>
          <p className="text-base leading-relaxed font-normal text-gray-500">
            Explore the experiences of our clients with our work, showing our
            dedication to delivering exceptional results.
          </p>
        </div>
        <div className="swiper-container gallery-top overflow-hidden">
          <div className="swiper-wrapper w-max">
            <div className="swiper-slide max-w-full">
              <div className="inline-flex w-full flex-col items-start justify-start gap-6 rounded-2xl border border-gray-200 p-6">
                <div className="inline-flex items-center justify-start gap-3">
                  <img
                    className="object-cover"
                    src="https://pagedone.io/asset/uploads/1721041665.png"
                  />
                  <div className="inline-flex flex-col items-start justify-start gap-px">
                    <h6 className="text-sm leading-normal font-medium text-gray-900">
                      Ayesha Shah
                    </h6>
                    <h6 className="text-xs leading-normal font-normal text-gray-500">
                      @ayesha._12
                    </h6>
                  </div>
                </div>
                <div className="flex flex-col items-start justify-start gap-3">
                  <div className="rounded-xl border border-gray-200 bg-gray-50">
                    <img
                      className="object-cover"
                      src="https://pagedone.io/asset/uploads/1721041441.png"
                    />
                  </div>
                  <p className="text-base leading-relaxed font-normal text-gray-900">
                    This product has exceeded my expectations in every way. The
                    quality is outstanding, and it has made my daily routine so
                    much easier and more efficient.
                  </p>
                </div>
              </div>
            </div>
            <div className="swiper-slide max-w-full">
              <div className="inline-flex w-full flex-col items-start justify-start gap-6 rounded-2xl border border-gray-200 p-6">
                <div className="inline-flex items-center justify-start gap-3">
                  <img
                    className="object-cover"
                    src="https://pagedone.io/asset/uploads/1721041674.png"
                  />
                  <div className="inline-flex flex-col items-start justify-start gap-px">
                    <h6 className="text-sm leading-normal font-medium text-gray-900">
                      Jignesh Patel
                    </h6>
                    <h6 className="text-xs leading-normal font-normal text-gray-500">
                      @_.jignesh._
                    </h6>
                  </div>
                </div>
                <div className="flex flex-col items-start justify-start gap-3">
                  <div className="rounded-xl border border-gray-200 bg-gray-50">
                    <img
                      className="object-cover"
                      src="https://pagedone.io/asset/uploads/1721041555.png"
                    />
                  </div>
                  <p className="text-base leading-relaxed font-normal text-gray-900">
                    I've been using this product for a while now, and it has
                    made a significant difference in my daily routine. It's
                    efficient, durable, and easy to use.
                  </p>
                </div>
              </div>
            </div>
            <div className="swiper-slide max-w-full">
              <div className="inline-flex w-full flex-col items-start justify-start gap-6 rounded-2xl border border-gray-200 p-6">
                <div className="inline-flex items-center justify-start gap-3">
                  <img
                    className="object-cover"
                    src="https://pagedone.io/asset/uploads/1721041683.png"
                  />
                  <div className="inline-flex flex-col items-start justify-start gap-px">
                    <h6 className="text-sm leading-normal font-medium text-gray-900">
                      Sanjay Mehta
                    </h6>
                    <h6 className="text-xs leading-normal font-normal text-gray-500">
                      @sanjay06
                    </h6>
                  </div>
                </div>
                <div className="flex flex-col items-start justify-start gap-3">
                  <div className="rounded-xl border border-gray-200 bg-gray-50">
                    <img
                      className="object-cover"
                      src="https://pagedone.io/asset/uploads/1721041564.png"
                    />
                  </div>
                  <p className="text-base leading-relaxed font-normal text-gray-900">
                    This product is amazing! It performs exceptionally well, is
                    very reliable, and user-friendly. I highly recommend it to
                    anyone looking for a high-quality solution.
                  </p>
                </div>
              </div>
            </div>
            <div className="swiper-slide max-w-full">
              <div className="inline-flex w-full flex-col items-start justify-start gap-6 rounded-2xl border border-gray-200 p-6">
                <div className="inline-flex items-center justify-start gap-3">
                  <img
                    className="object-cover"
                    src="https://pagedone.io/asset/uploads/1721041665.png"
                  />
                  <div className="inline-flex flex-col items-start justify-start gap-px">
                    <h6 className="text-sm leading-normal font-medium text-gray-900">
                      Ayesha Shah
                    </h6>
                    <h6 className="text-xs leading-normal font-normal text-gray-500">
                      @ayesha._12
                    </h6>
                  </div>
                </div>
                <div className="flex flex-col items-start justify-start gap-3">
                  <div className="rounded-xl border border-gray-200 bg-gray-50">
                    <img
                      className="object-cover"
                      src="https://pagedone.io/asset/uploads/1721041441.png"
                    />
                  </div>
                  <p className="text-base leading-relaxed font-normal text-gray-900">
                    This product has exceeded my expectations in every way. The
                    quality is outstanding, and it has made my daily routine so
                    much easier and more efficient.
                  </p>
                </div>
              </div>
            </div>
            <div className="swiper-slide max-w-full">
              <div className="inline-flex w-full flex-col items-start justify-start gap-6 rounded-2xl border border-gray-200 p-6">
                <div className="inline-flex items-center justify-start gap-3">
                  <img
                    className="object-cover"
                    src="https://pagedone.io/asset/uploads/1721041674.png"
                  />
                  <div className="inline-flex flex-col items-start justify-start gap-px">
                    <h6 className="text-sm leading-normal font-medium text-gray-900">
                      Jignesh Patel
                    </h6>
                    <h6 className="text-xs leading-normal font-normal text-gray-500">
                      @_.jignesh._
                    </h6>
                  </div>
                </div>
                <div className="flex flex-col items-start justify-start gap-3">
                  <div className="rounded-xl border border-gray-200 bg-gray-50">
                    <img
                      className="object-cover"
                      src="https://pagedone.io/asset/uploads/1721041555.png"
                    />
                  </div>
                  <p className="text-base leading-relaxed font-normal text-gray-900">
                    I've been using this product for a while now, and it has
                    made a significant difference in my daily routine. It's
                    efficient, durable, and easy to use.
                  </p>
                </div>
              </div>
            </div>
            <div className="swiper-slide max-w-full">
              <div className="inline-flex w-full flex-col items-start justify-start gap-6 rounded-2xl border border-gray-200 p-6">
                <div className="inline-flex items-center justify-start gap-3">
                  <img
                    className="object-cover"
                    src="https://pagedone.io/asset/uploads/1721041683.png"
                  />
                  <div className="inline-flex flex-col items-start justify-start gap-px">
                    <h6 className="text-sm leading-normal font-medium text-gray-900">
                      Sanjay Mehta
                    </h6>
                    <h6 className="text-xs leading-normal font-normal text-gray-500">
                      @sanjay06
                    </h6>
                  </div>
                </div>
                <div className="flex flex-col items-start justify-start gap-3">
                  <div className="rounded-xl border border-gray-200 bg-gray-50">
                    <img
                      className="object-cover"
                      src="https://pagedone.io/asset/uploads/1721041564.png"
                    />
                  </div>
                  <p className="text-base leading-relaxed font-normal text-gray-900">
                    This product is amazing! It performs exceptionally well, is
                    very reliable, and user-friendly. I highly recommend it to
                    anyone looking for a high-quality solution.
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  )
}