1  export default function Stats() {
 2  
 3      const statsData = [
 4          {
 5              name: "Active Users",
 6              number: "50K+",
 7          },
 8          {
 9              name: "Premium Tools",
10              number: "200+",
11          },
12          {
13              name: "Rating",
14              number: "4.9",
15          }
16      ]
17      
18      return (
19          <div className="brand-color px-10 py-5 md:px-20 md:py-10 flex justify-center items-center">
20              {statsData.map((stat) => (
21                  <div className="stat-item flex flex-col px-3 sm:px-10 md:px-15 lg:px-27 gap-1 w-fit items-center">
22                      <h2 className="text-2xl md:text-5xl px-5 font-bold">{stat.number}</h2>
23                      <p className="text-sm md:text-lg font-light">{stat.name}</p>
24                  </div>
25              ))}
26          </div>
27          );
28  };