diff --git a/package-lock.json b/package-lock.json
index d072f9e..ad1d49a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,11 +9,13 @@
       "version": "0.1.0",
       "dependencies": {
         "@starknet-react/chains": "^3.1.3",
+        "@starknet-react/core": "^3.7.4",
         "framer-motion": "^12.9.4",
         "lucide-react": "^0.507.0",
         "next": "15.3.1",
         "react": "^19.0.0",
-        "react-dom": "^19.0.0"
+        "react-dom": "^19.0.0",
+        "starknet": "^6.24.1"
       },
       "devDependencies": {
         "@eslint/eslintrc": "^3",
@@ -27,6 +29,12 @@
         "typescript": "^5"
       }
     },
+    "node_modules/@adraffy/ens-normalize": {
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@adraffy/ens-normalize/-/ens-normalize-1.11.0.tgz",
+      "integrity": "sha512-/3DDPKHqqIqxUULp8yP4zODUY1i+2xvVWsv8A79xGWdCAG+8sb0hRh0Rk2QyOJUnnbyPUAZYcpBuRe3nS2OIUg==",
+      "license": "MIT"
+    },
     "node_modules/@alloc/quick-lru": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
@@ -811,6 +819,45 @@
         "node": ">= 10"
       }
     },
+    "node_modules/@noble/ciphers": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@noble/ciphers/-/ciphers-1.3.0.tgz",
+      "integrity": "sha512-2I0gnIVPtfnMw9ee9h1dJG7tp81+8Ob3OJb3Mv37rx5L40/b0i7djjCVvGOVqc9AEIQyvyu1i6ypKdFw8R8gQw==",
+      "license": "MIT",
+      "engines": {
+        "node": "^14.21.3 || >=16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@noble/curves": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/@noble/curves/-/curves-1.9.1.tgz",
+      "integrity": "sha512-k11yZxZg+t+gWvBbIswW0yoJlu8cHOC7dhunwOzoWH/mXGBiYyR4YY6hAEK/3EUs4UpB8la1RfdRpeGsFHkWsA==",
+      "license": "MIT",
+      "dependencies": {
+        "@noble/hashes": "1.8.0"
+      },
+      "engines": {
+        "node": "^14.21.3 || >=16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@noble/hashes": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.8.0.tgz",
+      "integrity": "sha512-jCs9ldd7NwzpgXDIf6P3+NrHh9/sD6CQdxHyjQI+h/6rDNo88ypBxxz45UDuZHz9r3tNz7N/VInSVoVdtXEI4A==",
+      "license": "MIT",
+      "engines": {
+        "node": "^14.21.3 || >=16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -873,11 +920,125 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@scure/base": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/@scure/base/-/base-1.2.5.tgz",
+      "integrity": "sha512-9rE6EOVeIQzt5TSu4v+K523F8u6DhBsoZWPGKlnCshhlDhy0kJzUX4V+tr2dWmzF1GdekvThABoEQBGBQI7xZw==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@scure/bip32": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/@scure/bip32/-/bip32-1.7.0.tgz",
+      "integrity": "sha512-E4FFX/N3f4B80AKWp5dP6ow+flD1LQZo/w8UnLGYZO674jS6YnYeepycOOksv+vLPSpgN35wgKgy+ybfTb2SMw==",
+      "license": "MIT",
+      "dependencies": {
+        "@noble/curves": "~1.9.0",
+        "@noble/hashes": "~1.8.0",
+        "@scure/base": "~1.2.5"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@scure/bip39": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@scure/bip39/-/bip39-1.6.0.tgz",
+      "integrity": "sha512-+lF0BbLiJNwVlev4eKelw1WWLaiKXw7sSl8T6FvBlWkdX+94aGJ4o8XjUdlyhTCjd8c+B3KT3JfS8P0bLRNU6A==",
+      "license": "MIT",
+      "dependencies": {
+        "@noble/hashes": "~1.8.0",
+        "@scure/base": "~1.2.5"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@scure/starknet": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@scure/starknet/-/starknet-1.1.0.tgz",
+      "integrity": "sha512-83g3M6Ix2qRsPN4wqLDqiRZ2GBNbjVWfboJE/9UjfG+MHr6oDSu/CWgy8hsBSJejr09DkkL+l0Ze4KVrlCIdtQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@noble/curves": "~1.7.0",
+        "@noble/hashes": "~1.6.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@scure/starknet/node_modules/@noble/curves": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/@noble/curves/-/curves-1.7.0.tgz",
+      "integrity": "sha512-UTMhXK9SeDhFJVrHeUJ5uZlI6ajXg10O6Ddocf9S6GjbSBVZsJo88HzKwXznNfGpMTRDyJkqMjNDPYgf0qFWnw==",
+      "license": "MIT",
+      "dependencies": {
+        "@noble/hashes": "1.6.0"
+      },
+      "engines": {
+        "node": "^14.21.3 || >=16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@scure/starknet/node_modules/@noble/curves/node_modules/@noble/hashes": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.6.0.tgz",
+      "integrity": "sha512-YUULf0Uk4/mAA89w+k3+yUYh6NrEvxZa5T6SY3wlMvE2chHkxFUUIDI8/XW1QSC357iA5pSnqt7XEhvFOqmDyQ==",
+      "license": "MIT",
+      "engines": {
+        "node": "^14.21.3 || >=16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@scure/starknet/node_modules/@noble/hashes": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.6.1.tgz",
+      "integrity": "sha512-pq5D8h10hHBjyqX+cfBm0i8JUXJ0UhczFc4r74zbuT9XgewFo2E3J1cOaGtdZynILNmQ685YWGzGE1Zv6io50w==",
+      "license": "MIT",
+      "engines": {
+        "node": "^14.21.3 || >=16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@starknet-io/types-js": {
+      "version": "0.7.10",
+      "resolved": "https://registry.npmjs.org/@starknet-io/types-js/-/types-js-0.7.10.tgz",
+      "integrity": "sha512-1VtCqX4AHWJlRRSYGSn+4X1mqolI1Tdq62IwzoU2vUuEE72S1OlEeGhpvd6XsdqXcfHmVzYfj8k1XtKBQqwo9w==",
+      "license": "MIT"
+    },
     "node_modules/@starknet-react/chains": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/@starknet-react/chains/-/chains-3.1.3.tgz",
       "integrity": "sha512-b16VQyxqZXfiVmlKEkjfg+Oj8fdSnGWh1KU87O/unn6NpmaD9h511az1Cs6aW/j3qCIF1o5CrqfEnU1NWV7MVA=="
     },
+    "node_modules/@starknet-react/core": {
+      "version": "3.7.4",
+      "resolved": "https://registry.npmjs.org/@starknet-react/core/-/core-3.7.4.tgz",
+      "integrity": "sha512-fHzme/TLyhSJRIo3BarehiM23IZuLeT0gM0jvTpz8w1/Y05tK+UywpyzBCkueU+iHEwhopsICDpOFhFtqaJJZA==",
+      "license": "MIT",
+      "dependencies": {
+        "@starknet-io/types-js": "^0.7.7",
+        "@starknet-react/chains": "^3.1.3",
+        "@tanstack/react-query": "^5.25.0",
+        "abi-wan-kanabi": "^2.2.4",
+        "eventemitter3": "^5.0.1",
+        "viem": "^2.21.1",
+        "zod": "^3.22.4"
+      },
+      "peerDependencies": {
+        "get-starknet-core": "^4.0.0",
+        "react": "^18.0",
+        "starknet": "^6.11.0"
+      }
+    },
     "node_modules/@swc/counter": {
       "version": "0.1.3",
       "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz",
@@ -1161,6 +1322,32 @@
         "tailwindcss": "4.1.4"
       }
     },
+    "node_modules/@tanstack/query-core": {
+      "version": "5.79.0",
+      "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-5.79.0.tgz",
+      "integrity": "sha512-s+epTqqLM0/TbJzMAK7OEhZIzh63P9sWz5HEFc5XHL4FvKQXQkcjI8F3nee+H/xVVn7mrP610nVXwOytTSYd0w==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tanstack/react-query": {
+      "version": "5.79.0",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.79.0.tgz",
+      "integrity": "sha512-DjC4JIYZnYzxaTzbg3osOU63VNLP67dOrWet2cZvXgmgwAXNxfS52AMq86M5++ILuzW+BqTUEVMTjhrZ7/XBuA==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/query-core": "5.79.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "react": "^18 || ^19"
+      }
+    },
     "node_modules/@tybys/wasm-util": {
       "version": "0.9.0",
       "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.9.0.tgz",
@@ -1686,6 +1873,42 @@
         "win32"
       ]
     },
+    "node_modules/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",
+      "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",
+      "integrity": "sha512-ZeiI6h3GnW06uYDLx0etQtX/p8E24UaHHBj57RSjK7YBFe7iuVn07EDpOeP451D06sF27VOz9JJPlIKJmXgkEg==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/wevm"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.0.4",
+        "zod": "^3 >=3.22.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        },
+        "zod": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/acorn": {
       "version": "8.14.1",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.1.tgz",
@@ -1726,11 +1949,19 @@
         "url": "https://github.com/sponsors/epoberezkin"
       }
     },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/ansi-styles": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "color-convert": "^2.0.1"
@@ -1742,6 +1973,12 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
+    "node_modules/ansicolors": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/ansicolors/-/ansicolors-0.3.2.tgz",
+      "integrity": "sha512-QXu7BPrP29VllRxH8GwB7x5iX5qWKAAMLqKQGWTeLWVlNHNOpVMJ91dsxQAIWXpjuW5wqvxu3Jd/nRjrJ+0pqg==",
+      "license": "MIT"
+    },
     "node_modules/argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
@@ -2092,6 +2329,19 @@
       ],
       "license": "CC-BY-4.0"
     },
