first commit

src/data/games.ts

@@ -0,0 +1,72 @@
+/**
+ * In-memory catalogue of games shown on the "Which games do you play?" and
+ * "Search games" screens. Each entry provides the visual identity used by the
+ * placeholder tile; the real game artwork can be dropped in later by passing
+ * a custom `image` to `<GameTile>`.
+ */
+export type Game = {
+  id: string;
+  name: string;
+  genre: string;
+  /** Two-stop gradient used as the tile's placeholder artwork. */
+  gradient: readonly [string, string];
+  /** Marks a tile as one of the "Most Popular" picks shown in search. */
+  popular?: boolean;
+};
+
+export const GAMES: Game[] = [
+  {
+    id: 'mobile-legends',
+    name: 'Mobile Legends',
+    genre: 'Strategy',
+    gradient: ['#1a0033', '#4d0066'],
+    popular: true,
+  },
+  {
+    id: 'pubg-mobile',
+    name: 'PUBG MOBILE',
+    genre: 'Battle Royale',
+    gradient: ['#332200', '#664400'],
+    popular: true,
+  },
+  {
+    id: 'free-fire',
+    name: 'Free Fire',
+    genre: 'Battle Royale',
+    gradient: ['#3a1010', '#7a2222'],
+    popular: true,
+  },
+  {
+    id: 'brawl-stars',
+    name: 'Brawl Stars',
+    genre: 'Action',
+    gradient: ['#1f2a00', '#3f5600'],
+    popular: true,
+  },
+  {
+    id: 'genshin-impact',
+    name: 'Genshin Impact',
+    genre: 'Adventure',
+    gradient: ['#002a33', '#005566'],
+  },
+  {
+    id: 'honor-of-kings',
+    name: 'Honor of Kings',
+    genre: 'MOBA',
+    gradient: ['#2a0014', '#560028'],
+  },
+  {
+    id: 'clash-royale',
+    name: 'Clash Royale',
+    genre: 'Strategy',
+    gradient: ['#2c1a00', '#583400'],
+  },
+  {
+    id: 'cod-mobile',
+    name: 'Call of Duty Mobile',
+    genre: 'Shooter',
+    gradient: ['#001a2a', '#003355'],
+  },
+];
+
+export const POPULAR_GAMES = GAMES.filter((g) => g.popular);