Spaces:
Sleeping
Sleeping
Upload components/FeatureCard.jsx with huggingface_hub
Browse files- components/FeatureCard.jsx +15 -0
components/FeatureCard.jsx
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
import React from 'react';
|
| 2 |
+
|
| 3 |
+
export default function FeatureCard({ icon: Icon, title, description }) {
|
| 4 |
+
return (
|
| 5 |
+
<div className="bg-white/5 border border-white/10 rounded-xl p-6 hover:bg-white/10 transition-colors duration-300">
|
| 6 |
+
<div className="h-12 w-12 rounded-lg bg-brand-accent/10 flex items-center justify-center mb-4">
|
| 7 |
+
<Icon className="h-6 w-6 text-brand-accent" />
|
| 8 |
+
</div>
|
| 9 |
+
<h3 className="text-xl font-bold text-white mb-2">{title}</h3>
|
| 10 |
+
<p className="text-gray-400 leading-relaxed">
|
| 11 |
+
{description}
|
| 12 |
+
</p>
|
| 13 |
+
</div>
|
| 14 |
+
);
|
| 15 |
+
}
|