+    "node_modules/cardinal": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/cardinal/-/cardinal-2.1.1.tgz",
+      "integrity": "sha512-JSr5eOgoEymtYHBjNWyjrMqet9Am2miJhlfKNdqLp6zoeAh0KN5dRAcxlecj5mAJrmQomgiOBj35xHLrFjqBpw==",
+      "license": "MIT",
+      "dependencies": {
+        "ansicolors": "~0.3.2",
+        "redeyed": "~2.1.0"
+      },
+      "bin": {
+        "cdl": "bin/cdl.js"
+      }
+    },
     "node_modules/chalk": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
@@ -2115,6 +2365,20 @@
       "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
       "license": "MIT"
     },
+    "node_modules/cliui": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.1",
+        "wrap-ansi": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/color": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
@@ -2133,7 +2397,6 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
       "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "color-name": "~1.1.4"
@@ -2146,7 +2409,6 @@
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "devOptional": true,
       "license": "MIT"
     },
     "node_modules/color-string": {
@@ -2544,6 +2806,15 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/escape-string-regexp": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
@@ -2937,6 +3208,19 @@
         "url": "https://opencollective.com/eslint"
       }
     },
+    "node_modules/esprima": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "license": "BSD-2-Clause",
+      "bin": {
+        "esparse": "bin/esparse.js",
+        "esvalidate": "bin/esvalidate.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/esquery": {
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
@@ -2983,6 +3267,12 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/eventemitter3": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
+      "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==",
+      "license": "MIT"
+    },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -3044,6 +3334,16 @@
         "reusify": "^1.0.4"
       }
     },
+    "node_modules/fetch-cookie": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/fetch-cookie/-/fetch-cookie-3.0.1.tgz",
+      "integrity": "sha512-ZGXe8Y5Z/1FWqQ9q/CrJhkUD73DyBU9VF0hBQmEO/wPHe4A9PKTjplFDLeFX8aOsYypZUcX5Ji/eByn3VCVO3Q==",
+      "license": "Unlicense",
+      "dependencies": {
+        "set-cookie-parser": "^2.4.8",
+        "tough-cookie": "^4.0.0"
+      }
+    },
     "node_modules/file-entry-cache": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
@@ -3150,6 +3450,20 @@
         }
       }
     },
+    "node_modules/fs-extra": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/function-bind": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
@@ -3191,6 +3505,15 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "license": "ISC",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
     "node_modules/get-intrinsic": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
@@ -3321,7 +3644,6 @@
       "version": "4.2.11",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
       "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
