diff --git a/app/joingame/page.tsx b/app/joingame/page.tsx
new file mode 100644
index 0000000..b8f742f
--- /dev/null
+++ b/app/joingame/page.tsx
@@ -0,0 +1,38 @@
+import Image from "next/image";
+import React from "react";
+
+const JoinGame = () => {
+
+ return (
+
+
+
+
+ );
+};
+
+export default JoinGame;
diff --git a/public/card.svg b/public/card.svg
new file mode 100644
index 0000000..5c263cf
--- /dev/null
+++ b/public/card.svg
@@ -0,0 +1,10 @@
+
diff --git a/public/joinGameBg.svg b/public/joinGameBg.svg
new file mode 100644
index 0000000..786d612
--- /dev/null
+++ b/public/joinGameBg.svg
@@ -0,0 +1,19 @@
+