diff --git a/app/game-play/page.tsx b/app/game-play/page.tsx
new file mode 100644
index 0000000..5a3ed94
--- /dev/null
+++ b/app/game-play/page.tsx
@@ -0,0 +1,52 @@
+"use client"
+
+import React from 'react';
+import Image from 'next/image';
+import GamePlayer1 from '@/public/GamePlayer1.png';
+import GamePlayer2 from '@/public/GamePayer2.png';
+import Cue from '@/public/cue.png'
+
+
+
+const GameUI = () => {
+  return (
+    <div className="w-full min-h-screen bg-[url('/wood-bg.jpg')] bg-cover bg-center flex flex-col items-center p-4">
+      <div className="w-full max-w-6xl flex justify-between items-center mb-4">
+        <div className="flex items-center space-x-2 bg-[#1f2a38] text-white px-2 py-1 rounded-md">
+          <Image src={GamePlayer1} alt='' className='w-[363px] h-[93px] ' />
+        </div>
+
+        <button className="bg-gradient-to-r from-orange-400 to-yellow-500 text-white font-bold px-6 py-2 rounded">PAUSE GAME</button>
+
+        <div className="flex items-center space-x-2 bg-[#1f2a38] text-white px-2 py-1 rounded-md">
+          <Image src={GamePlayer2} alt='' className='w-[363px] h-[93px]'/>
+        </div>
+      </div>
+
+      {/* Main Content Area */}
+      <div className="relative w-full max-w-6xl flex-1 flex justify-center items-center">
+        <div className="absolute left-4 top-1/2 -translate-y-1/2 flex flex-col space-y-4">
+          <button className="bg-[#1f2a38] p-2 rounded shadow text-white">💬</button>
+          <button className="bg-[#1f2a38] p-2 rounded shadow text-white">⚙️</button>
+        </div>
+
+        <div className="bg-[#388163] rounded-2xl border-[12px] border-[#402603] p-2 w-[70%] h-[60vh]" />
+
+        <div className="absolute right-4 top-1/2 -translate-y-1/2 flex flex-col items-center space-y-1 justify-between ">
+          {[...Array(10)].map((_, i) => (
+            <div key={i} className={`w-4 h-4 rounded ${i > 7 ? 'bg-red-500' : i > 5 ? 'bg-yellow-500' : 'bg-green-500'}`} />
+          ))}
+          <Image src={Cue} alt=''/>
+        </div>
+      </div>
+
+      <div className="w-full max-w-4xl flex justify-center mt-4 space-x-2">
+        {Array(18).fill(0).map((_, i) => (
+          <div key={i} className="w-8 h-8 bg-gray-300 rounded-full" />
+        ))}
+      </div>
+    </div>
+  );
+};
+
+export default GameUI;
diff --git a/package-lock.json b/package-lock.json
index 60f0138..4f009f6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,6 +11,7 @@
         "@starknet-react/core": "^3.7.4",
         "@types/qrcode.react": "^1.0.5",
         "get-starknet": "^3.3.0",
+        "lucide-react": "^0.503.0",
         "next": "15.2.1",
         "qrcode.react": "^4.2.0",
         "react": "^19.0.0",
@@ -905,6 +906,90 @@
         "node": ">=12.4.0"
       }
     },