-      "dev": true,
       "license": "ISC"
     },
     "node_modules/graphemer": {
@@ -3655,6 +3977,15 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/is-generator-function": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.0.tgz",
@@ -3886,6 +4217,31 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/isomorphic-fetch": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/isomorphic-fetch/-/isomorphic-fetch-3.0.0.tgz",
+      "integrity": "sha512-qvUtwJ3j6qwsF3jLxkZ72qCgjMysPzDfeV240JHiGZsANBYd+EEuu35v7dfrJ9Up0Ak07D7GGSkGhCHTqg/5wA==",
+      "license": "MIT",
+      "dependencies": {
+        "node-fetch": "^2.6.1",
+        "whatwg-fetch": "^3.4.1"
+      }
+    },
+    "node_modules/isows": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/isows/-/isows-1.0.7.tgz",
+      "integrity": "sha512-I1fSfDCZL5P0v33sVqeTDSpcstAg/N+wF5HS033mogOVIp4B+oHC7oOCsA3axAbBSGTJ8QubbNmnIRN/h8U7hg==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/wevm"
+        }
+      ],
+      "license": "MIT",
+      "peerDependencies": {
+        "ws": "*"
+      }
+    },
     "node_modules/iterator.prototype": {
       "version": "1.1.5",
       "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.5.tgz",
@@ -3968,6 +4324,18 @@
         "json5": "lib/cli.js"
       }
     },
+    "node_modules/jsonfile": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
+      "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
+      "license": "MIT",
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
     "node_modules/jsx-ast-utils": {
       "version": "3.3.5",
       "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
@@ -4303,6 +4671,12 @@
         "loose-envify": "cli.js"
       }
     },
+    "node_modules/lossless-json": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/lossless-json/-/lossless-json-4.1.0.tgz",
+      "integrity": "sha512-DgoRs42jH/yNubp8iinRqvG0xn5awHKXVY+7lGYjBaByoHGZt/Dz5Jkaf5znP2XHbTnAA+bbkhK3lMIaf3+92A==",
+      "license": "MIT"
+    },
     "node_modules/lucide-react": {
       "version": "0.507.0",
       "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.507.0.tgz",
@@ -4511,6 +4885,26 @@
         "node": "^10 || ^12 || >=14"
       }
     },
+    "node_modules/node-fetch": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
+      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
@@ -4670,6 +5064,36 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/ox": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/ox/-/ox-0.7.1.tgz",
+      "integrity": "sha512-+k9fY9PRNuAMHRFIUbiK9Nt5seYHHzSQs9Bj+iMETcGtlpS7SmBzcGSVUQO3+nqGLEiNK4598pHNFlVRaZbRsg==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/wevm"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@adraffy/ens-normalize": "^1.10.1",
+        "@noble/ciphers": "^1.3.0",
+        "@noble/curves": "^1.6.0",
+        "@noble/hashes": "^1.5.0",
+        "@scure/bip32": "^1.5.0",
+        "@scure/bip39": "^1.4.0",
+        "abitype": "^1.0.6",
+        "eventemitter3": "5.0.1"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/p-limit": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
@@ -4702,6 +5126,12 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/pako": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-2.1.0.tgz",
+      "integrity": "sha512-w+eufiZ1WuJYgPXbV/PO3NCMEc3xqylkKHzp8bxp1uW4qaSNQUkwmLLEc3kKsfz8lpV1F8Ht3U1Cm+9Srog2ug==",
+      "license": "(MIT AND Zlib)"
+    },
     "node_modules/parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -4822,16 +5252,33 @@
         "react-is": "^16.13.1"
       }
     },
+    "node_modules/psl": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/psl/-/psl-1.15.0.tgz",
+      "integrity": "sha512-JZd3gMVBAVQkSs6HdNZo9Sdo0LNcQeMNP3CozBJb3JYC/QUYZTnKxP+f8oWRX4rHP5EurWxqAHTSwUCjlNKa1w==",
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^2.3.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/lupomontero"
+      }
+    },
     "node_modules/punycode": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
       "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6"
       }
     },
+    "node_modules/querystringify": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
+      "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
+      "license": "MIT"
+    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -4881,6 +5328,15 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/redeyed": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/redeyed/-/redeyed-2.1.1.tgz",
+      "integrity": "sha512-FNpGGo1DycYAdnrKFxCMmKYgo/mILAqtRYbkdQD8Ep/Hk2PQ5+aEAEx+IU713RTDmuBaH0c8P5ZozurNu5ObRQ==",
+      "license": "MIT",
+      "dependencies": {
+        "esprima": "~4.0.0"
+      }
+    },
     "node_modules/reflect.getprototypeof": {
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
@@ -4925,6 +5381,21 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/requires-port": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+      "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
+      "license": "MIT"
+    },
     "node_modules/resolve": {
       "version": "1.22.10",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz",
@@ -5075,6 +5546,12 @@
         "node": ">=10"
       }
     },
+    "node_modules/set-cookie-parser": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.7.1.tgz",
+      "integrity": "sha512-IOc8uWeOZgnb3ptbCURJWNjWUPcO3ZnTTdzsurqERrP6nPyv+paC55vJM0LpOlT2ne+Ix+9+CRG1MNLlyZ4GjQ==",
+      "license": "MIT"
+    },
     "node_modules/set-function-length": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
