feat: add new cards grid block

components/TempDesignSystem/Card/variants.ts

@@ -0,0 +1,16 @@
+import { cva } from "class-variance-authority"
+
+import styles from "./card.module.css"
+
+export const cardVariants = cva(styles.container, {
+  variants: {
+    theme: {
+      one: styles.themeOne,
+      two: styles.themeTwo,
+      three: styles.themeThree,
+    },
+  },
+  defaultVariants: {
+    theme: "one",
+  },
+})

components/TempDesignSystem/CardGrid/cardGrid.module.css

@@ -37,14 +37,19 @@
 }
 
 @media screen and (min-width: 950px) {
-  .twoColumnGrid {
+  .twoColumnGrid,
+  .twoPlusOne {
     grid-template-columns: repeat(2, 1fr);
   }
 
-  .treeColumnGrid {
+  .threeColumnGrid {
     grid-template-columns: repeat(3, 1fr);
   }
 
+  .twoPlusOne > *:last-child {
+    grid-column: span 2;
+  }
+
   .carousel {
     grid-auto-flow: unset;
     margin: 0;