chore: added new banner

src/components/Navbar.tsx

@@ -53,13 +53,13 @@
 import mixpanel from 'mixpanel-browser';
 import { useEffect, useMemo } from 'react';
 import { isMobile } from 'react-device-detect';
+import { constants } from 'starknet';
 import {
   ArgentMobileConnector,
   isInArgentMobileAppBrowser,
 } from 'starknetkit/argentMobile';
 import { WebWalletConnector } from 'starknetkit/webwallet';
 import TncModal from './TncModal';
-import { constants } from 'starknet';
 
 export function getConnectors(isMobile: boolean) {
   const mobileConnector = ArgentMobileConnector.init({
@@ -85,6 +85,13 @@
     },
   });
 
+  const keplrConnector = new InjectedConnector({
+    options: {
+      id: 'keplr',
+      name: 'Keplr',
+    },
+  });
+
   const webWalletConnector = new WebWalletConnector({
     url: 'https://web.argent.xyz',
   }) as StarknetkitConnector;
@@ -97,6 +104,7 @@
   return [
     argentXConnector,
     braavosConnector,
+    keplrConnector,
     mobileConnector,
     webWalletConnector,
   ];
@@ -109,7 +117,7 @@
 
 export default function Navbar(props: NavbarProps) {
   const { address, connector, account } = useAccount();
   const { disconnectAsync } = useDisconnect();
   const setAddress = useSetAtom(addressAtom);
   const { data: starkProfile } = useStarkProfile({
     address,
@@ -133,7 +141,7 @@
       modalMode: 'canAsk',
       modalTheme: 'dark',
       webWalletUrl: 'https://web.argent.xyz',
       argentMobileOptions: {
         dappName: 'STRKFarm',
         chainId: constants.NetworkName.SN_MAIN,
         url: getEndpoint(),
@@ -153,7 +161,7 @@
     } catch (error) {
       console.error('connectWallet error', error);
     }
   }
 
   useEffect(() => {
     const config = connectorConfig;
@@ -179,13 +187,13 @@
       }
     })();
   }, [address]);
 
   // Set last wallet when a new wallet is connected
   useEffect(() => {
     console.log('lastWallet connector', connector?.name);
     if (connector) {
       const name: string = connector.name;
       setLastWallet(name);
     }
   }, [connector]);
 
@@ -424,7 +432,7 @@
                     </Center>
                   ) : (
                     'Connect'
                   )}
                 </Center>
               </MenuButton>
               <MenuList {...MyMenuListProps}>