@@ -5290,6 +5767,68 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/starknet": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npmjs.org/starknet/-/starknet-6.24.1.tgz",
+      "integrity": "sha512-g7tiCt73berhcNi41otlN3T3kxZnIvZhMi8WdC21Y6GC6zoQgbI2z1t7JAZF9c4xZiomlanwVnurcpyfEdyMpg==",
+      "license": "MIT",
+      "dependencies": {
+        "@noble/curves": "1.7.0",
+        "@noble/hashes": "1.6.0",
+        "@scure/base": "1.2.1",
+        "@scure/starknet": "1.1.0",
+        "abi-wan-kanabi": "^2.2.3",
+        "fetch-cookie": "~3.0.0",
+        "isomorphic-fetch": "~3.0.0",
+        "lossless-json": "^4.0.1",
+        "pako": "^2.0.4",
+        "starknet-types-07": "npm:@starknet-io/types-js@^0.7.10",
+        "ts-mixer": "^6.0.3"
+      }
+    },
+    "node_modules/starknet-types-07": {
+      "name": "@starknet-io/types-js",
+      "version": "0.7.10",
+      "resolved": "https://registry.npmjs.org/@starknet-io/types-js/-/types-js-0.7.10.tgz",
+      "integrity": "sha512-1VtCqX4AHWJlRRSYGSn+4X1mqolI1Tdq62IwzoU2vUuEE72S1OlEeGhpvd6XsdqXcfHmVzYfj8k1XtKBQqwo9w==",
+      "license": "MIT"
+    },
+    "node_modules/starknet/node_modules/@noble/curves": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/@noble/curves/-/curves-1.7.0.tgz",
+      "integrity": "sha512-UTMhXK9SeDhFJVrHeUJ5uZlI6ajXg10O6Ddocf9S6GjbSBVZsJo88HzKwXznNfGpMTRDyJkqMjNDPYgf0qFWnw==",
+      "license": "MIT",
+      "dependencies": {
+        "@noble/hashes": "1.6.0"
+      },
+      "engines": {
+        "node": "^14.21.3 || >=16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/starknet/node_modules/@noble/hashes": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.6.0.tgz",
+      "integrity": "sha512-YUULf0Uk4/mAA89w+k3+yUYh6NrEvxZa5T6SY3wlMvE2chHkxFUUIDI8/XW1QSC357iA5pSnqt7XEhvFOqmDyQ==",
+      "license": "MIT",
+      "engines": {
+        "node": "^14.21.3 || >=16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/starknet/node_modules/@scure/base": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@scure/base/-/base-1.2.1.tgz",
+      "integrity": "sha512-DGmGtC8Tt63J5GfHgfl5CuAXh96VF/LD8K9Hr/Gv0J2lAoRGlPOMpqMpMbCTOoOJMZCk2Xt+DskdDyn6dEFdzQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
     "node_modules/streamsearch": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
@@ -5298,6 +5837,26 @@
         "node": ">=10.0.0"
       }
     },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "license": "MIT"
+    },
     "node_modules/string.prototype.includes": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/string.prototype.includes/-/string.prototype.includes-2.0.1.tgz",
@@ -5411,6 +5970,18 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/strip-bom": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
@@ -5558,6 +6129,36 @@
         "node": ">=8.0"
       }
     },
+    "node_modules/tough-cookie": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.4.tgz",
+      "integrity": "sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "psl": "^1.1.33",
+        "punycode": "^2.1.1",
+        "universalify": "^0.2.0",
+        "url-parse": "^1.5.3"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/tough-cookie/node_modules/universalify": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz",
+      "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
+      "license": "MIT"
+    },
     "node_modules/ts-api-utils": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.1.0.tgz",
@@ -5571,6 +6172,12 @@
         "typescript": ">=4.8.4"
       }
     },
+    "node_modules/ts-mixer": {
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/ts-mixer/-/ts-mixer-6.0.4.tgz",
+      "integrity": "sha512-ufKpbmrugz5Aou4wcr5Wc1UUFWOLhq+Fm6qa6P0w0K5Qw2yhaUoiWszhCVuNQyNwrlGiscHOmqYoAox1PtvgjA==",
+      "license": "MIT"
+    },
     "node_modules/tsconfig-paths": {
       "version": "3.15.0",
       "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
@@ -5721,6 +6328,15 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
     "node_modules/unrs-resolver": {
       "version": "1.6.4",
       "resolved": "https://registry.npmjs.org/unrs-resolver/-/unrs-resolver-1.6.4.tgz",
@@ -5763,6 +6379,68 @@
         "punycode": "^2.1.0"
       }
     },
+    "node_modules/url-parse": {
+      "version": "1.5.10",
+      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
+      "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
+      "license": "MIT",
+      "dependencies": {
+        "querystringify": "^2.1.1",
+        "requires-port": "^1.0.0"
+      }
+    },
+    "node_modules/viem": {
+      "version": "2.30.5",
+      "resolved": "https://registry.npmjs.org/viem/-/viem-2.30.5.tgz",
+      "integrity": "sha512-YymUl7AKsIw3BhQLZxr3j+g8OwqsxmV3xu7zDMmmuFACtvQ3YZaFsKrH7N8eTXpPHYgMlClvKIjgXS8Twt+sQQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/wevm"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@noble/curves": "1.9.1",
+        "@noble/hashes": "1.8.0",
+        "@scure/bip32": "1.7.0",
+        "@scure/bip39": "1.6.0",
+        "abitype": "1.0.8",
+        "isows": "1.0.7",
+        "ox": "0.7.1",
+        "ws": "8.18.2"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.0.4"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/whatwg-fetch": {
+      "version": "3.6.20",
+      "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.6.20.tgz",
+      "integrity": "sha512-EqhiFU6daOA8kpjOWTL0olhVOF3i7OrFzSYiGsEMB8GcXS+RrzauAERX65xMeNWVqxA6HXH2m69Z9LaKKdisfg==",
+      "license": "MIT"
+    },
+    "node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -5878,6 +6556,80 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/ws": {
+      "version": "8.18.2",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.2.tgz",
+      "integrity": "sha512-DMricUmwGZUVr++AEAe2uiVM7UoO9MAVZMDu05UQOaUII0lp+zOzLLU4Xqh/JvTqklB1T4uELaaPBKyjE1r4fQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yargs": {
+      "version": "17.7.2",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^8.0.1",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.3",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^21.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "21.1.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
@@ -5890,6 +6642,15 @@
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
+    },
+    "node_modules/zod": {
+      "version": "3.25.36",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.36.tgz",
+      "integrity": "sha512-eRFS3i8T0IrpGdL8HQyqFAugGOn7jOjyGgGdtv5NY4Wkhi7lJDk732bNZ609YMIGFbLoaj6J69O1Mura23gfIw==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
     }
   }
 }
diff --git a/package.json b/package.json
index e8cb270..666971c 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,8 @@
     "lucide-react": "^0.507.0",
     "next": "15.3.1",
     "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react-dom": "^19.0.0",
