Builder

1import { cn } from "@/lib/utils";
2
3interface CardProps {
4  title: string;
5  description: string;
6  className?: string;
7}
8
9export function Card({ 
10  title, 
11  description, 
12  className 
13}: CardProps) {
14  return (
15    <div className={cn(
16      "rounded-xl border p-6",
17      "border-white/[0.06]",
18      "bg-white/[0.02]",
19      "hover:bg-white/[0.04]",
20      "transition-all duration-500",
21      className
22    )}>
23      <h3 className="text-sm font-medium">
24        {title}
25      </h3>
26      <p className="text-xs text-white/40 mt-2">
27        {description}
28      </p>
29    </div>
30  );
31}