+    "node_modules/@rometools/cli-darwin-arm64": {
+      "version": "12.1.3",
+      "resolved": "https://registry.npmjs.org/@rometools/cli-darwin-arm64/-/cli-darwin-arm64-12.1.3.tgz",
+      "integrity": "sha512-AmFTUDYjBuEGQp/Wwps+2cqUr+qhR7gyXAUnkL5psCuNCz3807TrUq/ecOoct5MIavGJTH6R4aaSL6+f+VlBEg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "peer": true
+    },
+    "node_modules/@rometools/cli-darwin-x64": {
+      "version": "12.1.3",
+      "resolved": "https://registry.npmjs.org/@rometools/cli-darwin-x64/-/cli-darwin-x64-12.1.3.tgz",
+      "integrity": "sha512-k8MbWna8q4LRlb005N2X+JS1UQ+s3ZLBBvwk4fP8TBxlAJXUz17jLLu/Fi+7DTTEmMhM84TWj4FDKW+rNar28g==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "peer": true
+    },
+    "node_modules/@rometools/cli-linux-arm64": {
+      "version": "12.1.3",
+      "resolved": "https://registry.npmjs.org/@rometools/cli-linux-arm64/-/cli-linux-arm64-12.1.3.tgz",
+      "integrity": "sha512-X/uLhJ2/FNA3nu5TiyeNPqiD3OZoFfNfRvw6a3ut0jEREPvEn72NI7WPijH/gxSz55znfQ7UQ6iM4DZumUknJg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true
+    },
+    "node_modules/@rometools/cli-linux-x64": {
+      "version": "12.1.3",
+      "resolved": "https://registry.npmjs.org/@rometools/cli-linux-x64/-/cli-linux-x64-12.1.3.tgz",
+      "integrity": "sha512-csP17q1eWiUXx9z6Jr/JJPibkplyKIwiWPYNzvPCGE8pHlKhwZj3YHRuu7Dm/4EOqx0XFIuqqWZUYm9bkIC8xg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true
+    },
+    "node_modules/@rometools/cli-win32-arm64": {
+      "version": "12.1.3",
+      "resolved": "https://registry.npmjs.org/@rometools/cli-win32-arm64/-/cli-win32-arm64-12.1.3.tgz",
+      "integrity": "sha512-RymHWeod57EBOJY4P636CgUwYA6BQdkQjh56XKk4pLEHO6X1bFyMet2XL7KlHw5qOTalzuzf5jJqUs+vf3jdXQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "peer": true
+    },
+    "node_modules/@rometools/cli-win32-x64": {
+      "version": "12.1.3",
+      "resolved": "https://registry.npmjs.org/@rometools/cli-win32-x64/-/cli-win32-x64-12.1.3.tgz",
+      "integrity": "sha512-yHSKYidqJMV9nADqg78GYA+cZ0hS1twANAjiFibQdXj9aGzD+s/IzIFEIi/U/OBLvWYg/SCw0QVozi2vTlKFDQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "peer": true
+    },
     "node_modules/@rtsao/scc": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
@@ -2363,6 +2448,72 @@
         "generate": "dist/generate.js"
       }
     },
+    "node_modules/abi-wan-kanabi-v1": {
+      "name": "abi-wan-kanabi",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/abi-wan-kanabi/-/abi-wan-kanabi-1.0.3.tgz",
+      "integrity": "sha512-Xwva0AnhXx/IVlzo3/kwkI7Oa7ZX7codtcSn+Gmoa2PmjGPF/0jeVud9puasIPtB7V50+uBdUj4Mh3iATqtBvg==",
+      "license": "ISC",
+      "peer": true,
+      "dependencies": {
+        "abi-wan-kanabi": "^1.0.1",
+        "fs-extra": "^10.0.0",
+        "rome": "^12.1.3",
+        "typescript": "^4.9.5",
+        "yargs": "^17.7.2"
+      },
+      "bin": {
+        "generate": "dist/generate.js"
+      }
+    },
+    "node_modules/abi-wan-kanabi-v1/node_modules/abi-wan-kanabi": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/abi-wan-kanabi/-/abi-wan-kanabi-1.0.3.tgz",
+      "integrity": "sha512-Xwva0AnhXx/IVlzo3/kwkI7Oa7ZX7codtcSn+Gmoa2PmjGPF/0jeVud9puasIPtB7V50+uBdUj4Mh3iATqtBvg==",
+      "license": "ISC",
+      "peer": true,
+      "dependencies": {
+        "abi-wan-kanabi": "^1.0.1",
+        "fs-extra": "^10.0.0",
+        "rome": "^12.1.3",
+        "typescript": "^4.9.5",
+        "yargs": "^17.7.2"
+      },
+      "bin": {
+        "generate": "dist/generate.js"
+      }
+    },
+    "node_modules/abi-wan-kanabi-v1/node_modules/typescript": {
+      "version": "4.9.5",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
+      "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
+      "license": "Apache-2.0",
+      "peer": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=4.2.0"
+      }
+    },
+    "node_modules/abi-wan-kanabi-v2": {
+      "name": "abi-wan-kanabi",
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/abi-wan-kanabi/-/abi-wan-kanabi-2.2.4.tgz",
+      "integrity": "sha512-0aA81FScmJCPX+8UvkXLki3X1+yPQuWxEkqXBVKltgPAK79J+NB+Lp5DouMXa7L6f+zcRlIA/6XO7BN/q9fnvg==",
+      "license": "ISC",
+      "peer": true,
+      "dependencies": {
+        "ansicolors": "^0.3.2",
+        "cardinal": "^2.1.1",
+        "fs-extra": "^10.0.0",
+        "yargs": "^17.7.2"
+      },
+      "bin": {
+        "generate": "dist/generate.js"
+      }
+    },
     "node_modules/abitype": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/abitype/-/abitype-1.0.8.tgz",
