diff --git a/app/app/error.tsx b/app/app/error.tsx
deleted file mode 100644
index 79b969b..0000000
--- a/app/app/error.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-'use client'
-
-import React from 'react'
-
-function error({error}: {error: Error}) {
-  return (
-    <div>error {error.message}</div>
-  )
-}
-
-export default error
\ No newline at end of file
diff --git a/app/app/spiele/:id/page.tsx b/app/app/spiele/:id/page.tsx
deleted file mode 100644
index e69de29..0000000
diff --git a/app/app/spiele/[id]/page.tsx b/app/app/spiele/[id]/page.tsx
new file mode 100644
index 0000000..dbb09be
--- /dev/null
+++ b/app/app/spiele/[id]/page.tsx
@@ -0,0 +1,37 @@
+import React from 'react'
+import Link from "next/link";
+
+type response = {
+  message: string;
+  game: spiel;
+}
+
+type spiel = {
+  id: number;
+  name: string;
+  material: string;
+  regeln:string;
+  variationen: string;
+  dauer: string;
+  type: number;
+};
+
+async function spiel({params}:{params:{id:number}}) {
+
+    const response = await fetch("http://localhost:2006/spiele/"+params.id);
+  
+    const data:response[] = await response.json();
+    console.log(data);
+    const game: spiel = data.game;
+    return (
+        <div>
+            <h1> {game.name} </h1>
+            Material: {game.material}<br/>
+            Dauer: <p>{game.dauer}</p>
+            <h2>Regeln:</h2><p> {game.regeln}</p>
+            <h2>Variationen:</h2> <p> {game.variationen}</p>
+      </div>
+  )
+}
+
+export default spiel
\ No newline at end of file
diff --git a/app/app/training/layout.tsx b/app/app/training/layout.tsx
new file mode 100644
index 0000000..58054c7
--- /dev/null
+++ b/app/app/training/layout.tsx
@@ -0,0 +1,15 @@
+import React from 'react'
+
+function trainings({children}: {children: React.ReactNode}) {
+  
+
+    return (
+    <div>
+        {children}
+    </div>    
+)
+}
+
+
+
+export default trainings
\ No newline at end of file
diff --git a/app/components/Login.tsx b/app/components/Login.tsx
new file mode 100644
index 0000000..b052e5b
--- /dev/null
+++ b/app/components/Login.tsx
@@ -0,0 +1,24 @@
+import React from 'react'
+
+function Login() {
+  return (
+    <div>
+        <form>
+            <label>
+                Username
+                <input type="text" name="username" />
+            </label>
+            <label>
+                Password
+                <input type="password" name="password" />
+            </label>
+            <button type="submit">Login</button>
+        </form>
+        <script>
+            console.log("Login")
+        </script>
+    </div>
+  )
+}
+
+export default Login
\ No newline at end of file