Create card.jsx

component/card.jsx

@@ -0,0 +1,11 @@
+export default function Card({ title, subtitle, icon = "💡", onClick }) {
+  return (
+    <button onClick={onClick} className="card w-full text-left border border-slate-100 hover:shadow-md transition p-4 flex items-start gap-3">
+      <div className="text-2xl">{icon}</div>
+      <div>
+        <div className="font-medium">{title}</div>
+        <div className="text-sm text-slate-500 mt-1">{subtitle}</div>
+      </div>
+    </button>
+  );
+}