+    "starknet": "^6.24.1"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3",
diff --git a/src/app/assets/Private key.png b/src/app/assets/Private key.png
new file mode 100644
index 0000000..92a3028
Binary files /dev/null and b/src/app/assets/Private key.png differ
diff --git a/src/app/assets/board.png b/src/app/assets/board.png
new file mode 100644
index 0000000..2f5593a
Binary files /dev/null and b/src/app/assets/board.png differ
diff --git a/src/app/assets/profiles.png b/src/app/assets/profiles.png
new file mode 100644
index 0000000..de2b4a1
Binary files /dev/null and b/src/app/assets/profiles.png differ
diff --git a/src/app/components/game-room/GameLoading.tsx b/src/app/components/game-room/GameLoading.tsx
new file mode 100644
index 0000000..b503f31
--- /dev/null
+++ b/src/app/components/game-room/GameLoading.tsx
@@ -0,0 +1,41 @@
+"use client";
+
+import React, { useEffect, useState } from "react";
+import Image from "next/image";
+import board from "@/app/assets/board.png";
+// import { useGameRoom } from "@/app/contexts/GameRoomContext";
+
+export default function GameLoading() {
+  const [dots, setDots] = useState("");
+
+  useEffect(() => {
+    const dotInterval = setInterval(() => {
+      setDots((prev) => (prev.length < 5 ? prev + "A" : ""));
+    }, 300);
+
+    return () => clearInterval(dotInterval);
+  }, []);
+
+  return (
+    <div className="min-h-screen bg-[#010f10] flex items-center justify-center text-center p-4 text-white">
+      <Image
+        src={board}
+        alt="board"
+        className="absolute inset-0 w-full h-full object-cover opacity-30 blur-xs pointer-events-none z-0"
+        style={{ clipPath: "inset(50% 0 0 0)" }}
+      />
+
+      <div className="max-w-xl">
+        <h2 className="text-3xl md:text-4xl font-bold mb-6">Loading Game</h2>
+        <p className="text-lg md:text-xl">
+          Always remember to strategize properly and...
+          <br />
+          <span className="font-semibold">show no mercy!</span>
+        </p>
+        <p className="mt-8 text-xl md:text-3xl animate-pulse">
+          😈MUAHAHAHAHAHA{dots}😈
+        </p>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/components/game-room/GameRoomContent.tsx b/src/app/components/game-room/GameRoomContent.tsx
new file mode 100644
index 0000000..bd5514f
--- /dev/null
+++ b/src/app/components/game-room/GameRoomContent.tsx
@@ -0,0 +1,38 @@
+"use client";
+
+import React from "react";
+import Navbar from "../../components/navbar";
+import { useGameRoom } from "@/app/contexts/GameRoomContext";
+import GameSettings from "./GameSettings";
+import GameLoading from "./GameLoading";
+
+export default function GameRoomContent() {
+  const { state } = useGameRoom();
+
+  return (
+    <div className="relative min-h-screen ">
+      {/* Board Background - Fixed positioning */}
+      
+      {/* Content with proper spacing */}
+      <div className="relative">
+        <Navbar />
+        
+        <div className="pt-16"> {/* Add padding to prevent navbar overlap */}
+          {!state?.settings ? (
+            <div className="flex items-center justify-center min-h-[50vh]">
+              <div className="text-xl bg-white/90 px-6 py-4 rounded-lg shadow-md">
+                Loading settings...
+              </div>
+            </div>
+          ) : state.gameStarted ? (
+            // Simplified condition - if game is started, always show loading
+            // No check for isLoading since we want to stay in loading permanently
+            <GameLoading />
+          ) : (
+            <GameSettings />
+          )}
+        </div>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/src/app/components/game-room/GameSettings.tsx b/src/app/components/game-room/GameSettings.tsx
new file mode 100644
index 0000000..0cab122
--- /dev/null
+++ b/src/app/components/game-room/GameSettings.tsx
@@ -0,0 +1,318 @@
+//src/app/components/game-room/GameSettings.tsx
+"use client";
+
+import React from "react";
+import Image from "next/image";
+import { useGameRoom } from "@/app/contexts/GameRoomContext";
+import ToggleSwitch from "./ToggleSwitch";
+import board from "../../assets/board.png";
+import profiles from "../../assets/profiles.png";
+import privateKey from "../../assets/Private key.png";
+
+export default function GameSettings() {
+  const {
+    state,
+    updateMaxPlayers,
+    togglePrivateRoom,
+    toggleAuction,
+    toggleRentInPrison,
+    toggleMortgage,
+    toggleEvenBuild,
+    updateStartingCash,
+    toggleRandomizePlayOrder,
+    startGame,
+  } = useGameRoom();
+
+  const { settings } = state;
+
+  const handleStartingCashChange = (
+    e: React.ChangeEvent<HTMLSelectElement>
+  ) => {
+    updateStartingCash(parseInt(e.target.value));
+  };
+
+  const handleMaxPlayersChange = (e: React.ChangeEvent<HTMLSelectElement>) => {
+    updateMaxPlayers(parseInt(e.target.value));
+  };
+
+  const handlePlayClick = () => {
+    startGame();
+  };
+
+  return (
+    <div className="min-h-screen bg-[#010f10] flex items-center justify-center p-2 sm:p-4 lg:p-6 relative overflow-hidden">
+      <Image
+        src={board}
+        alt="board"
+        className="absolute inset-0 w-full h-1/2 object-cover object-center opacity-30 blur-xs pointer-events-none z-0"
+        style={{ clipPath: "inset(68% 0 0 0)" }}
+      />
+
+      <div className="w-full max-w-2xl  mx-auto relative z-10">
+        {/* Game Settings Header */}
+        <div className="text-center mb-8">
+          <h1 className="text-[24px] font-bold text-white mb-2">
+            Game Settings
+          </h1>
+          <p className="text-gray-400">
+            Since you&apos;re creating a private game room, you get to choose
+            how you want your game to go
+          </p>
+        </div>
+
+        {/* Settings Card */}
+        <div>
+          {/* Maximum Players */}
+          <div className="bg-[#010f10] backdrop-blur-sm shadow-2xl border border-[#003B3E] mb-10 p-6 rounded-2xl">
+            <div className="flex items-center justify-between mb-8">
+              <div className="flex items-center space-x-3">
+                <Image src={profiles} alt="profiles icon" width={25} />
+                <div>
+                  <h3 className="text-white text-xl font-semibold">
+                    Maximum Players
+                  </h3>
+                  <p className="text-gray-400 text-sm">
+                    How many players can join the game.
+                  </p>
+                </div>
+              </div>
+              <select
+                value={settings.maxPlayers}
+                onChange={handleMaxPlayersChange}
+                className="bg-[#010f10] text-white px-6 py-3 rounded-3xl border border-gray-800 focus:outline-none focus:ring-1 focus:ring-[#003B3E] focus:border-[#003B3E]"
+              >
+                <option value={2}>2</option>
+                <option value={3}>3</option>
+                <option value={4}>4</option>
+                <option value={5}>5</option>
+                <option value={6}>6</option>
+              </select>
+            </div>
+            {/* Private Room */}
+            <div className="flex items-center justify-between">
+              <div className="flex items-center space-x-3">
+                <div className="text-white text-2xl">
+                  <Image src={privateKey} alt="profiles icon" width={25} />
+                </div>
+                <div>
+                  <h3 className="text-white text-xl font-semibold">
+                    Private Room
+                  </h3>
+                  <p className="text-gray-400 text-sm">
+                    Private rooms can be accessed using the room URL only.
+                  </p>
+                </div>
+              </div>
+              <ToggleSwitch
+                checked={settings.privateRoom}
+                onChange={togglePrivateRoom}
+              />
+            </div>
+          </div>
+
+          {/* Divider */}
+          <hr className="border-gray-800 mb-10 w-full" />
+
+          {/* Gameplay Rules */}
+          <div className="text-center mb-4">
+            <h1 className="text-[24px] font-bold text-white mb-2">
+              {" "}
+              Gameplay Rules
+            </h1>
+            <p className="text-gray-400">
+              Set the rules for the game in your private game room
+            </p>
+          </div>
+
+          <div className="bg-[#010f10] backdrop-blur-sm rounded-xl sm:rounded-2xl p-4 sm:p-6 lg:p-8 shadow-2xl border border-[#003B3E]">
+            <div className="space-y-4 sm:space-y-6">
+              {/* Auction */}
+              <div className="flex flex-col sm:flex-row sm:items-start sm:justify-between space-y-3 sm:space-y-0 pb-4 sm:pb-6 border-b sm:border-b-0 border-gray-800/50">
+                <div className="flex items-start space-x-3 flex-1">
+                  <Image
+                    src={privateKey}
+                    alt="auction icon"
+                    width={20}
+                    height={20}
+                    className="sm:w-6 sm:h-6 mt-1"
+                  />
+                  <div className="flex-1">
+                    <h3 className="text-white text-base sm:text-lg font-semibold">
+                      Auction
+                    </h3>
+                    <p className="text-gray-400 text-xs sm:text-sm leading-relaxed">
+                      If someone skips purchasing a property during auction, it
+                      will be sold to the highest bidder.
+                    </p>
+                  </div>
+                </div>
+                <div className="self-start sm:self-center sm:ml-4">
+                  <ToggleSwitch
+                    checked={settings.auction}
+                    onChange={toggleAuction}
+                  />
+                </div>
+              </div>
+
+              {/* Rent In Prison */}
+              <div className="flex flex-col sm:flex-row sm:items-start sm:justify-between space-y-3 sm:space-y-0 pb-4 sm:pb-6 border-b sm:border-b-0 border-gray-800/50">
+                <div className="flex items-start space-x-3 flex-1">
+                  <Image
+                    src={privateKey}
+                    alt="rent icon"
+                    width={20}
+                    height={20}
+                    className="sm:w-6 sm:h-6 mt-1"
+                  />
+                  <div className="flex-1">
+                    <h3 className="text-white text-base sm:text-lg font-semibold">
+                      Rent In Prison
+                    </h3>
+                    <p className="text-gray-400 text-xs sm:text-sm leading-relaxed">
+                      Rent will be collected when landing on properties of a
+                      player in prison.
+                    </p>
+                  </div>
+                </div>
+                <div className="self-start sm:self-center sm:ml-4">
+                  <ToggleSwitch
+                    checked={settings.rentInPrison}
+                    onChange={toggleRentInPrison}
+                  />
+                </div>
+              </div>
+
+              {/* Mortgage */}
+              <div className="flex flex-col sm:flex-row sm:items-start sm:justify-between space-y-3 sm:space-y-0 pb-4 sm:pb-6 border-b sm:border-b-0 border-gray-800/50">
+                <div className="flex items-start space-x-3 flex-1">
+                  <Image
+                    src={privateKey}
+                    alt="mortgage icon"
+                    width={20}
+                    height={20}
+                    className="sm:w-6 sm:h-6 mt-1"
+                  />
+                  <div className="flex-1">
+                    <h3 className="text-white text-base sm:text-lg font-semibold">
+                      Mortgage
+                    </h3>
+                    <p className="text-gray-400 text-xs sm:text-sm leading-relaxed">
+                      Mortgage properties to earn 50% of their cost, but you
+                      won&apos;t get paid rent when players land on them.
+                    </p>
+                  </div>
+                </div>
+                <div className="self-start sm:self-center sm:ml-4">
+                  <ToggleSwitch
+                    checked={settings.mortgage}
+                    onChange={toggleMortgage}
+                  />
+                </div>
+              </div>
+
+              {/* Even Build */}
+              <div className="flex flex-col sm:flex-row sm:items-start sm:justify-between space-y-3 sm:space-y-0 pb-4 sm:pb-6 border-b sm:border-b-0 border-gray-800/50">
+                <div className="flex items-start space-x-3 flex-1">
+                  <Image
+                    src={privateKey}
+                    alt="build icon"
+                    width={20}
+                    height={20}
+                    className="sm:w-6 sm:h-6 mt-1"
+                  />
+                  <div className="flex-1">
+                    <h3 className="text-white text-base sm:text-lg font-semibold">
+                      Even Build
+                    </h3>
+                    <p className="text-gray-400 text-xs sm:text-sm leading-relaxed">
+                      Houses and hotels must be built up and sold off evenly
+                      within a property set.
+                    </p>
+                  </div>
+                </div>
+                <div className="self-start sm:self-center sm:ml-4">
+                  <ToggleSwitch
+                    checked={settings.evenBuild}
+                    onChange={toggleEvenBuild}
+                  />
+                </div>
+              </div>
+
+              {/* Starting Cash */}
+              <div className="flex flex-col sm:flex-row sm:items-start sm:justify-between space-y-3 sm:space-y-0 pb-4 sm:pb-6 border-b sm:border-b-0 border-gray-800/50">
+                <div className="flex items-start space-x-3 flex-1">
+                  <Image
+                    src={privateKey}
+                    alt="cash icon"
+                    width={20}
+                    height={20}
+                    className="sm:w-6 sm:h-6 mt-1"
+                  />
+                  <div className="flex-1">
+                    <h3 className="text-white text-base sm:text-lg font-semibold">
+                      Starting Cash
+                    </h3>
+                    <p className="text-gray-400 text-xs sm:text-sm leading-relaxed">
+                      Adjust how much players can start the game with.
+                    </p>
+                  </div>
+                </div>
+                <div className="sm:ml-4">
+                  <select
+                    value={settings.startingCash}
+                    onChange={handleStartingCashChange}
+                    className="bg-[#010f10] text-white px-3 sm:px-4 py-2 sm:py-3 rounded-2xl sm:rounded-3xl border border-gray-800 focus:outline-none focus:ring-1 focus:ring-[#003B3E] focus:border-[#003B3E] text-sm sm:text-base w-full sm:w-auto min-w-[120px]"
+                  >
+                    <option value={500}>&#9417; 500</option>
+                    <option value={1000}>&#9417; 1000</option>
+                    <option value={1500}>&#9417; 1500</option>
+                    <option value={2000}>&#9417; 2000</option>
+                  </select>
+                </div>
+              </div>
+
+              {/* Randomize Play Order */}
+              <div className="flex flex-col sm:flex-row sm:items-start sm:justify-between space-y-3 sm:space-y-0">
+                <div className="flex items-start space-x-3 flex-1">
+                  <Image
+                    src={privateKey}
+                    alt="random icon"
+                    width={20}
+                    height={20}
+                    className="sm:w-6 sm:h-6 mt-1"
+                  />
+                  <div className="flex-1">
+                    <h3 className="text-white text-base sm:text-lg font-semibold">
+                      Randomize Play Order
+                    </h3>
+                    <p className="text-gray-400 text-xs sm:text-sm leading-relaxed">
+                      Randomly reorder players at the beginning of the game.
+                    </p>
+                  </div>
+                </div>
+                <div className="self-start sm:self-center sm:ml-4">
+                  <ToggleSwitch
+                    checked={settings.randomizePlayOrder}
+                    onChange={toggleRandomizePlayOrder}
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+          {/* Play Button */}
+          <div className="flex justify-end mt-8 mb-16">
+            <button
+              onClick={handlePlayClick}
+              className="bg-gradient-to-r from-cyan-400 to-[#0ff0fc] hover:from-cyan-500 hover:to-cyan-600 text-black font-bold py-2 px-20 rounded-lg text-xl transition-all duration-200 transform hover:scale-105 shadow-lg shadow-cyan-400/30 hover:shadow-cyan-400/50"
+              style={{
+                clipPath: "polygon(0 0, 100% 0, 100% 100%, 8% 100%)",
+              }}
+            >
+              Play
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/components/game-room/ToggleSwitch.tsx b/src/app/components/game-room/ToggleSwitch.tsx
new file mode 100644
index 0000000..589ec91
--- /dev/null
+++ b/src/app/components/game-room/ToggleSwitch.tsx
@@ -0,0 +1,45 @@
+'use client';
+
+import React from 'react';
+
+interface ToggleSwitchProps {
+  checked: boolean;
+  onChange: () => void;
+  disabled?: boolean;
+}
+
+export default function ToggleSwitch({ checked, onChange, disabled = false }: ToggleSwitchProps) {
+  return (
+    <div className="relative w-20 h-10 overflow-hidden flex-shrink-0">
+      <button
+        type="button"
+        role="switch"
+        aria-checked={checked}
+        disabled={disabled}
+        onClick={onChange}
+        className={`
+          relative w-full h-full inline-flex items-center rounded-full transition-colors duration-200 ease-in-out 
+          focus:outline-none focus:ring-offset-1
+          ${checked 
+            ? 'bg-transparent border border-[#0ff0fc]' 
+            : 'bg-transparent border border-gray-800'
+          }
+          ${disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'}
+        `}
+      >
+        <span
+          className={`
+            absolute top-2 left-2 h-6 w-6 transform rounded-full transition-transform duration-200 ease-in-out
+            ${checked 
+              ? 'translate-x-10 bg-[#0ff0fc]' 
+              : 'translate-x-0 bg-gray-400'
+            }
+          `}
+        />
+      </button>
+    </div>
+  );
+}
+
+
+
diff --git a/src/app/contexts/GameRoomContext.tsx b/src/app/contexts/GameRoomContext.tsx
new file mode 100644
index 0000000..6e4a958
--- /dev/null
+++ b/src/app/contexts/GameRoomContext.tsx
@@ -0,0 +1,193 @@
+//src/app/contexts/GameRoomContext.tsx
+'use client';
+
+import React, { createContext, useContext, useReducer, ReactNode } from 'react';
+
+// Types
+export interface GameRoomSettings {
+  maxPlayers: number;
+  privateRoom: boolean;
+  auction: boolean;
+  rentInPrison: boolean;
+  mortgage: boolean;
+  evenBuild: boolean;
+  startingCash: number;
+  randomizePlayOrder: boolean;
+}
+
+interface GameRoomState {
+  settings: GameRoomSettings;
+  isLoading: boolean;
+  gameStarted: boolean;
+}
+
+type GameRoomAction =
+  | { type: 'UPDATE_MAX_PLAYERS'; payload: number }
+  | { type: 'TOGGLE_PRIVATE_ROOM' }
+  | { type: 'TOGGLE_AUCTION' }
+  | { type: 'TOGGLE_RENT_IN_PRISON' }
+  | { type: 'TOGGLE_MORTGAGE' }
+  | { type: 'TOGGLE_EVEN_BUILD' }
+  | { type: 'UPDATE_STARTING_CASH'; payload: number }
+  | { type: 'TOGGLE_RANDOMIZE_PLAY_ORDER' }
+  | { type: 'START_GAME' }
+  | { type: 'SET_LOADING'; payload: boolean }
+  | { type: 'RESET_SETTINGS' };
+
+// Initial state
+const initialState: GameRoomState = {
+  settings: {
+    maxPlayers: 4,
+    privateRoom: true,
+    auction: true,
+    rentInPrison: false,
+    mortgage: true,
+    evenBuild: false,
+    startingCash: 1000,
+    randomizePlayOrder: true,
+  },
+  isLoading: false,
+  gameStarted: false,
+};
+
+// Reducer
+function gameRoomReducer(state: GameRoomState, action: GameRoomAction): GameRoomState {
+  switch (action.type) {
+    case 'UPDATE_MAX_PLAYERS':
+      return {
+        ...state,
+        settings: {
+          ...state.settings,
+          maxPlayers: action.payload,
+        },
+      };
+    case 'TOGGLE_PRIVATE_ROOM':
+      return {
+        ...state,
+        settings: {
+          ...state.settings,
+          privateRoom: !state.settings.privateRoom,
+        },
+      };
+    case 'TOGGLE_AUCTION':
+      return {
+        ...state,
+        settings: {
+          ...state.settings,
+          auction: !state.settings.auction,
+        },
+      };
+    case 'TOGGLE_RENT_IN_PRISON':
+      return {
+        ...state,
+        settings: {
+          ...state.settings,
+          rentInPrison: !state.settings.rentInPrison,
+        },
+      };
+    case 'TOGGLE_MORTGAGE':
+      return {
+        ...state,
+        settings: {
+          ...state.settings,
+          mortgage: !state.settings.mortgage,
+        },
+      };
+    case 'TOGGLE_EVEN_BUILD':
+      return {
+        ...state,
+        settings: {
+          ...state.settings,
+          evenBuild: !state.settings.evenBuild,
+        },
+      };
+    case 'UPDATE_STARTING_CASH':
+      return {
+        ...state,
+        settings: {
+          ...state.settings,
+          startingCash: action.payload,
+        },
+      };
+    case 'TOGGLE_RANDOMIZE_PLAY_ORDER':
+      return {
+        ...state,
+        settings: {
+          ...state.settings,
+          randomizePlayOrder: !state.settings.randomizePlayOrder,
+        },
+      };
+    case 'START_GAME':
+      return {
+        ...state,
+        gameStarted: true,
+        isLoading: true,
+      };
+    case 'SET_LOADING':
+      return {
+        ...state,
+        isLoading: action.payload,
+      };
+    case 'RESET_SETTINGS':
+      return initialState;
+    default:
+      return state;
+  }
+}
+
+// Context
+interface GameRoomContextType {
+  state: GameRoomState;
+  updateMaxPlayers: (players: number) => void;
+  togglePrivateRoom: () => void;
+  toggleAuction: () => void;
+  toggleRentInPrison: () => void;
+  toggleMortgage: () => void;
+  toggleEvenBuild: () => void;
+  updateStartingCash: (cash: number) => void;
+  toggleRandomizePlayOrder: () => void;
+  startGame: () => void;
+  setLoading: (loading: boolean) => void;
+  resetSettings: () => void;
+}
+
+const GameRoomContext = createContext<GameRoomContextType | undefined>(undefined);
+
+// Provider
+interface GameRoomProviderProps {
+  children: ReactNode;
+}
+
+export function GameRoomProvider({ children }: GameRoomProviderProps) {
+  const [state, dispatch] = useReducer(gameRoomReducer, initialState);
+
+  const contextValue: GameRoomContextType = {
+    state,
+    updateMaxPlayers: (players: number) => dispatch({ type: 'UPDATE_MAX_PLAYERS', payload: players }),
+    togglePrivateRoom: () => dispatch({ type: 'TOGGLE_PRIVATE_ROOM' }),
+    toggleAuction: () => dispatch({ type: 'TOGGLE_AUCTION' }),
+    toggleRentInPrison: () => dispatch({ type: 'TOGGLE_RENT_IN_PRISON' }),
+    toggleMortgage: () => dispatch({ type: 'TOGGLE_MORTGAGE' }),
+    toggleEvenBuild: () => dispatch({ type: 'TOGGLE_EVEN_BUILD' }),
+    updateStartingCash: (cash: number) => dispatch({ type: 'UPDATE_STARTING_CASH', payload: cash }),
+    toggleRandomizePlayOrder: () => dispatch({ type: 'TOGGLE_RANDOMIZE_PLAY_ORDER' }),
+    startGame: () => dispatch({ type: 'START_GAME' }),
+    setLoading: (loading: boolean) => dispatch({ type: 'SET_LOADING', payload: loading }),
+    resetSettings: () => dispatch({ type: 'RESET_SETTINGS' }),
+  };
+
+  return (
+    <GameRoomContext.Provider value={contextValue}>
+      {children}
+    </GameRoomContext.Provider>
+  );
+}
+
+// Hook
+export function useGameRoom() {
+  const context = useContext(GameRoomContext);
+  if (context === undefined) {
+    throw new Error('useGameRoom must be used within a GameRoomProvider');
+  }
+  return context;
+}
\ No newline at end of file
diff --git a/src/app/gameroom/page.tsx b/src/app/gameroom/page.tsx
new file mode 100644
index 0000000..9cf219b
--- /dev/null
+++ b/src/app/gameroom/page.tsx
@@ -0,0 +1,19 @@
+//src/app/gameroom/page.tsx
+"use client";
+
+import React from "react";
+// import Navbar from "@/app/components/navbar";
+import { GameRoomProvider } from "@/app/contexts/GameRoomContext";
+import GameRoomContent from "@/app/components/game-room/GameRoomContent";
+
+export default function GameRoomPage() {
+  return (
+    <>
+      {/* <Navbar /> */}
+
+      <GameRoomProvider>
+        <GameRoomContent />
+      </GameRoomProvider>
+    </>
+  );
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index d111b8d..16f33ed 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -32,9 +32,7 @@ export default function RootLayout({
         className={`${orbitron.variable} ${geistMono.variable} antialiased`}
       >
         <StarknetProvider>
-          < WalletProvider>
-            {children}
-          </WalletProvider>
+          <WalletProvider>{children}</WalletProvider>
         </StarknetProvider>
       </body>
     </html>