export function OurGrowingStats() {
  return (
    <section className="font-inter py-20">
      <div className="mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8">
        <h2 className="font-manrope text-center text-4xl font-bold text-gray-900">
          Our growing stats
        </h2>
        <div className="grid grid-cols-1 gap-8 pt-14 md:grid-cols-2">
          <div className="flex flex-col gap-4 rounded-2xl border border-gray-300 bg-white px-9 py-8">
            <h4 className="font-manrope text-5xl font-bold text-indigo-600">
              240%
            </h4>
            <h3 className="font-manrope text-2xl font-medium text-gray-900">
              Company growth
            </h3>
            <p className="text-base font-normal text-gray-600">
              Company's remarkable growth journey as we continually innovate and
              drive towards new heights of success.
            </p>
          </div>
          <div className="flex flex-col gap-4 rounded-2xl border border-gray-300 bg-white px-9 py-8">
            <h4 className="font-manrope text-5xl font-bold text-indigo-600">
              724+
            </h4>
            <h3 className="font-manrope text-2xl font-medium text-gray-900">
              Projects Delivered
            </h3>
            <p className="text-base font-normal text-gray-600">
              We have successfully delivered numerous projects, each reflecting
              our dedication to precision and client satisfaction.
            </p>
          </div>
          <div className="flex flex-col gap-4 rounded-2xl border border-gray-300 bg-white px-9 py-8">
            <h4 className="font-manrope text-5xl font-bold text-indigo-600">
              260+
            </h4>
            <h3 className="font-manrope text-2xl font-medium text-gray-900">
              Expert Consultants{" "}
            </h3>
            <p className="text-base font-normal text-gray-600">
              Our expert consultants offer tailored solutions backed by deep
              industry knowledge and experience.
            </p>
          </div>
          <div className="flex flex-col gap-4 rounded-2xl border border-gray-300 bg-white px-9 py-8">
            <h4 className="font-manrope text-5xl font-bold text-indigo-600">
              625+
            </h4>
            <h3 className="font-manrope text-2xl font-medium text-gray-900">
              Projects Completed
            </h3>
            <p className="text-base font-normal text-gray-600">
              We have accomplished more than 625 projects worldwide and we are
              still counting many more.
            </p>
          </div>
        </div>
      </div>
    </section>
  )
}