@@ -4159,6 +4310,67 @@
         "get-starknet-core": "^3.3.3"
       }
     },
+    "node_modules/get-starknet-core": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/get-starknet-core/-/get-starknet-core-4.0.0.tgz",
+      "integrity": "sha512-6pLmidQZkC3wZsrHY99grQHoGpuuXqkbSP65F8ov1/JsEI8DDLkhsAuLCKFzNOK56cJp+f1bWWfTJ57e9r5eqQ==",
+      "deprecated": "Package no longer supported. Please use @starknet-io/get-starknet-core",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@starknet-io/types-js": "^0.7.7"
+      }
+    },
+    "node_modules/get-starknet/node_modules/@noble/curves": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@noble/curves/-/curves-1.3.0.tgz",
+      "integrity": "sha512-t01iSXPuN+Eqzb4eBX0S5oubSqXbK/xXa1Ne18Hj8f9pStxztHCE2gfboSp/dZRLSqfuLpRK2nDXDK+W9puocA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@noble/hashes": "1.3.3"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/get-starknet/node_modules/@noble/hashes": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.3.3.tgz",
+      "integrity": "sha512-V7/fPHgl+jsVPXqqeOzT8egNj2iBIVt+ECeMMG8TdcnTikP3oaBtUVqpT/gYCR68aEBJSF+XbYUxStjbFMqIIA==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/get-starknet/node_modules/@scure/base": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/@scure/base/-/base-1.1.9.tgz",
+      "integrity": "sha512-8YKhl8GHiNI/pU2VMaofa2Tor7PJRAjwQLBBuilkJ9L5+13yVbC7JO/wS7piioAvPSwR3JKM1IJ/u4xQzbcXKg==",
+      "license": "MIT",
+      "peer": true,
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/get-starknet/node_modules/@scure/starknet": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@scure/starknet/-/starknet-1.0.0.tgz",
+      "integrity": "sha512-o5J57zY0f+2IL/mq8+AYJJ4Xpc1fOtDhr+mFQKbHnYFmm3WQrC+8zj2HEgxak1a+x86mhmBC1Kq305KUpVf0wg==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@noble/curves": "~1.3.0",
+        "@noble/hashes": "~1.3.3"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
     "node_modules/get-starknet/node_modules/get-starknet-core": {
       "version": "3.3.5",
       "resolved": "https://registry.npmjs.org/get-starknet-core/-/get-starknet-core-3.3.5.tgz",
@@ -4177,6 +4389,31 @@
         }
       }
     },
