feat: add card grid component

server/routers/loyalty/query.ts

@@ -1,6 +1,7 @@
-import { allLevels } from "./temp"
 import { protectedProcedure, publicProcedure, router } from "@/server/trpc"
 
+import { allLevels } from "./temp"
+
 function fakingRequest<T>(payload: T): Promise<T> {
   return new Promise((resolve) => {
     setTimeout(() => {

server/routers/loyalty/temp.ts

@@ -9,6 +9,7 @@ export const allLevels = [
       "Always best price",
       "Book reward nights with points",
     ],
+    logo: "/_static/icons/new-friend.png",
   },
   {
     tier: 2,
@@ -20,6 +21,7 @@ export const allLevels = [
       "Always best price",
       "Book reward nights with points",
     ],
+    logo: "/_static/icons/new-friend.png",
   },
   {
     tier: 3,
@@ -31,6 +33,7 @@ export const allLevels = [
       "Always best price",
       "Book reward nights with points",
     ],
+    logo: "/_static/icons/new-friend.png",
   },
   {
     tier: 4,
@@ -42,6 +45,7 @@ export const allLevels = [
       "Always best price",
       "Book reward nights with points",
     ],
+    logo: "/_static/icons/new-friend.png",
   },
   {
     tier: 5,
@@ -53,6 +57,7 @@ export const allLevels = [
       "Always best price",
       "Book reward nights with points",
     ],
+    logo: "/_static/icons/new-friend.png",
   },
   {
     tier: 6,
@@ -64,5 +69,18 @@ export const allLevels = [
       "Always best price",
       "Book reward nights with points",
     ],
+    logo: "/_static/icons/new-friend.png",
+  },
+  {
+    tier: 7,
+    name: "New Friend",
+    requiredPoints: 50000,
+    requiredNights: "X",
+    topBenefits: [
+      "15% on food on weekends",
+      "Always best price",
+      "Book reward nights with points",
+    ],
+    logo: "/_static/icons/new-friend.png",
   },
 ]