From 9e9ba8efbb2bdcb3b6b6457f6ffde94615579fd9 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sun, 16 Feb 2025 21:36:46 +0100
Subject: [PATCH] Update App.jsx

---
 src/App.jsx | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/App.jsx b/src/App.jsx
index 750c764..efe1f73 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,8 +1,27 @@
+import {Navigation} from "./components/Navigation/Navigation.jsx";
+import "@fontsource/inter/300.css";
+import "@fontsource/inter/400.css";
+import "@fontsource/inter/500.css";
+import "@fontsource/inter/600.css";
+import "@/styles/main.sass";
+
+import gameSources from "./data/games.js";
+import {Card} from "@/components/Card/Card.jsx";
+
 export default () => {
 
     return (
         <>
-            <h2>Planspiele</h2>
+            <Navigation />
+            <main>
+                <h2>Beliebte Spiele</h2>
+                {gameSources.map((game, index) => (
+                    <Card key={index} game={game} />
+                ))}
+            </main>
+            <footer>
+                <p>Alle Spiele sind <span>Open Source</span>, <span>100% kostenlos</span> und <span>sicher</span>.</p>
+            </footer>
         </>
     )
 }
\ No newline at end of file