diff --git a/packages/nextjs/app/favicon.ico b/packages/nextjs/app/favicon.ico
index 718d6fe..8e9012e 100644
Binary files a/packages/nextjs/app/favicon.ico and b/packages/nextjs/app/favicon.ico differ
diff --git a/packages/nextjs/public/logo.svg b/packages/nextjs/public/logo.svg
new file mode 100644
index 0000000..d263996
--- /dev/null
+++ b/packages/nextjs/public/logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-paintbrush h-8 w-8 text-primary animate-bounce"><path d="m14.622 17.897-10.68-2.913"></path><path d="M18.376 2.622a1 1 0 1 1 3.002 3.002L17.36 9.643a.5.5 0 0 0 0 .707l.944.944a2.41 2.41 0 0 1 0 3.408l-.944.944a.5.5 0 0 1-.707 0L8.354 7.348a.5.5 0 0 1 0-.707l.944-.944a2.41 2.41 0 0 1 3.408 0l.944.944a.5.5 0 0 0 .707 0z"></path><path d="M9 8c-1.804 2.71-3.97 3.46-6.583 3.948a.507.507 0 0 0-.302.819l7.32 8.883a1 1 0 0 0 1.185.204C12.735 20.405 16 16.792 16 15"></path></svg>
diff --git a/packages/nextjs/services/web3/wagmiConfig.ts b/packages/nextjs/services/web3/wagmiConfig.ts
index e6e1152..8ef39da 100644
--- a/packages/nextjs/services/web3/wagmiConfig.ts
+++ b/packages/nextjs/services/web3/wagmiConfig.ts
@@ -1,6 +1,8 @@
 import { http } from "viem";
 import { createConfig } from "wagmi";
 import { NETWORKS } from "~/constants/contracts";
+import { getDefaultConfig } from "connectkit";
+import { walletConnect } from "wagmi/connectors";
 
 // Define the local network chain
 const localChain = {
@@ -44,11 +46,29 @@ const lensChain = {
   },
 };
 
-export const wagmiConfig = createConfig({
-  chains: [//localChain, 
-          lensChain],
-  transports: {
-    [localChain.id]: http("http://127.0.0.1:8545"),
-    [lensChain.id]: http(NETWORKS.LENS.rpcUrl),
-  },
-}); 
\ No newline at end of file
+export const wagmiConfig = createConfig(
+  getDefaultConfig({
+    // Your dApp's info
+    appName: "Pixel Canvas",
+    appDescription: "A collaborative pixel art canvas on the blockchain",
+    appUrl: "https://pixelcanvas.vercel.app",
+    appIcon: "https://pixelcanvas.vercel.app/logo.svg",
+
+    // Chains
+    chains: [lensChain],
+    transports: {
+      [lensChain.id]: http(NETWORKS.LENS.rpcUrl),
+    },
+
+    // Wallets config
+    walletConnectProjectId: process.env.NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID || "",
+
+    // Add additional connectors
+    connectors: [
+      walletConnect({
+        projectId: process.env.NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID || "",
+        showQrModal: true,
+      }),
+    ],
+  }),
+); 
\ No newline at end of file