diff --git a/landing/landing.react.js b/landing/landing.react.js
--- a/landing/landing.react.js
+++ b/landing/landing.react.js
@@ -9,6 +9,7 @@
 import Keyservers from './keyservers.react';
 import Privacy from './privacy.react';
 import QR from './qr.react';
+import SIWE from './siwe.react';
 import Support from './support.react';
 import Team from './team.react';
 import Terms from './terms.react';
@@ -24,6 +25,7 @@
   const onKeyservers = useRouteMatch({ path: '/keyservers' });
   const onQR = useRouteMatch({ path: '/qr' });
   const onTeam = useRouteMatch({ path: '/team' });
+  const onSIWE = useRouteMatch({ path: '/siwe' });
 
   const activePage = React.useMemo(() => {
     if (onPrivacy) {
@@ -38,10 +40,12 @@
       return <QR />;
     } else if (onTeam) {
       return <Team />;
+    } else if (onSIWE) {
+      return <SIWE />;
     } else {
       return <AppLanding />;
     }
-  }, [onKeyservers, onPrivacy, onSupport, onTerms, onTeam, onQR]);
+  }, [onKeyservers, onPrivacy, onSupport, onTerms, onTeam, onQR, onSIWE]);
 
   let header;
   if (!onQR) {
diff --git a/landing/root.js b/landing/root.js
--- a/landing/root.js
+++ b/landing/root.js
@@ -1,18 +1,46 @@
 // @flow
 
+import { getDefaultWallets, RainbowKitProvider } from '@rainbow-me/rainbowkit';
 import * as React from 'react';
 import { hot } from 'react-hot-loader/root';
 import { BrowserRouter } from 'react-router-dom';
+import '@rainbow-me/rainbowkit/dist/index.css';
+import { chain, configureChains, createClient, WagmiConfig } from 'wagmi';
+// import { alchemyProvider } from 'wagmi/providers/alchemy';
+import { publicProvider } from 'wagmi/providers/public';
 
 import Landing from './landing.react';
 
+const { chains, provider } = configureChains(
+  [chain.mainnet, chain.polygon, chain.optimism, chain.arbitrum],
+  [
+    // alchemyProvider({ alchemyId: process.env.ALCHEMY_ID }),
+    publicProvider(),
+  ],
+);
+
+const { connectors } = getDefaultWallets({
+  appName: 'comm',
+  chains,
+});
+
+const wagmiClient = createClient({
+  autoConnect: true,
+  connectors,
+  provider,
+});
+
 declare var routerBasename: string;
 
 function RootComponent() {
   return (
-    <BrowserRouter basename={routerBasename}>
-      <Landing />
-    </BrowserRouter>
+    <WagmiConfig client={wagmiClient}>
+      <RainbowKitProvider chains={chains}>
+        <BrowserRouter basename={routerBasename}>
+          <Landing />
+        </BrowserRouter>
+      </RainbowKitProvider>
+    </WagmiConfig>
   );
 }
 
diff --git a/landing/siwe.css b/landing/siwe.css
new file mode 100644
--- /dev/null
+++ b/landing/siwe.css
@@ -0,0 +1,11 @@
+div {
+  justify-content: center;
+  align-content: center;
+  padding-top: 20px;
+  padding-bottom: 50px;
+}
+
+h1 {
+  text-align: center;
+  margin-bottom: 20px;
+}
diff --git a/landing/siwe.react.js b/landing/siwe.react.js
new file mode 100644
--- /dev/null
+++ b/landing/siwe.react.js
@@ -0,0 +1,16 @@
+// @flow
+
+import { ConnectButton } from '@rainbow-me/rainbowkit';
+import * as React from 'react';
+import './siwe.css';
+
+function SIWE(): React.Node {
+  return (
+    <div>
+      <h1>SIWE</h1>
+      <ConnectButton />
+    </div>
+  );
+}
+
+export default SIWE;