Bernard

.env

@@ -0,0 +1 @@
+VITE_API_URL=https://web3nova-payment-gate.onrender.com/api

index.html

@@ -8,7 +8,7 @@
       <link
          href="https://fonts.googleapis.com/css2?family=Host+Grotesk:ital,wght@0,300..800;1,300..800&display=swap"
          rel="stylesheet" />
-      <link rel="icon" type="image/svg+xml" href="/src/assets/logo.png" />
+      <link rel="icon" type="image/svg+xml" href="/abokiicon.svg" />
       <meta name="viewport" content="width=device-width, initial-scale=1.0" />
       <title>Aboki P2P Platform</title>
    </head>

package.json

@@ -10,12 +10,15 @@
       "preview": "vite preview"
    },
    "dependencies": {
-      "@privy-io/react-auth": "^2.12.0",
-      "@tanstack/react-query": "^5.76.1",
+      "@privy-io/react-auth": "^2.13.3",
+      "@privy-io/wagmi": "^1.0.3",
+      "@tanstack/react-query": "^5.77.1",
       "axios": "^1.9.0",
       "ethers": "^6.13.7",
       "formik": "^2.4.6",
       "framer-motion": "^10.16.4",
+      "html2canvas": "^1.4.1",
+      "jwt-decode": "^4.0.0",
       "lucide-react": "^0.344.0",
       "react": "^18.3.1",
       "react-dom": "^18.3.1",
@@ -24,7 +27,7 @@
       "react-router-dom": "^6.22.3",
       "sonner": "^2.0.3",
       "viem": "^2.29.2",
-      "wagmi": "^2.15.3",
+      "wagmi": "^2.15.4",
       "yup": "^1.6.1"
    },
    "devDependencies": {

src/App.tsx

@@ -2,6 +2,7 @@ import { Routes, Route } from "react-router-dom";
 import LandingPage from "./pages/LandingPage";
 import SwapPage from "./pages/SwapPage";
 import ActivityPage from "./pages/ActivityPage";
+import PaymentPage from "./pages/PaymentPage.tsx";
 import LProvidersPage from "./pages/ProvidersPage";
 import LPDashBoard from "./pages/LPdashboard";
 function App() {
@@ -12,6 +13,7 @@ function App() {
          <Route path="/activity" element={<ActivityPage />} />
          <Route path="/add-liquidity" element={<LProvidersPage />} />
          <Route path="/liquidity-dashboard" element={<LPDashBoard />} />
+         <Route path="/Payment" element={<PaymentPage />} />
       </Routes>
    );
 }

src/PrivyConfig.tsx

@@ -1,4 +1,5 @@
 import { PrivyProvider } from "@privy-io/react-auth";
+import { base } from "viem/chains";
 import { ReactNode } from "react";
 
 interface PrivyConfigProps {
@@ -13,11 +14,14 @@ const PrivyConfig = ({ children }: PrivyConfigProps) => {
             appearance: {
                theme: "dark",
                accentColor: "#7c3aed",
-               logo: "src/assets/logo-white.png",
+               logo: "/aboki-white.svg",
             },
             embeddedWallets: {
                createOnLogin: "users-without-wallets",
             },
+            // Add Base network configuration
+            defaultChain: base,
+            supportedChains: [base],
          }}>
          {children}
       </PrivyProvider>

src/Structure.md

@@ -6,7 +6,7 @@
 │   ├── ethereumlogo.png
 │   ├── Fulllogo.png
 │   ├── heroImage.png
-│   ├── logo-black.png
+│   ├── aboki.svg
 │   ├── logo.jpeg
 │   ├── logo.png
 │   ├── logo-white.png
@@ -36,15 +36,15 @@
 │   │   ├── IntegrationGuide.md
 │   │   ├── LiquidityProvider.tsx
 │   │   └── onboarding
-│   │       ├── BankDetails.tsx
-│   │       ├── CryptoDestination.tsx
-│   │       ├── KYCVerification.tsx
-│   │       ├── ProfileSetup.tsx
-│   │       ├── RoleSelection.tsx
-│   │       ├── SuccessConfirmation.tsx
-│   │       ├── VirtualAccountFunding.tsx
-│   │       ├── WalletConnection.tsx
-│   │       └── WalletFunding.tsx
+│   │   ├── BankDetails.tsx
+│   │   ├── CryptoDestination.tsx
+│   │   ├── KYCVerification.tsx
+│   │   ├── ProfileSetup.tsx
+│   │   ├── RoleSelection.tsx
+│   │   ├── SuccessConfirmation.tsx
+│   │   ├── VirtualAccountFunding.tsx
+│   │   ├── WalletConnection.tsx
+│   │   └── WalletFunding.tsx
 │   ├── Logo-Black.tsx
 │   ├── Logo.tsx
 │   ├── modals
@@ -62,7 +62,7 @@
 │   │   │   ├── ProfileDropdown.tsx
 │   │   │   └── WalletInfo.tsx
 │   │   └── hooks
-│   │       └── useWallet.tsx
+│   │   └── useWallet.tsx
 │   ├── SelectModal.tsx
 │   ├── StatsSection.tsx
 │   ├── style.css
@@ -80,7 +80,7 @@
 │   │   └── QuoteContract.json
 │   ├── addresses.ts
 │   └── hooks
-│       └── useQuoteContract.ts
+│   └── useQuoteContract.ts
 ├── hooks
 │   └── useTokenBalance.ts
 ├── index.css