Changes

Co-authored-by: Alien69Flow <111972684+Alien69Flow@users.noreply.github.com>

Author: lovable-dev[bot]

src/App.tsx

@@ -1,6 +1,5 @@
 import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
-import { AppKitProvider } from '@reown/appkit/react';
-import { mainnet, arbitrum, polygon } from '@reown/appkit/networks';
+import Web3Provider from './providers/Web3Provider';
 import Layout from './components/Layout';
 import Index from './pages/Index';
 import About from './pages/About';

src/config/appkit.ts

@@ -0,0 +1,58 @@
+import { createAppKit } from '@reown/appkit/react';
+import { WagmiAdapter } from '@reown/appkit-adapter-wagmi';
+import { SolanaAdapter } from '@reown/appkit-adapter-solana';
+import { BitcoinAdapter } from '@reown/appkit-adapter-bitcoin';
+import {
+  polygon,
+  mainnet,
+  arbitrum,
+  base,
+  bsc,
+  solana,
+  bitcoin,
+  type AppKitNetwork,
+} from '@reown/appkit/networks';
+
+export const projectId = 'ced40e4d52234c471808977208586c7e';
+
+export const networks: [AppKitNetwork, ...AppKitNetwork[]] = [
+  polygon,
+  mainnet,
+  arbitrum,
+  base,
+  bsc,
+  solana,
+  bitcoin,
+];
+
+export const wagmiAdapter = new WagmiAdapter({
+  networks: [polygon, mainnet, arbitrum, base, bsc],
+  projectId,
+  ssr: false,
+});
+
+export const solanaAdapter = new SolanaAdapter();
+export const bitcoinAdapter = new BitcoinAdapter({ projectId });
+
+export const wagmiConfig = wagmiAdapter.wagmiConfig;
+
+const origin =
+  typeof window !== 'undefined' ? window.location.origin : 'https://alienflow.space';
+
+createAppKit({
+  adapters: [wagmiAdapter, solanaAdapter, bitcoinAdapter],
+  networks,
+  defaultNetwork: polygon,
+  projectId,
+  metadata: {
+    name: 'Alien World',
+    description: 'Alien World dApp',
+    url: 'https://alienflow.space',
+    icons: [`${origin}/lovable-uploads/ALogo.png`],
+  },
+  features: {
+    analytics: true,
+    email: false,
+    socials: false,
+  },
+});

src/providers/Web3Provider.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import { WagmiProvider } from 'wagmi';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { wagmiConfig } from '@/config/appkit';
+
+const queryClient = new QueryClient();
+
+const Web3Provider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
+  return (
+    <WagmiProvider config={wagmiConfig}>
+      <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+    </WagmiProvider>
+  );
+};
+
+export default Web3Provider;