export function ReviewsWithRatingsAndBrandLogos() {
  return (
    <section className="py-24">
      <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
        <div className="mb-16">
          <h2 className="text-center text-4xl font-bold text-gray-900">
            295+ Customers gave their opinion
          </h2>
        </div>
        <div className="mx-auto grid max-w-sm grid-cols-1 gap-10 sm:max-w-2xl sm:grid-cols-2 sm:gap-8 sm:gap-y-12 lg:max-w-full lg:grid-cols-3">
          <div className="relative w-full">
            <div className="mb-5 flex items-center justify-center gap-2 text-amber-500 transition-all duration-500 sm:mb-7">
              {/* SVG removed */}
              {/* SVG removed */}
              {/* SVG removed */}
              {/* SVG removed */}
              {/* SVG removed */}
            </div>
            <p className="mb-5 text-center text-gray-800 sm:mb-10">
              Thanks to pagedone, I feel more informed and confident about my
              investment decisions than ever before.
            </p>
            <a href="javascript:;" className="flex justify-center">
              {/* SVG removed */}
            </a>
          </div>
          <div className="relative w-full">
            <div className="mb-5 flex items-center justify-center gap-2 text-amber-500 transition-all duration-500 sm:mb-7">
              {/* SVG removed */}
              {/* SVG removed */}
              {/* SVG removed */}
              {/* SVG removed */}
              {/* SVG removed */}
            </div>
            <p className="mb-5 text-center text-gray-800 sm:mb-10">
              Pagedone has made it possible for me to stay on top of my
              portfolio and make informed decisions quickly and easily.
            </p>
            <a href="javascript:;" className="flex justify-center">
              {/* SVG removed */}
            </a>
          </div>
          <div className="relative col-span-1 mx-auto w-full sm:col-span-2 sm:w-1/2 lg:col-span-1 lg:w-full">
            <div className="mb-5 flex items-center justify-center gap-2 text-amber-500 transition-all duration-500 sm:mb-7">
              {/* SVG removed */}
              {/* SVG removed */}
              {/* SVG removed */}
              {/* SVG removed */}
              {/* SVG removed */}
            </div>
            <p className="mb-5 text-center text-gray-800 sm:mb-10">
              The customer service team at pagedone went above and beyond to
              help me resolve a billing issue.
            </p>
            <a href="javascript:;" className="flex justify-center">
              {/* SVG removed */}
            </a>
          </div>
        </div>
      </div>
    </section>
  )
}