From c04bc9a36ebfcdf6d8e2db8a6cdeb44062b66bec Mon Sep 17 00:00:00 2001
From: Wolfboy248 <georgejvindkarlsen@gmail.com>
Date: Tue, 19 Aug 2025 13:23:17 +0200
Subject: organised pages, started work on theme

---
 frontend/src/pages/Games/Games.tsx | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 frontend/src/pages/Games/Games.tsx

(limited to 'frontend/src/pages/Games/Games.tsx')

diff --git a/frontend/src/pages/Games/Games.tsx b/frontend/src/pages/Games/Games.tsx
new file mode 100644
index 0000000..e23b245
--- /dev/null
+++ b/frontend/src/pages/Games/Games.tsx
@@ -0,0 +1,29 @@
+import React from "react";
+import { Helmet } from "react-helmet";
+
+import GameEntry from "@components/GameEntry.tsx";
+import { Game } from "@customTypes/Game.ts";
+
+interface GamesProps {
+  games: Game[];
+}
+
+const Games: React.FC<GamesProps> = ({ games }) => {
+  return (
+    <div className="ml-20 min-h-screen text-foreground font-[--font-barlow-semicondensed-regular] overflow-y-auto scrollbar-thin">
+      <Helmet>
+        <title>LPHUB | Games</title>
+      </Helmet>
+      <section className="py-12 px-12 w-full">
+        <h1 className="text-3xl font-bold mb-8">Games</h1>
+        <div className="flex flex-col w-full">
+          {games.map((game, index) => (
+            <GameEntry game={game} key={index} />
+          ))}
+        </div>
+      </section>
+    </div>
+  );
+};
+
+export default Games;
-- 
cgit v1.2.3

