organised pages, started work on theme

1 files changed, 29 insertions, 0 deletions

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;