From 381a488671fe77f6d13cce9919b4b1401478f0f2 Mon Sep 17 00:00:00 2001
From: LofiSu <163713803+LofiSu@users.noreply.github.com>
Date: Sun, 26 Jan 2025 06:24:28 +0000
Subject: cli

---
 src/components/FeatureCard.tsx | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 src/components/FeatureCard.tsx

(limited to 'src/components/FeatureCard.tsx')

diff --git a/src/components/FeatureCard.tsx b/src/components/FeatureCard.tsx
new file mode 100644
index 0000000..5f8a95d
--- /dev/null
+++ b/src/components/FeatureCard.tsx
@@ -0,0 +1,28 @@
+import React from 'react';
+import { motion } from 'framer-motion';
+import { Card } from '@nextui-org/react';
+
+interface FeatureCardProps {
+  icon: React.ReactNode;
+  title: string;
+  description: string;
+}
+
+export const FeatureCard: React.FC<FeatureCardProps> = ({ icon, title, description }) => {
+  return (
+    <motion.div
+      whileHover={{ scale: 1.05 }}
+      transition={{ type: "spring", stiffness: 300 }}
+    >
+      <Card className="p-6 bg-gradient-to-br from-gray-800/50 to-gray-900/50 border border-gray-700">
+        <div className="flex flex-col items-center text-center">
+          <div className="mb-4">
+            {icon}
+          </div>
+          <h3 className="text-xl font-bold mb-2 text-white">{title}</h3>
+          <p className="text-gray-400">{description}</p>
+        </div>
+      </Card>
+    </motion.div>
+  );
+};
-- 
cgit v1.2.3-70-g09d2