FeatureCard.tsx

 1interface FeatureCardProps {
 2  title: string;
 3  description: string;
 4  icon: string;
 5}
 6
 7export function FeatureCard({ title, description, icon }: FeatureCardProps) {
 8  return (
 9    <div className="group border-l-4 border-blue-500 rounded-xl bg-white p-6 shadow-lg hover:shadow-xl transition-all">
10      <div className="text-4xl mb-4 animate-bounce">{icon}</div>
11      <h3 className="text-purple-600 text-xl font-bold mb-2">{title}</h3>
12      <p className="text-gray-400">{description}</p>
13    </div>
14  );
15}