diff --git a/framegear/app/api/postFrame/route.ts b/framegear/app/api/postFrame/route.ts
index 085fc8cd2e..170a4fa257 100644
--- a/framegear/app/api/postFrame/route.ts
+++ b/framegear/app/api/postFrame/route.ts
@@ -1,5 +1,5 @@
 import { NextRequest } from 'next/server';
-import { getMockFrameRequest } from '@coinbase/onchainkit';
+import { getMockFrameRequest } from '@coinbase/onchainkit/frame';
 
 export async function POST(req: NextRequest) {
   const data = await req.json();
diff --git a/framegear/package.json b/framegear/package.json
index 229668e842..5b9907cbb8 100644
--- a/framegear/package.json
+++ b/framegear/package.json
@@ -16,7 +16,6 @@
     "next": "14.1.0",
     "react": "^18",
     "react-dom": "^18",
-    "viem": "^2.7.13",
     "yup": "^1.3.3"
   },
   "devDependencies": {
diff --git a/framegear/yarn.lock b/framegear/yarn.lock
index cf779e4b59..cc9666f11c 100644
--- a/framegear/yarn.lock
+++ b/framegear/yarn.lock
@@ -438,16 +438,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@coinbase/onchainkit@npm:^0.8.0":
-  version: 0.8.0
-  resolution: "@coinbase/onchainkit@npm:0.8.0"
+"@coinbase/onchainkit@npm:^0.9.4":
+  version: 0.9.4
+  resolution: "@coinbase/onchainkit@npm:0.9.4"
   peerDependencies:
+    "@xmtp/frames-validator": ^0.5.0
     graphql: ^14
     graphql-request: ^6
     react: ^18
     react-dom: ^18
     viem: ^2.7.0
-  checksum: 89b38b96bea17b2a7abcb878de53a14327db898415a9e4f18881257db95e8f07091b10c16390be4438445f74cedf8a27dbca3bb96dd071c6810cf666fa6bc201
+  checksum: 0e7ea8c3eda0d46f3eb690dc04f02db13fd0304b89150961f4047b33ef218182a2e04b4306889647becc679bdc681e2bc5cf0f604f968bd5af97328241305398
   languageName: node
   linkType: hard
 
@@ -3192,7 +3193,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "framegear@workspace:."
   dependencies:
-    "@coinbase/onchainkit": "npm:^0.8.0"
+    "@coinbase/onchainkit": "npm:^0.9.4"
     "@radix-ui/react-icons": "npm:^1.3.0"
     "@testing-library/jest-dom": "npm:^6.4.2"
     "@testing-library/react": "npm:^14.2.1"
@@ -7140,4 +7141,4 @@ __metadata:
     type-fest: "npm:^2.19.0"
   checksum: cc00e98af8617b779dd151d6a77779228cfe973a185c743628b2afdecda88c333187d058c1199518d696c15827ba9b757a6c57c1ace6766d970d3cd2368c3264
   languageName: node
-  linkType: hard
\ No newline at end of file
+  linkType: hard
diff --git a/site/docs/public/favicon.ico b/site/docs/public/favicon.ico
new file mode 100644
index 0000000000..539403f0ee
Binary files /dev/null and b/site/docs/public/favicon.ico differ
diff --git a/site/docs/public/favicon/16x16.png b/site/docs/public/favicon/16x16.png
new file mode 100644
index 0000000000..539403f0ee
Binary files /dev/null and b/site/docs/public/favicon/16x16.png differ
diff --git a/site/docs/public/favicon/16x16.svg b/site/docs/public/favicon/16x16.svg
new file mode 100644
index 0000000000..7af3925b01
--- /dev/null
+++ b/site/docs/public/favicon/16x16.svg
@@ -0,0 +1,14 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_866_1058)">
+<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="url(#paint0_linear_866_1058)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_866_1058" x1="16" y1="-1.66669" x2="0.101609" y2="-1.32648" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E58973"/>
+<stop offset="1" stop-color="#1D8AAA"/>
+</linearGradient>
+<clipPath id="clip0_866_1058">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/site/docs/public/favicon/48x48.png b/site/docs/public/favicon/48x48.png
new file mode 100644
index 0000000000..288ef09aab
Binary files /dev/null and b/site/docs/public/favicon/48x48.png differ
diff --git a/site/docs/public/favicon/48x48.svg b/site/docs/public/favicon/48x48.svg
new file mode 100644
index 0000000000..b4f4cf3433
--- /dev/null
+++ b/site/docs/public/favicon/48x48.svg
@@ -0,0 +1,14 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_866_1060)">
+<path d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z" fill="url(#paint0_linear_866_1060)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_866_1060" x1="48" y1="-5.00007" x2="0.304828" y2="-3.97944" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E58973"/>
+<stop offset="1" stop-color="#1D8AAA"/>
+</linearGradient>
+<clipPath id="clip0_866_1060">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/site/docs/public/favicon/96x96.png b/site/docs/public/favicon/96x96.png
new file mode 100644
index 0000000000..d500dcd2f1
Binary files /dev/null and b/site/docs/public/favicon/96x96.png differ
diff --git a/site/docs/public/favicon/96x96.svg b/site/docs/public/favicon/96x96.svg
new file mode 100644
index 0000000000..7436669627
--- /dev/null
+++ b/site/docs/public/favicon/96x96.svg
@@ -0,0 +1,14 @@
+<svg width="96" height="96" viewBox="0 0 96 96" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_866_1062)">
+<path d="M48 96C74.5097 96 96 74.5097 96 48C96 21.4903 74.5097 0 48 0C21.4903 0 0 21.4903 0 48C0 74.5097 21.4903 96 48 96Z" fill="url(#paint0_linear_866_1062)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_866_1062" x1="96" y1="-10.0001" x2="0.609657" y2="-7.95887" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E58973"/>
+<stop offset="1" stop-color="#1D8AAA"/>
+</linearGradient>
+<clipPath id="clip0_866_1062">
+<rect width="96" height="96" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/site/docs/public/manifest.json b/site/docs/public/manifest.json
new file mode 100644
index 0000000000..91d89f3cb7
--- /dev/null
+++ b/site/docs/public/manifest.json
@@ -0,0 +1,26 @@
+{
+  "name": "OnchainKit",
+  "short_name": "OnchainKit",
+  "icons": [
+    {
+      "src": "/favicon/16x16.png",
+      "sizes": "16x16",
+      "type": "image/png"
+    },
+    {
+      "src": "/favicon/48x48.png",
+      "sizes": "48x48",
+      "type": "image/png"
+    },
+    {
+      "src": "/favicon/96x96.png",
+      "sizes": "96x96",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#000000",
+  "background_color": "#000000",
+  "start_url": "/",
+  "display": "standalone",
+  "orientation": "portrait"
+}