22 lines
688 B
TypeScript
22 lines
688 B
TypeScript
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>
|
|
)
|
|
}
|