svrjs-nextjs-website/components/shared/Statistics.tsx

20 lines
540 B
TypeScript
Raw Normal View History

2024-06-15 14:55:33 +02:00
import { stats } from "@/constants";
2024-07-05 21:20:59 +02:00
import NumberTicker from "../widgets/num-tick";
2024-06-15 14:55:33 +02:00
const Statistics = () => {
return (
<div className="grid grid-cols-2 lg:grid-cols-4 gap-8">
{stats.map(({ title, count }) => (
<div key={title} className="space-y-2 text-center">
<p className="text-3xl sm:text-4xl font-bold">
<NumberTicker value={count} />+
</p>
<p className="text-xl text-muted-foreground">{title}</p>
</div>
))}
</div>
);
2024-06-15 14:55:33 +02:00
};
export default Statistics;