import { Check } from "lucide-react"
import { Card, CardContent } from "@/components/ui/card"

interface FeatureCardProps {
  title: string
  description: string
}

export function FeatureCard({ title, description }: FeatureCardProps) {
  return (
    <Card className="border-2 border-[#8BC34A]/20">
      <CardContent className="pt-6 space-y-4">
        <div className="w-12 h-12 bg-[#8BC34A]/10 rounded-full flex items-center justify-center">
          <Check className="w-6 h-6 text-[#8BC34A]" />
        </div>
        <h3 className="text-xl font-bold">{title}</h3>
        <p className="text-muted-foreground leading-relaxed">{description}</p>
      </CardContent>
    </Card>
  )
}