Default NumberedCards size implemented

2025-08-15 18:10:59 -06:00
parent 9952247e3e
commit a6add70067
8 changed files with 144 additions and 1 deletions
@@ -0,0 +1,23 @@
+"use client";
+
+import SectionNumber from "./SectionNumber";
+
+const NumberedCard = ({ number, text, iconShape, iconColor }) => {
+  return (
+    <div className="bg-[var(--color-surface-inverse-primary)] rounded-[12px] p-5 shadow-lg flex flex-col gap-4">
+      {/* Section Number - Top part */}
+      <div className="flex justify-end">
+        <SectionNumber number={number} />
+      </div>
+
+      {/* Card Content - Bottom part */}
+      <div>
+        <p className="font-bricolage-grotesque font-medium text-[24px] leading-[32px] text-[#141414]">
+          {text}
+        </p>
+      </div>
+    </div>
+  );
+};
+
+export default NumberedCard;