Stats 01

const Stats = () => {
  return (
    <div className="mx-auto max-w-(--breakpoint-lg) px-6 py-20 text-center">
      <h2 className="font-medium text-4xl tracking-tight md:text-4xl">
        Why should you choose us?
      </h2>
      <p className="mt-4 text-muted-foreground text-xl md:text-2xl">
        Because after switching to us...
      </p>

      <div className="mt-16 grid justify-center gap-x-12 gap-y-16 sm:mt-24 sm:grid-cols-2 lg:grid-cols-3">
        <div className="max-w-3xs">
          <span className="font-medium text-5xl">96%</span>
          <p className="mt-6 text-lg">
            of customers say they have a better brand experience
          </p>
        </div>
        <div className="max-w-3xs">
          <span className="font-medium text-5xl">95%</span>
          <p className="mt-6 text-lg">
            of customers say they gather more data, more easily
          </p>
        </div>
        <div className="max-w-3xs">
          <span className="font-medium text-5xl">87%</span>
          <p className="mt-6 text-lg">
            of customers say they reveal deeper insights from data
          </p>
        </div>
      </div>
    </div>
  );
};

export default Stats;