add rainbowkit implementation guide

developer-guide/wallet-connect/guide.md

@@ -9,7 +9,19 @@ order: 1000
 ## Include Bloom in Web3Modal
 
 
-### Add Bloom to wallets
+# Web3Modal
+
+
+```
+createWeb3Modal({
+  //...
+  featuredWalletIds: [
+    '652df0cee82d5cd3cadfd57829c5578a', // Bloom wallet
+  ]
+})
+```
+
+### Temporary
 
 As we're waiting for WalletConnect to approve our project, you can add Bloom manually to the list of wallets as follows:
 
@@ -22,22 +34,35 @@ createWeb3Modal({
           name: 'Bloom',
           homepage: 'https://bloomwallet.io/',
           image_url: 'https://bloomwallet.io/assets/logos/bloom.png',
-          desktop_link: 'bloom://dapps/connect',
+          desktop_link: 'bloom://dapps/connect/wc?uri=',
       },
   ],
 })
 ```
 
 
-### Add Bloom as recommendation
+# RainbowKit
 
-`WalletConnect`s `Web3Modal` has many suggestions on wallets on all ecosystems, but these suggestions can be adapted and changed by the dApp developer. If `Bloom` wallet implements features that your app requires, or if you generally want to recomment `Bloom` for your dApp's users, you can include the following code into your code base:
 
 ```
-createWeb3Modal({
-  //...
-  featuredWalletIds: [
-    '652df0cee82d5cd3cadfd57829c5578a', // Bloom wallet
-  ]
-})
-```
+import {
+  ...,
+  bloomWallet,
+  ...
+} from '@rainbow-me/rainbowkit/wallets';
+
+
+...
+
+
+const connectors = connectorsForWallets([
+    {
+        groupName: 'Recommended',
+        wallets: [
+            ...,
+            bloomWallet({ projectId, chains }),
+            ...
+        ],
+    },
+]);
+```