From cd8aab3a511091ce378ff7ebcaa42bf979f00882 Mon Sep 17 00:00:00 2001
From: LofiSu <linsu269@gmail.com>
Date: Sun, 26 Jan 2025 22:34:40 +0800
Subject: refactor: rewrite

---
 src/app/components/StatsCard.tsx | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 src/app/components/StatsCard.tsx

(limited to 'src/app/components/StatsCard.tsx')

diff --git a/src/app/components/StatsCard.tsx b/src/app/components/StatsCard.tsx
new file mode 100644
index 0000000..d2213d6
--- /dev/null
+++ b/src/app/components/StatsCard.tsx
@@ -0,0 +1,27 @@
+import React from 'react';
+// import { motion } from 'framer-motion';
+import * as motion from "motion/react-client";
+import { Card } from '@nextui-org/react';
+
+interface StatsCardProps {
+  title: string;
+  value: string;
+}
+
+export const StatsCard: React.FC<StatsCardProps> = ({ title, value }) => {
+  return (
+    <motion.div
+      initial={{ opacity: 0, y: 20 }}
+      whileInView={{ opacity: 1, y: 0 }}
+      transition={{ duration: 0.5 }}
+      viewport={{ once: true }}
+    >
+      <Card className="p-6 bg-gradient-to-br from-gray-800/50 to-gray-900/50 border border-gray-700">
+        <div className="text-center">
+          <h3 className="text-2xl font-bold text-white mb-2">{value}</h3>
+          <p className="text-gray-400">{title}</p>
+        </div>
+      </Card>
+    </motion.div>
+  );
+};
-- 
cgit v1.2.3-70-g09d2