release 0.3.4

apps/web/app/features/card.tsx

@@ -0,0 +1,24 @@
+import { ReactNode } from "react";
+
+export function CardItem({
+  bgColor = "bg-yellow-400",
+  rotate = "rotate-12",
+  icon,
+}: {
+  bgColor?: string;
+  rotate?: string;
+  icon: ReactNode;
+}) {
+  return (
+    <>
+      <div
+        className={
+          `${bgColor} ${rotate}` +
+          " flex h-14 w-14 cursor-pointer items-center justify-center rounded-xl text-xl shadow-lg transition-all hover:rotate-0 md:h-20 md:w-20"
+        }
+      >
+        <span className="font-bold text-slate-100 md:scale-150">{icon}</span>
+      </div>
+    </>
+  );
+}