+    "node_modules/get-starknet/node_modules/lossless-json": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/lossless-json/-/lossless-json-2.0.11.tgz",
+      "integrity": "sha512-BP0vn+NGYvzDielvBZaFain/wgeJ1hTvURCqtKvhr1SCPePdaaTanmmcplrHfEJSJOUql7hk4FHwToNJjWRY3g==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/get-starknet/node_modules/starknet": {
+      "version": "5.29.0",
+      "resolved": "https://registry.npmjs.org/starknet/-/starknet-5.29.0.tgz",
+      "integrity": "sha512-eEcd6uiYIwGvl8MtHOsXGBhREqjJk84M/qUkvPLQ3n/JAMkbKBGnygDlh+HAsvXJsGlMQfwrcVlm6KpDoPha7w==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@noble/curves": "~1.3.0",
+        "@scure/base": "~1.1.3",
+        "@scure/starknet": "~1.0.0",
+        "abi-wan-kanabi-v1": "npm:abi-wan-kanabi@^1.0.3",
+        "abi-wan-kanabi-v2": "npm:abi-wan-kanabi@^2.1.1",
+        "isomorphic-fetch": "^3.0.0",
+        "lossless-json": "^2.0.8",
+        "pako": "^2.0.4",
+        "url-join": "^4.0.1"
+      }
+    },
     "node_modules/get-symbol-description": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
@@ -5352,6 +5589,15 @@
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
       "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ=="
     },
+    "node_modules/lucide-react": {
+      "version": "0.503.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.503.0.tgz",
+      "integrity": "sha512-HGGkdlPWQ0vTF8jJ5TdIqhQXZi6uh3LnNgfZ8MHiuxFfX3RZeA79r2MW2tHAZKlAVfoNE8esm3p+O6VkIvpj6w==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
     "node_modules/math-intrinsics": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
@@ -6270,6 +6516,28 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/rome": {
+      "version": "12.1.3",
+      "resolved": "https://registry.npmjs.org/rome/-/rome-12.1.3.tgz",
+      "integrity": "sha512-e+ff72hxDpe/t5/Us7YRBVw3PBET7SeczTQNn6tvrWdrCaAw3qOukQQ+tDCkyFtS4yGsnhjrJbm43ctNbz27Yg==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "peer": true,
+      "bin": {
+        "rome": "bin/rome"
+      },
+      "engines": {
+        "node": ">=14.*"
+      },
+      "optionalDependencies": {
+        "@rometools/cli-darwin-arm64": "12.1.3",
+        "@rometools/cli-darwin-x64": "12.1.3",
+        "@rometools/cli-linux-arm64": "12.1.3",
+        "@rometools/cli-linux-x64": "12.1.3",
+        "@rometools/cli-win32-arm64": "12.1.3",
+        "@rometools/cli-win32-x64": "12.1.3"
+      }
+    },
     "node_modules/run-parallel": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -7201,7 +7469,7 @@
       "version": "5.8.3",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.3.tgz",
       "integrity": "sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==",
-      "dev": true,
+      "devOptional": true,
       "license": "Apache-2.0",
       "bin": {
         "tsc": "bin/tsc",
@@ -7398,6 +7666,13 @@
         "punycode": "^2.1.0"
       }
     },
+    "node_modules/url-join": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/url-join/-/url-join-4.0.1.tgz",
+      "integrity": "sha512-jk1+QP6ZJqyOiuEI9AEWQfju/nB2Pw466kbA0LEZljHwKeMgd9WrAEgEGxjPDD2+TNbbb37rTyhEfrCXfuKXnA==",
+      "license": "MIT",
+      "peer": true
+    },
     "node_modules/url-parse": {
       "version": "1.5.10",
       "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
diff --git a/public/GamePayer2.png b/public/GamePayer2.png
new file mode 100644
index 0000000..b776b43
Binary files /dev/null and b/public/GamePayer2.png differ
diff --git a/public/GamePlayer1.png b/public/GamePlayer1.png
new file mode 100644
index 0000000..eb4ae2e
Binary files /dev/null and b/public/GamePlayer1.png differ
diff --git a/public/cue.png b/public/cue.png
new file mode 100644
index 0000000..e439091
Binary files /dev/null and b/public/cue.png differ
diff --git a/public/wood-bg.jpg b/public/wood-bg.jpg
new file mode 100644
index 0000000..0ad6edd
Binary files /dev/null and b/public/wood-bg.jpg differ