placeholders reflect actual structure

Author: laurenpudz

client/src/pages/index.tsx

@@ -6,7 +6,6 @@ import {
   EventHighlightCard,
   eventHighlightCardType,
 } from "@/components/ui/eventHighlightCard";
-// import FeatureBox from "@/components/ui/featureBox";
 import { placeholderEvents, placeholderGames } from "@/placeholderData";
 
 import { Button } from "../components/ui/button";
@@ -160,7 +159,7 @@ export default function Landing() {
               </h2>
             </div>
 
-            <div className="flex flex-col items-start gap-4">
+            <div className="flex flex-col items-end gap-4">
               <Link href="/">
                 <Button>See more games by our members</Button>
               </Link>

client/src/placeholderData.ts

@@ -45,23 +45,39 @@ export const placeholderEvents = [
   },
 ];
 
+// Roughly reflects the game model but may need some finetuning.
 export const placeholderGames = [
   {
     id: 1,
-    title: "Cool Game",
-    description: "Cool game is a game about being cool.",
-    image: "/landing_placeholder.png",
+    name: "Game 1",
+    description: "Game 1 description",
+    completion: 1,
+    active: true,
+    hostURL: "/",
+    itchEmbedID: "1",
+    thumbnail: "/landing_placeholder.png",
+    event: 1,
   },
   {
     id: 2,
-    title: "Cool Game 2",
-    description: "Cool game 2 is a game about being cool.",
-    image: "/landing_placeholder.png",
+    name: "Game 2",
+    description: "Game 2 description",
+    completion: 1,
+    active: true,
+    hostURL: "/",
+    itchEmbedID: "1",
+    thumbnail: "/landing_placeholder.png",
+    event: 1,
   },
   {
     id: 3,
-    title: "Cool Game 3",
-    description: "Cool game 3 is a game about being cool.",
-    image: "/landing_placeholder.png",
+    name: "Game 3",
+    description: "Game 3 description",
+    completion: 1,
+    active: true,
+    hostURL: "/",
+    itchEmbedID: "1",
+    thumbnail: "/landing_placeholder.png",
+    event: 1,
   },
 ];