diff --git a/components/DvpnMap.js b/components/DvpnMap.js
new file mode 100644
index 0000000..ab9852b
--- /dev/null
+++ b/components/DvpnMap.js
@@ -0,0 +1,123 @@
+import dynamic from 'next/dynamic';
+import { useEffect, useState } from 'react';
+import 'leaflet/dist/leaflet.css';
+import L from 'leaflet';
+
+// Dynamically import components with ssr: false
+const MapContainer = dynamic(() => import('react-leaflet').then((module) => module.MapContainer), { ssr: false });
+const TileLayer = dynamic(() => import('react-leaflet').then((module) => module.TileLayer), { ssr: false });
+const Marker = dynamic(() => import('react-leaflet').then((module) => module.Marker), { ssr: false });
+const Popup = dynamic(() => import('react-leaflet').then((module) => module.Popup), { ssr: false });
+
+// Define a custom animated icon
+const animatedIcon = L.divIcon({
+  className: 'custom-animated-icon',
+  html: `
+    <div style="
+      width: 20px;
+      height: 20px;
+      background: radial-gradient(circle, blue, white);
+      border-radius: 50%;
+      animation: pulse 2s infinite;
+    "></div>
+  `,
+  iconSize: [20, 20],
+  iconAnchor: [10, 10],
+  popupAnchor: [0, -10],
+});
+
+const DvpnMap = ({ nodes }) => {
+  const [isClient, setIsClient] = useState(false);
+  const [offsets, setOffsets] = useState({});
+
+  useEffect(() => {
+    setIsClient(true);
+
+    // Initialize offsets
+    const offsetMap = {};
+    nodes.forEach((node) => {
+      const [lat, lon] = node.ipinfolocation.split(',').map(Number);
+      const key = `${lat},${lon}`;
+      if (!offsetMap[key]) {
+        offsetMap[key] = [0, 0];
+      } else {
+        // Apply a small offset if multiple markers have the same coordinates
+        offsetMap[key] = [offsetMap[key][0] + 0.01, offsetMap[key][1] + 0.01];
+      }
+    });
+    setOffsets(offsetMap);
+  }, [nodes]);
+
+  if (!isClient) {
+    return null;
+  }
+
+  return (
+    <div className="relative h-full w-full p-20 pl-20 pr-20">
+      <MapContainer
+        center={[20, 0]}
+        zoom={2}
+        minZoom={2}
+        maxZoom={5}
+        style={{ height: '100%', width: '100%', padding: '20px',  }}
+        // className="leaflet-container"
+        // maxBounds={[[-90, -180], [90, 180]]}
+        // maxBoundsViscosity={1.0}
+      >
+        <TileLayer
+          url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
+          attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
+        />
+         {/* <TileLayer
+          url="https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png" // CartoDB Dark theme URL
+          attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors | Map tiles by <a href="https://carto.com/attributions">CartoDB</a>'
+          noWrap={true}
+        /> */}
+         {/* <TileLayer
+          url="https://cartodb-basemaps-{s}.global.ssl.fastly.net/dark_all/{z}/{x}/{y}.png"
+          attribution='&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> &copy; <a href="http://cartodb.com/attributions">CartoDB</a>'
+          noWrap={true}
+        /> */}
+        {nodes.map((node, index) => {
+          const [lat, lon] = node.ipinfolocation.split(',').map(Number);
+          const key = `${lat},${lon}`;
+          const offset = offsets[key] || [0, 0];
+          return (
+            <Marker
+              key={index}
+              position={[lat + offset[0], lon + offset[1]]}
+              icon={animatedIcon}
+            >
+              <Popup>
+                <div className="text-blue-800">
+                  <h3 className="text-blue-900 text-lg font-semibold">{node.name}</h3>
+                  <p><strong>Country:</strong> {node.ipinfocountry}</p>
+                  <p><strong>City:</strong> {node.ipinfocity}</p>
+                  <p><strong>Node Name:</strong> {node.nodename}</p>
+                  <p><strong>Download Speed:</strong> {node.downloadSpeed} Mbps</p>
+                  <p><strong>Upload Speed:</strong> {node.uploadSpeed} Mbps</p>
+                </div>
+              </Popup>
+            </Marker>
+          );
+        })}
+      </MapContainer>
+      <style jsx>{`
+        @keyframes pulse {
+          0% {
+            transform: scale(1);
+          }
+          50% {
+            transform: scale(1.2);
+          }
+          100% {
+            transform: scale(1);
+          }
+        }
+
+      `}</style>
+    </div>
+  );
+};
+
+export default DvpnMap;
diff --git a/components/DwifiMap.js b/components/DwifiMap.js
new file mode 100644
index 0000000..b043da0
--- /dev/null
+++ b/components/DwifiMap.js
@@ -0,0 +1,124 @@
+import { useState, useEffect, useRef } from 'react';
+import { MapContainer, TileLayer, Marker, Popup } from 'react-leaflet';
+import 'leaflet/dist/leaflet.css';
+import L from 'leaflet';
+
+// Custom icon
+const customIcon = new L.Icon({
+  iconUrl: 'https://unpkg.com/leaflet@1.7.1/dist/images/marker-icon.png',
+  iconRetinaUrl: 'https://unpkg.com/leaflet@1.7.1/dist/images/marker-icon-2x.png',
+  iconSize: [25, 41],
+  iconAnchor: [12, 41],
+  popupAnchor: [1, -34],
+  shadowUrl: 'https://unpkg.com/leaflet@1.7.1/dist/images/marker-shadow.png',
+  shadowSize: [41, 41],
+});
+
+export default function DwifiMap() {
+  const [nodes, setNodes] = useState([]);
+  const socketRef = useRef(null); // Use ref to maintain WebSocket across renders
+
+  useEffect(() => {
+    const socket = new WebSocket('wss://dev.gateway.erebrus.io/api/v1.0/nodedwifi/stream');
+
+    socket.onopen = function () {
+      console.log('WebSocket is open now.');
+    };
+
+    socket.onmessage = function (event) {
+      console.log('Received:', event.data);
+    };
+
+    socket.onerror = function (event) {
+      console.error('WebSocket error:', event);
+    };
+
+    socket.onclose = function (event) {
+      console.log('WebSocket is closed now.', event);
+    };
+
+    return () => {
+      socket.close();
+    };
+  }, []);
+
+  useEffect(() => {
+    function connectWebSocket() {
+      // Initialize the WebSocket connection
+      socketRef.current = new WebSocket('wss://dev.gateway.erebrus.io/api/v1.0/nodedwifi/stream');
+
+      // Handle the WebSocket connection opening
+      socketRef.current.onopen = function () {
+        console.log('WebSocket is open now.');
+      };
+
+      // Handle incoming WebSocket messages
+      socketRef.current.onmessage = function (event) {
+        const newNode = JSON.parse(event.data);
+        setNodes((prevNodes) => {
+          const existingIndex = prevNodes.findIndex((node) => node.id === newNode.id);
+          if (existingIndex !== -1) {
+            return prevNodes.map((node) => (node.id === newNode.id ? newNode : node));
+          } else {
+            return [...prevNodes, newNode];
+          }
+        });
+      };
+
+      // Handle WebSocket errors
+      socketRef.current.onerror = function (event) {
+        console.error('WebSocket error:', event);
+      };
+
+      // Handle WebSocket closure
+      socketRef.current.onclose = function () {
+        console.log('WebSocket is closed. Attempting to reconnect...');
+        setTimeout(connectWebSocket, 5000); // Attempt to reconnect after 5 seconds
+      };
+    }
+
+    // Establish WebSocket connection
+    connectWebSocket();
+
+    // Cleanup function
+    return () => {
+      console.log('Cleaning up WebSocket connection...');
+      if (socketRef.current) {
+        socketRef.current.close();
+      }
+    };
+  }, []); // Empty dependency array ensures this runs once
+
+  return (
+    <div className="relative h-full w-full p-20 pl-20 pr-20">
+      <MapContainer
+        center={[20.5937, 78.9629]} 
+        zoom={5} 
+        style={{ height: '100%', width: '100%', padding: '20px',  }}
+        maxBounds={[[6, 68], [37, 97]]} 
+        maxBoundsViscosity={1.0}
+      >
+        <TileLayer
+          url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
+          attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
+        />
+        {nodes.map((node) => {
+          const [lat, lon] = node.co_ordinates.split(',').map(Number);
+          return (
+            <Marker key={node.id} position={[lat, lon]} icon={customIcon}>
+              <Popup>
+                <div className="text-blue-800">
+                  <h6 className="text-blue-600 text-lg "><strong>Address:</strong> {node.location}</h6>
+                  <p><strong>Gateway:</strong> {node.gateway}</p>
+                  <p><strong>Price per Minute:</strong> {node.price_per_min}</p>
+                  <p><strong>Wallet Address:</strong> <span style={{ wordWrap: 'break-word' }}>{node.wallet_address}</span></p>
+                  <p><strong>Chain Name:</strong> {node.chain_name}</p>
+                </div>
+              </Popup>
+            </Marker>
+          );
+        })}
+      </MapContainer>
+    </div>
+  );
+}
diff --git a/components/Footer.js b/components/Footer.js
index f3e3ba1..cd9cf1a 100644
--- a/components/Footer.js
+++ b/components/Footer.js
@@ -30,7 +30,7 @@ const Footer = () => {
     Contact us
   </div>
   <a
-    href="/terms"
+    href="https://discordapp.com/invite/5uaFhNpRF6"
     target="_blank"
     rel="noopener noreferrer"
     className="mb-2 flex items-center"
@@ -56,7 +56,7 @@ const Footer = () => {
     Telegram
   </a> */}
   <a
-    href="/privacy"
+    href="https://netsepio.com/"
     target="_blank"
     rel="noopener noreferrer"
     className="flex items-center"
diff --git a/components/NodesData.js b/components/NodesData.js
index 644ca81..32ae59b 100644
--- a/components/NodesData.js
+++ b/components/NodesData.js
@@ -206,7 +206,7 @@ const NodesData = () => {
     <div
       id="howto"
       className="flex flex-col items-center justify-start scroll-mt-16 lg:scroll-mt-0 min-h-screen"
-      style={{ backgroundColor: "#010001" }}
+      style={{ backgroundColor: "#20253A" }}
     >
       <div className="font-figtree text-left text-gray-200 w-full px-3">
         <div className="text-white">
@@ -359,7 +359,7 @@ const NodesData = () => {
         
 
           <div className="overflow-x-auto">
-            <table className="min-w-full bg-black rounded-lg">
+            <table className="min-w-full bg-[#20253A] rounded-lg">
             <thead style={{ height: "10px" }}>
               <tr>
                 <th style={{ border: "solid 1px #FFFFFF66" }}>
diff --git a/components/nodedataDwifi.js b/components/nodedataDwifi.js
index 65ec4e7..99b35ce 100644
--- a/components/nodedataDwifi.js
+++ b/components/nodedataDwifi.js
@@ -139,8 +139,8 @@ const NodeDwifiStream = () => {
   };
 
   return (
-    <div className='text-white px-3'>
-      <div className="mb-4 flex justify-end gap-7">
+    <div className='text-white px-3 bg-[#20253A] '>
+      <div className="mb-4 flex justify-end gap-7 py-5">
         <div className="relative inline-block" ref={filterRef}>
         <button
     onClick={() => setShowFilters(!showFilters)}
@@ -190,13 +190,13 @@ const NodeDwifiStream = () => {
               onClick={() => handleSort('hostSSID')}
               className="block w-full text-left px-4 py-2 text-white hover:bg-gray-700"
             >
-              Host SSID
+             SSID
             </button>
             <button
               onClick={() => handleSort('gateway')}
               className="block w-full text-left px-4 py-2 text-white hover:bg-gray-700"
             >
-              Gateway
+            IP Address
             </button>
             <button
               onClick={() => handleSort('chain_name')}
@@ -216,19 +216,19 @@ const NodeDwifiStream = () => {
     </div>  
       </div>
 <div className="overflow-x-auto">
-            <table className="min-w-full bg-black rounded-lg">
+            <table className="min-w-full bg-[#20253A] rounded-lg">
             <thead style={{ height: "10px" }}>
               <tr>
               <th style={{ border: "solid 1px #FFFFFF66" }}>
                   <div className="flex gap-4 justify-center items-center pt-4 pb-4 px-4">
-                    <img src="/nodetable9.png" className="w-10 h-10" />
-                    <div>Host SSID</div>
+                    <img src="/dwifi1.png" className="w-10 h-10" />
+                    <div>SSID</div>
                   </div>
                 </th>
                 <th style={{ border: "solid 1px #FFFFFF66" }}>
                   <div className="flex gap-4 justify-center items-center pt-4 pb-4 px-4">
-                    <img src="/nodetable4.png" className="w-12 h-12" />
-                    <div>Gateway</div>
+                    <img src="/dwifi2.png" className="w-12 h-12" />
+                    <div>IP Address</div>
                   </div>
                 </th>
                 <th style={{ border: "solid 1px #FFFFFF66" }}>
@@ -239,37 +239,37 @@ const NodeDwifiStream = () => {
                 </th>
                 <th style={{ border: "solid 1px #FFFFFF66" }}>
                   <div className="flex gap-4 justify-center items-center pt-4 pb-4 px-4">
-                    <img src="/nodetable7.png" className="w-10 h-10" />
-                    <div>Interface</div>
+                    <img src="/dwifi4.png" className="w-10 h-10" />
+                    <div>Price_per_min</div>
                   </div>
                 </th>
                 <th style={{ border: "solid 1px #FFFFFF66" }}>
                   <div className="flex gap-4 justify-center items-center pt-4 pb-4 px-4">
-                    <img src="/nodetable7.png" className="w-10 h-10" />
+                    <img src="/dwifi5.png" className="w-10 h-10" />
                     <div>Connected Devices</div>
                   </div>
                 </th>
-                <th style={{ border: "solid 1px #FFFFFF66" }}>
+                {/* <th style={{ border: "solid 1px #FFFFFF66" }}>
                   <div className="flex gap-4 justify-center items-center pt-4 pb-4 px-4">
                     <img src="/nodetable7.png" className="w-10 h-10" />
                     <div>Status</div>
                   </div>
-                </th>
+                </th> */}
                 <th style={{ border: "solid 1px #FFFFFF66" }}>
                   <div className="flex gap-4 justify-center items-center pt-4 pb-4 px-4">
-                    <img src="/nodetable7.png" className="w-10 h-10" />
+                    <img src="/dwifi3.png" className="w-10 h-10" />
                     <div>Location</div>
                   </div>
                 </th>
                 <th style={{ border: "solid 1px #FFFFFF66" }}>
                   <div className="flex gap-4 justify-center items-center pt-4 pb-4 px-4">
-                    <img src="/nodetable9.png" className="w-10 h-10" />
-                    <div>Connected At</div>
+                    <img src="/dwifi7.png" className="w-10 h-10" />
+                    <div>Uptime</div>
                   </div>
                 </th>
                 <th style={{ border: "solid 1px #FFFFFF66" }}>
                   <div className="flex gap-4 justify-center items-center pt-4 pb-4 px-4">
-                    <img src="/nodetable9.png" className="w-10 h-10" />
+                    <img src="/dwifi8.png" className="w-10 h-10" />
                     <div>Last Pinged</div>
                   </div>
                 </th>
@@ -302,7 +302,7 @@ const NodeDwifiStream = () => {
                       </td>
                       <td style={{ border: "solid 1px #FFFFFF66" }}>
                 <div className="flex gap-4 justify-center items-center py-2 px-4">
-                  {item.status[0].interfaceName}
+                  {item.price_per_min}
                   </div>
                   </td>
 
@@ -312,11 +312,11 @@ const NodeDwifiStream = () => {
                   </div>
                   </td>
                   
-                  <td style={{ border: "solid 1px #FFFFFF66" }}>
+                  {/* <td style={{ border: "solid 1px #FFFFFF66" }}>
                 <div className="flex gap-4 justify-center items-center py-2 px-4">
                   {item.connected == "true" ? "Online" : "Offline"}
                   </div>
-                  </td>
+                  </td> */}
 
                   <td style={{ border: "solid 1px #FFFFFF66" }}>
                 <div className="flex gap-4 justify-center items-center py-2 px-4">
diff --git a/package.json b/package.json
index be5feef..4460e56 100644
--- a/package.json
+++ b/package.json
@@ -57,21 +57,25 @@
     "file-saver": "^2.0.5",
     "framer-motion": "^8.0.2",
     "js-cookie": "^3.0.5",
+    "leaflet": "^1.9.4",
     "mapbox-gl": "^3.5.2",
     "next": "13.1.1",
     "nft.storage": "^7.1.1",
     "petra-plugin-wallet-adapter": "^0.3.0",
     "qrcode.react": "^3.1.0",
     "react": "18.2.0",
+    "react-device-detect": "^2.2.3",
     "react-dom": "18.2.0",
     "react-google-recaptcha": "^2.1.0",
     "react-icons": "^4.7.1",
     "react-intersection-observer": "^9.13.0",
+    "react-leaflet": "^4.2.1",
     "react-mapbox-gl": "^5.1.1",
     "react-responsive-carousel": "^3.2.23",
     "react-toastify": "^9.1.1",
     "react-world-countries-map": "^1.1.0",
     "stripe": "^14.14.0",
+    "styled-components": "^6.1.12",
     "thirdweb": "^5.15.0",
     "viem": "^2.9.31",
     "wagmi": "^2.8.1"
diff --git a/pages/dvpnnft.tsx b/pages/dvpnnft.tsx
new file mode 100644
index 0000000..8f97945
--- /dev/null
+++ b/pages/dvpnnft.tsx
@@ -0,0 +1,165 @@
+import React, { useState } from 'react';
+import Footer from "../components/Footer";
+import { BrowserView, MobileView } from 'react-device-detect';
+import axios from 'axios';
+
+const REACT_APP_GATEWAY_URL = process.env.NEXT_PUBLIC_GATEWAY_URL;
+
+const BaliDVPNNFTPage = () => {
+  const [walletAddress, setWalletAddress] = useState('');
+  const [response, setResponse] = useState(null);
+  const [error, setError] = useState(null);
+  const [showPopup, setShowPopup] = useState(false);
+
+  const handleWalletAddressChange = (event) => {
+    setWalletAddress(event.target.value);
+  };
+
+  const handleGoClick = async () => {
+    try {
+      const result = await axios.post(`${REACT_APP_GATEWAY_URL}api/v1.0/dvpnnft`, {
+        wallet_address: walletAddress
+      });
+      setResponse(result.data);
+      setError(null);
+      
+      // Check if the response contains a transaction hash
+      if (result.data && result.data.transaction_hash) {
+        setShowPopup(true);
+      }
+    } catch (err) {
+      setError('An error occurred while processing your request.');
+      setResponse(null);
+    }
+  };
+
+  const renderResponse = () => {
+    if (error) {
+      return <p className="text-red-500 mt-4">{error}</p>;
+    }
+    if (response) {
+      return (
+        <div className="mt-4">
+          <h3 className="text-xl font-bold">Response:</h3>
+          <pre className="bg-gray-100 p-2 rounded mt-2">
+            {JSON.stringify(response, null, 2)}
+          </pre>
+        </div>
+      );
+    }
+    return null;
+  };
+
+  const renderPopup = () => {
+    if (!showPopup) return null;
+  
+    return (
+      <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
+        <div className="bg-white p-8 rounded-lg shadow-lg max-w-md w-full mx-4">
+          <div className="text-center">
+            <div className="mb-4">
+              <svg className="mx-auto h-12 w-12 text-green-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7" />
+              </svg>
+            </div>
+            <h2 className="text-2xl font-bold mb-4 text-gray-800">Success!</h2>
+            <p className="text-gray-600 mb-6">Your transaction was successful.</p>
+            <div className="bg-gray-100 p-3 rounded-lg mb-6">
+              <p className="text-sm font-medium text-gray-500">Transaction Hash:</p>
+              <p className="text-xs text-gray-700 break-all">{response.transaction_hash}</p>
+            </div>
+            <button 
+              onClick={() => setShowPopup(false)}
+              className="w-full bg-blue-500 hover:bg-blue-600 text-white font-bold py-3 px-4 rounded-lg transition duration-300"
+            >
+              Close
+            </button>
+          </div>
+        </div>
+      </div>
+    );
+  };
+  return (
+    <>
+      <MobileView>
+        <div className="flex flex-col justify-center items-center h-screen mt-10 bg-black p-4">
+      <div className="text-center text-white mb-10">
+        <h2 className="text-2xl ">Mint Your FREE Bali ÐVPN NFT</h2>
+        <p className='text-2xl'>Secure, Private, Exclusive</p>
+      </div>
+
+      <input
+        type="text"
+        placeholder="enter wallet address"
+        value={walletAddress}
+        onChange={handleWalletAddressChange}
+        className="border border-gray-300 px-4 py-2 rounded-md w-3/4 max-w-md mb-10 text-xl text-center"
+      />
+      
+      <button
+        onClick={handleGoClick}
+        className="bg-blue-800 hover:bg-blue-900 text-white font-bold py-3 px-6 rounded-full text-xl mb-6 "
+      >
+        GO
+      </button>
+
+      <div className="w-full max-w-xs my-10">
+        <img src="/bali-dvpn-nft.jpeg" alt="Erebrus DVPN" className="rounded-lg" />
+      </div>
+      {renderPopup()}
+      </div>
+    </MobileView>
+    <BrowserView>
+    <div className='mx-20 mt-10'>
+          <h1 className="text-5xl text-white mb-3 text-left">
+            Mint Your FREE Bali DVPN NFT
+          </h1>
+        </div>
+        <div className="min-h-screen flex items-center justify-center mx-20">
+          <div className="flex w-full h-full">
+            <div className="flex-1">
+              <img 
+                src="/bali-dvpn-nft.jpeg" 
+                alt="Erebrus DVPN"
+                className="w-full h-full object-cover"
+              />
+            </div>
+
+            <div className="flex-1 bg-[#4D9FCB] flex flex-col items-center pt-20 p-6">
+              <h2 className="text-6xl text-white mb-20 text-center">
+                Secure, Private, Exclusive
+              </h2>
+              <form onSubmit={(e) => { e.preventDefault(); handleGoClick(); }}>
+                <p className="text-black text-3xl mb-16">
+                  Enter your wallet address and click GO
+                </p>
+                <div className='text-center mb-10'>
+                  <input
+                    type="text"
+                    value={walletAddress}
+                    onChange={handleWalletAddressChange}
+                    placeholder="wallet address"
+                    className="w-2/3 p-2 rounded text-2xl text-center mb-4"
+                  />
+                </div>
+                <div className='text-center'>
+                  <button
+                    type="submit"
+                    className="bg-[#1C126C] text-3xl text-white px-6 py-3 rounded-[40px] font-semibold hover:bg-indigo-600 transition duration-300"
+                  >
+                    GO
+                  </button>
+                </div>
+              </form>
+              {renderPopup()}
+            </div>
+          </div>
+        </div>
+
+   </BrowserView>
+   <Footer/>
+   </>
+  );
+};
+
+export default BaliDVPNNFTPage;
diff --git a/pages/dwifi.tsx b/pages/dwifi.tsx
index 091d28f..25c4a70 100644
--- a/pages/dwifi.tsx
+++ b/pages/dwifi.tsx
@@ -2,6 +2,10 @@ import React, { useEffect, useState} from "react";
 import Link from "next/link";
 import  NodeDwifiStream from "../components/nodedataDwifi";
 import { motion } from "framer-motion";
+import dynamic from 'next/dynamic';
+
+const DwifiMap = dynamic(() => import('../components/DwifiMap'), { ssr: false });
+
 
 const Dwifi = () => {
 
@@ -45,8 +49,18 @@ const Dwifi = () => {
         </motion.div>
       </div>
     </div>
+    <div className="map-page" style={{ height: '100vh', width: '100vw' }}>
+      
+      <div className="map-controls" style={{ position: 'absolute', top: 10, left: 10, zIndex: 1000 }}>
+      </div>
+      <div className="map-container" style={{ height: '100%', width: '100%' }}>
+          <DwifiMap />
+      </div>
+    </div>
+
       <NodeDwifiStream />
-            <img src="/mapRegions.png"/>
+
+            {/* <img src="/mapRegions.png"/> */}
         </div>
     )
 }
diff --git a/pages/explorer.js b/pages/explorer.js
index fbd5bc3..794930c 100644
--- a/pages/explorer.js
+++ b/pages/explorer.js
@@ -1,15 +1,32 @@
 import React, { useEffect, useState} from "react";
 import Link from "next/link";
 import NodesData from "../components/NodesData";
+import dynamic from 'next/dynamic';
+// import Dvpn Map from "../components/DvpnMap"
 import { motion } from "framer-motion";
 
+const DvpnMap = dynamic(() => import('../components/DvpnMap'), { ssr: false });
+
+
 const Explorer = () => {
 
+  const [nodes, setNodes] = useState([]);
+  const [activeMap, setActiveMap] = useState('pin');
+
+  useEffect(() => {
+    async function fetchNodes() {
+      const response = await fetch('https://gateway.erebrus.io/api/v1.0/nodes/all');
+      const data = await response.json();
+      setNodes(data.payload);
+    }
+    fetchNodes();
+  }, []);
+
     return (
-      <div className="bg-black">
+      <div className="bg-[#040819]">
         <div className="mx-auto py-20"
           style={{
-            backgroundImage: 'radial-gradient(circle at left, rgba(86, 150, 255, 0.6) 4%, #0162FF80 10%, black 30%), url("/explorer1.png")',  
+            backgroundImage: 'radial-gradient(circle at left, rgba(86, 150, 255, 0.6) 4%, #0162FF80 10%, black 30%), url("/explorer4.png") ',  
               backgroundSize: 'cover',
               backgroundBlendMode: 'overlay',
             }}
@@ -45,9 +62,18 @@ const Explorer = () => {
           </motion.div>
         </div>
       </div>
-            <NodesData />
-            <img src="/mapRegions.png"/>
+            {/* <img src="/mapRegions.png"/> */}
+        <div className="map-page" style={{ height: '100vh', width: '100vw' }}>
+  
+          <div className="map-controls" style={{ position: 'absolute', top: 10, left: 10, zIndex: 1000 }}>
+            </div>
+          <div className="map-container" style={{ height: '100%', width: '100%' }}>
+              <DvpnMap nodes={nodes} />
+          </div>
         </div>
+
+        <NodesData />
+      </div>
     )
 }
 
diff --git a/pages/subscription.tsx b/pages/subscription.tsx
index 0d4dc32..28ab82e 100644
--- a/pages/subscription.tsx
+++ b/pages/subscription.tsx
@@ -712,11 +712,10 @@ const Subscription = () => {
   if (!loggedin) {
     return (
       <>
-        <div className="min-h-screen">
-          <img src="/Brazuca_Sitting.png" className="mx-auto p-10" />
-          <div className="flex justify-center text-white bg-black font-bold text-3xl text-center">
-            Subscribe and Unlock Full Access, <br></br>
-            Log In to Get Started
+      <div className="min-h-screen bg-[url('/subscriptionbg.png')] bg-cover flex flex-col justify-center items-center">
+      <div className="text-white bg-transparent  font-medium text-4xl text-center">
+            Subscribe and Unlock Full Access <br></br>
+            Log in to Get Started
           </div>
           {/* <button
                   className="bg-blue-500 text-white font-bold py-4 px-10 rounded-lg mx-auto flex justify-center mt-10"
@@ -724,11 +723,17 @@ const Subscription = () => {
                 >
                   Login now
                 </button> */}
-          <div className="text-white font-bold py-4 px-10 rounded-lg mx-auto flex justify-center mt-10">
+          <div className="text-white font-bold pb-24 px-10 rounded-lg mx-auto flex justify-center ">
             {!connected && (
               <button className="">
                 {/* <WalletSelectorAntDesign /> */}
-                <h1 className="text-[#9999] text-2xl">PLEASE LOGIN FIRST</h1>
+                {/* <h1 className="text-[#9999] text-2xl">PLEASE LOGIN FIRST</h1> */}
+                  <button
+                  className="bg-white text-black font-bold py-3 px-10 rounded-3xl mx-auto flex justify-center mt-10"
+                  onClick={connectWallet}
+                >
+                  Login now
+                </button>
               </button>
             )}
             {connected && (
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index fe4b61e..bc1bfa4 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -88,7 +88,7 @@ importers:
         version: 0.1.104
       '@thirdweb-dev/react':
         specifier: ^3.16.5
-        version: 3.16.5(@ethersproject/abstract-provider@5.7.0)(@ethersproject/abstract-signer@5.7.0)(@ethersproject/bignumber@5.7.0)(@ethersproject/properties@5.7.0)(@react-native-async-storage/async-storage@1.23.1(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10)))(@solana/wallet-adapter-base@0.9.23(@solana/web3.js@1.91.8(bufferutil@4.0.8)(encoding@0.1.13)(utf-8-validate@5.0.10)))(@solana/wallet-adapter-phantom@0.9.24(@solana/web3.js@1.91.8(bufferutil@4.0.8)(encoding@0.1.13)(utf-8-validate@5.0.10)))(@solana/wallet-adapter-react@0.15.35(@solana/web3.js@1.91.8(bufferutil@4.0.8)(encoding@0.1.13)(utf-8-validate@5.0.10))(bs58@5.0.0)(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10))(react@18.2.0))(@solana/wallet-adapter-wallets@0.19.32(@babel/core@7.24.5)(@babel/runtime@7.24.5)(@react-native-async-storage/async-storage@1.23.1(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10)))(@solana/web3.js@1.91.8(bufferutil@4.0.8)(encoding@0.1.13)(utf-8-validate@5.0.10))(bs58@5.0.0)(bufferutil@4.0.8)(encoding@0.1.13)(expo@51.0.5(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(bufferutil@4.0.8)(encoding@0.1.13)(utf-8-validate@5.0.10))(react-dom@18.2.0(react@18.2.0))(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10))(react@18.2.0)(tslib@2.6.2)(utf-8-validate@5.0.10))(@solana/web3.js@1.91.8(bufferutil@4.0.8)(encoding@0.1.13)(utf-8-validate@5.0.10))(@thirdweb-dev/sdk@3.10.67(@solana/web3.js@1.91.8(bufferutil@4.0.8)(encoding@0.1.13)(utf-8-validate@5.0.10))(bufferutil@4.0.8)(encoding@0.1.13)(ethers@5.7.2(bufferutil@4.0.8)(utf-8-validate@5.0.10))(typescript@5.3.3)(utf-8-validate@5.0.10)(zksync-web3@0.14.4(ethers@5.7.2(bufferutil@4.0.8)(utf-8-validate@5.0.10))))(@types/react@18.2.47)(aptos@1.21.0)(bs58@5.0.0)(bufferutil@4.0.8)(encoding@0.1.13)(ethers-gcp-kms-signer@1.1.6(bufferutil@4.0.8)(encoding@0.1.13)(utf-8-validate@5.0.10))(ethers@5.7.2(bufferutil@4.0.8)(utf-8-validate@5.0.10))(express@4.18.2)(localforage@1.10.0)(next@13.1.1(@babel/core@7.24.5)(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(react-dom@18.2.0(react@18.2.0))(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10))(react@18.2.0)(tweetnacl@1.0.3)(typescript@5.3.3)(utf-8-validate@5.0.10)(zksync-web3@0.14.4(ethers@5.7.2(bufferutil@4.0.8)(utf-8-validate@5.0.10)))
+        version: 3.16.5(wshewvstecy4okj7ucio3aigny)
       '@thirdweb-dev/sdk':
         specifier: ^3.6.9
         version: 3.10.67(@solana/web3.js@1.91.8(bufferutil@4.0.8)(encoding@0.1.13)(utf-8-validate@5.0.10))(bufferutil@4.0.8)(encoding@0.1.13)(ethers@5.7.2(bufferutil@4.0.8)(utf-8-validate@5.0.10))(typescript@5.3.3)(utf-8-validate@5.0.10)(zksync-web3@0.14.4(ethers@5.7.2(bufferutil@4.0.8)(utf-8-validate@5.0.10)))
@@ -109,7 +109,7 @@ importers:
         version: 6.0.7
       '@web3modal/wagmi':
         specifier: ^4.1.11
-        version: 4.1.11(@types/react@18.2.47)(@wagmi/connectors@4.3.3(@react-native-async-storage/async-storage@1.23.1(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10)))(@types/react@18.2.47)(@wagmi/core@2.10.5(@tanstack/query-core@5.34.1)(@types/react@18.2.47)(bufferutil@4.0.8)(react@18.2.0)(typescript@5.3.3)(utf-8-validate@5.0.10)(viem@2.9.31(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4))(zod@3.22.4))(bufferutil@4.0.8)(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react-i18next@13.5.0(i18next@22.5.1)(react-dom@18.2.0(react@18.2.0))(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10))(react@18.2.0))(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10))(react@18.2.0)(typescript@5.3.3)(utf-8-validate@5.0.10)(viem@2.9.31(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4))(zod@3.22.4))(@wagmi/core@2.10.5(@tanstack/query-core@5.34.1)(@types/react@18.2.47)(bufferutil@4.0.8)(react@18.2.0)(typescript@5.3.3)(utf-8-validate@5.0.10)(viem@2.9.31(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4))(zod@3.22.4))(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(viem@2.9.31(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4))
+        version: 4.1.11(@types/react@18.2.47)(@wagmi/connectors@4.3.3(ecs2o2dmcvki4aqktax3a3azcm))(@wagmi/core@2.10.5(@tanstack/query-core@5.34.1)(@types/react@18.2.47)(bufferutil@4.0.8)(react@18.2.0)(typescript@5.3.3)(utf-8-validate@5.0.10)(viem@2.9.31(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4))(zod@3.22.4))(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(viem@2.9.31(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4))
       '@welldone-studio/aptos-wallet-adapter':
         specifier: ^0.1.5
         version: 0.1.5
@@ -152,6 +152,9 @@ importers:
       js-cookie:
         specifier: ^3.0.5
         version: 3.0.5
+      leaflet:
+        specifier: ^1.9.4
+        version: 1.9.4
       mapbox-gl:
         specifier: ^3.5.2
         version: 3.5.2
@@ -170,6 +173,9 @@ importers:
       react:
         specifier: 18.2.0
         version: 18.2.0
+      react-device-detect:
+        specifier: ^2.2.3
+        version: 2.2.3(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
       react-dom:
         specifier: 18.2.0
         version: 18.2.0(react@18.2.0)
@@ -182,6 +188,9 @@ importers:
       react-intersection-observer:
         specifier: ^9.13.0
         version: 9.13.0(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
+      react-leaflet:
+        specifier: ^4.2.1
+        version: 4.2.1(leaflet@1.9.4)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
       react-mapbox-gl:
         specifier: ^5.1.1
         version: 5.1.1(mapbox-gl@3.5.2)(prop-types@15.8.1)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
@@ -197,6 +206,9 @@ importers:
       stripe:
         specifier: ^14.14.0
         version: 14.14.0
+      styled-components:
+        specifier: ^6.1.12
+        version: 6.1.12(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
       thirdweb:
         specifier: ^5.15.0
         version: 5.15.0(@react-native-async-storage/async-storage@1.23.1(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10)))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(ethers@5.7.2(bufferutil@4.0.8)(utf-8-validate@5.0.10))(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4)
@@ -1167,6 +1179,9 @@ packages:
   '@emotion/is-prop-valid@1.2.1':
     resolution: {integrity: sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==}
 
+  '@emotion/is-prop-valid@1.2.2':
+    resolution: {integrity: sha512-uNsoYd37AFmaCdXlg6EYD1KaPOaRWRByMCYzbKUX4+hhMfrxdVSelShywL4JVaAeM/eHUOSprYBQls+/neX3pw==}
+
   '@emotion/memoize@0.7.4':
     resolution: {integrity: sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==}
 
@@ -2738,6 +2753,13 @@ packages:
     peerDependencies:
       react: '*'
 
+  '@react-leaflet/core@2.1.0':
+    resolution: {integrity: sha512-Qk7Pfu8BSarKGqILj4x7bCSZ1pjuAPZ+qmRwH5S7mDS91VSbVVsJSrW4qA+GPrro8t69gFYVMWb1Zc4yFmPiVg==}
+    peerDependencies:
+      leaflet: ^1.9.0
+      react: ^18.0.0
+      react-dom: ^18.0.0
+
   '@react-native-async-storage/async-storage@1.23.1':
     resolution: {integrity: sha512-Qd2kQ3yi6Y3+AcUlrHxSLlnBvpdCEMVGFlVBneVOjaFaPU61g1huc38g339ysXspwY1QZA2aNhrk/KlHGO+ewA==}
     peerDependencies:
@@ -3908,6 +3930,9 @@ packages:
   '@types/stack-utils@2.0.3':
     resolution: {integrity: sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw==}
 
+  '@types/stylis@4.2.5':
+    resolution: {integrity: sha512-1Xve+NMN7FWjY14vLoY5tL3BVEQ/n42YLwaqJIPYhotZ9uBHt87VceMwWQpzmdEt2TNXIorIFG+YeCUUW7RInw==}
+
   '@types/supercluster@5.0.3':
     resolution: {integrity: sha512-XMSqQEr7YDuNtFwSgaHHOjsbi0ZGL62V9Js4CW45RBuRYlNWSW/KDqN+RFFE7HdHcGhJPtN0klKvw06r9Kg7rg==}
 
@@ -5027,6 +5052,9 @@ packages:
     resolution: {integrity: sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==}
     engines: {node: '>=10'}
 
+  camelize@1.0.1:
+    resolution: {integrity: sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==}
+
   caniuse-lite@1.0.30001579:
     resolution: {integrity: sha512-u5AUVkixruKHJjw/pj9wISlcMpgFWzSrczLZbrqBSxukQixmg0SJ5sZTpvaFvxU0HoQKd4yoyAogyrAz9pzJnA==}
 
@@ -5353,9 +5381,16 @@ packages:
     resolution: {integrity: sha512-VxBKmeNcqQdiUQUW2Tzq0t377b54N2bMtXO/qiLa+6eRRmmC4qT3D4OnTGoT/U6O9aklQ/jTwbOtRMTTY8G0Ig==}
     deprecated: This package is no longer supported. It's now a built-in Node module. If you've depended on crypto, you should switch to the one that's built-in.
 
+  css-color-keywords@1.0.0:
+    resolution: {integrity: sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==}
+    engines: {node: '>=4'}
+
   css-select@4.3.0:
     resolution: {integrity: sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==}
 
+  css-to-react-native@3.2.0:
+    resolution: {integrity: sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==}
+
   css-tree@1.1.3:
     resolution: {integrity: sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==}
     engines: {node: '>=8.0.0'}
@@ -7402,6 +7437,9 @@ packages:
     resolution: {integrity: sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==}
     engines: {node: '>=0.10'}
 
+  leaflet@1.9.4:
+    resolution: {integrity: sha512-nxS1ynzJOmOlHp+iL3FyWqK89GtNL8U8rvlMOsQdTTssxZwCXh8N2NB3GDQOL+YR3XnWyZAxwQixURb+FA74PA==}
+
   leven@3.1.0:
     resolution: {integrity: sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==}
     engines: {node: '>=6'}
@@ -8565,6 +8603,10 @@ packages:
     resolution: {integrity: sha512-Kkpbhhdjw2qQs2O2DGX+8m5OVqEcbB9HRBvuYM9pgrjEFUg30A9LmXNlTAUj4S9kgtGyrMbTzVjH7E+s5Re2yg==}
     engines: {node: ^10 || ^12 || >=14}
 
+  postcss@8.4.38:
+    resolution: {integrity: sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==}
+    engines: {node: ^10 || ^12 || >=14}
+
   potpack@2.0.0:
     resolution: {integrity: sha512-Q+/tYsFU9r7xoOJ+y/ZTtdVQwTWfzjbiXBDMM/JKUux3+QPP02iUuIoeBQ+Ot6oEDlC+/PGjB/5A3K7KKb7hcw==}
 
@@ -9041,6 +9083,12 @@ packages:
     peerDependencies:
       react: '>=16.4.1'
 
+  react-device-detect@2.2.3:
+    resolution: {integrity: sha512-buYY3qrCnQVlIFHrC5UcUoAj7iANs/+srdkwsnNjI7anr3Tt7UY6MqNxtMLlr0tMBied0O49UZVK8XKs3ZIiPw==}
+    peerDependencies:
+      react: '>= 0.14.0'
+      react-dom: '>= 0.14.0'
+
   react-devtools-core@5.1.0:
     resolution: {integrity: sha512-NRtLBqYVLrIY+lOa2oTpFiAhI7Hru0AUXI0tP9neCyaPPAzlZyeH0i+VZ0shIyRTJbpvyqbD/uCsewA2hpfZHw==}
 
@@ -9099,6 +9147,13 @@ packages:
   react-is@18.2.0:
     resolution: {integrity: sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==}
 
+  react-leaflet@4.2.1:
+    resolution: {integrity: sha512-p9chkvhcKrWn/H/1FFeVSqLdReGwn2qmiobOQGO3BifX+/vV/39qhY8dGqbdcPh1e6jxh/QHriLXr7a4eLFK4Q==}
+    peerDependencies:
+      leaflet: ^1.9.0
+      react: ^18.0.0
+      react-dom: ^18.0.0
+
   react-lifecycles-compat@3.0.4:
     resolution: {integrity: sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==}
 
@@ -9633,6 +9688,9 @@ packages:
     resolution: {integrity: sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==}
     engines: {node: '>=8'}
 
+  shallowequal@1.1.0:
+    resolution: {integrity: sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==}
+
   shebang-command@1.2.0:
     resolution: {integrity: sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==}
     engines: {node: '>=0.10.0'}
@@ -9933,6 +9991,13 @@ packages:
   structured-headers@0.4.1:
     resolution: {integrity: sha512-0MP/Cxx5SzeeZ10p/bZI0S6MpgD+yxAhi1BOQ34jgnMXsCq3j1t6tQnZu+KdlL7dvJTLT3g9xN8tl10TqgFMcg==}
 
+  styled-components@6.1.12:
+    resolution: {integrity: sha512-n/O4PzRPhbYI0k1vKKayfti3C/IGcPf+DqcrOB7O/ab9x4u/zjqraneT5N45+sIe87cxrCApXM8Bna7NYxwoTA==}
+    engines: {node: '>= 16'}
+    peerDependencies:
+      react: '>= 16.8.0'
+      react-dom: '>= 16.8.0'
+
   styled-jsx@5.1.1:
     resolution: {integrity: sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==}
     engines: {node: '>= 12.0.0'}
@@ -9949,6 +10014,9 @@ packages:
   stylis@4.2.0:
     resolution: {integrity: sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==}
 
+  stylis@4.3.2:
+    resolution: {integrity: sha512-bhtUjWd/z6ltJiQwg0dUfxEJ+W+jdqQd8TbWLWyeIJHlnsqmGLRFFd8e5mA0AZi/zx90smXRlN66YMTcaSFifg==}
+
   sucrase@3.34.0:
     resolution: {integrity: sha512-70/LQEZ07TEcxiU2dz51FKaE6hCTWC6vr7FOk3Gr0U60C3shtAN+H+BFr9XlYe5xqf3RA8nrc+VIwzCfnxuXJw==}
     engines: {node: '>=8'}
@@ -12332,6 +12400,10 @@ snapshots:
     dependencies:
       '@emotion/memoize': 0.8.1
 
+  '@emotion/is-prop-valid@1.2.2':
+    dependencies:
+      '@emotion/memoize': 0.8.1
+
   '@emotion/memoize@0.7.4':
     optional: true
 
@@ -13276,7 +13348,7 @@ snapshots:
       glob: 7.2.3
       jsc-safe-url: 0.2.4
       lightningcss: 1.19.0
-      postcss: 8.4.33
+      postcss: 8.4.38
       resolve-from: 5.0.0
     transitivePeerDependencies:
       - supports-color
@@ -14926,6 +14998,12 @@ snapshots:
     dependencies:
       react: 18.2.0
 
+  '@react-leaflet/core@2.1.0(leaflet@1.9.4)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+    dependencies:
+      leaflet: 1.9.4
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+
   '@react-native-async-storage/async-storage@1.23.1(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10))':
     dependencies:
       merge-options: 3.0.4
@@ -16246,8 +16324,8 @@ snapshots:
 
   '@thirdweb-dev/generated-abis@0.0.1': {}
 
-  ? '@thirdweb-dev/react-core@3.16.5(@ethersproject/abstract-provider@5.7.0)(@ethersproject/abstract-signer@5.7.0)(@ethersproject/bignumber@5.7.0)(@ethersproject/properties@5.7.0)(@react-native-async-storage/async-storage@1.23.1(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10)))(@solana/wallet-adapter-react@0.15.35(@solana/web3.js@1.91.8(bufferutil@4.0.8)(encoding@0.1.13)(utf-8-validate@5.0.10))(bs58@5.0.0)(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10))(react@18.2.0))(@solana/web3.js@1.91.8(bufferutil@4.0.8)(encoding@0.1.13)(utf-8-validate@5.0.10))(@types/react@18.2.47)(aptos@1.21.0)(bs58@5.0.0)(bufferutil@4.0.8)(encoding@0.1.13)(ethers-gcp-kms-signer@1.1.6(bufferutil@4.0.8)(encoding@0.1.13)(utf-8-validate@5.0.10))(ethers@5.7.2(bufferutil@4.0.8)(utf-8-validate@5.0.10))(express@4.18.2)(localforage@1.10.0)(next@13.1.1(@babel/core@7.24.5)(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(react-dom@18.2.0(react@18.2.0))(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10))(react@18.2.0)(tweetnacl@1.0.3)(typescript@5.3.3)(utf-8-validate@5.0.10)(zksync-web3@0.14.4(ethers@5.7.2(bufferutil@4.0.8)(utf-8-validate@5.0.10)))'
-  : dependencies:
+  '@thirdweb-dev/react-core@3.16.5(zjivlpf3hqglbvxuynn3uqih6a)':
+    dependencies:
       '@tanstack/react-query': 4.36.1(react-dom@18.2.0(react@18.2.0))(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10))(react@18.2.0)
       '@thirdweb-dev/auth': 3.2.48(@ethersproject/abstract-provider@5.7.0)(@ethersproject/abstract-signer@5.7.0)(@ethersproject/bignumber@5.7.0)(@ethersproject/properties@5.7.0)(@react-native-async-storage/async-storage@1.23.1(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10)))(@solana/web3.js@1.91.8(bufferutil@4.0.8)(encoding@0.1.13)(utf-8-validate@5.0.10))(@types/react@18.2.47)(aptos@1.21.0)(bs58@5.0.0)(bufferutil@4.0.8)(encoding@0.1.13)(ethers-gcp-kms-signer@1.1.6(bufferutil@4.0.8)(encoding@0.1.13)(utf-8-validate@5.0.10))(ethers@5.7.2(bufferutil@4.0.8)(utf-8-validate@5.0.10))(express@4.18.2)(localforage@1.10.0)(next@13.1.1(@babel/core@7.24.5)(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(react@18.2.0)(tweetnacl@1.0.3)(typescript@5.3.3)(utf-8-validate@5.0.10)(zksync-web3@0.14.4(ethers@5.7.2(bufferutil@4.0.8)(utf-8-validate@5.0.10)))
       '@thirdweb-dev/chains': 0.1.54
@@ -16306,8 +16384,8 @@ snapshots:
       - utf-8-validate
       - zksync-web3
 
-  ? '@thirdweb-dev/react@3.16.5(@ethersproject/abstract-provider@5.7.0)(@ethersproject/abstract-signer@5.7.0)(@ethersproject/bignumber@5.7.0)(@ethersproject/properties@5.7.0)(@react-native-async-storage/async-storage@1.23.1(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10)))(@solana/wallet-adapter-base@0.9.23(@solana/web3.js@1.91.8(bufferutil@4.0.8)(encoding@0.1.13)(utf-8-validate@5.0.10)))(@solana/wallet-adapter-phantom@0.9.24(@solana/web3.js@1.91.8(bufferutil@4.0.8)(encoding@0.1.13)(utf-8-validate@5.0.10)))(@solana/wallet-adapter-react@0.15.35(@solana/web3.js@1.91.8(bufferutil@4.0.8)(encoding@0.1.13)(utf-8-validate@5.0.10))(bs58@5.0.0)(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10))(react@18.2.0))(@solana/wallet-adapter-wallets@0.19.32(@babel/core@7.24.5)(@babel/runtime@7.24.5)(@react-native-async-storage/async-storage@1.23.1(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10)))(@solana/web3.js@1.91.8(bufferutil@4.0.8)(encoding@0.1.13)(utf-8-validate@5.0.10))(bs58@5.0.0)(bufferutil@4.0.8)(encoding@0.1.13)(expo@51.0.5(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(bufferutil@4.0.8)(encoding@0.1.13)(utf-8-validate@5.0.10))(react-dom@18.2.0(react@18.2.0))(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10))(react@18.2.0)(tslib@2.6.2)(utf-8-validate@5.0.10))(@solana/web3.js@1.91.8(bufferutil@4.0.8)(encoding@0.1.13)(utf-8-validate@5.0.10))(@thirdweb-dev/sdk@3.10.67(@solana/web3.js@1.91.8(bufferutil@4.0.8)(encoding@0.1.13)(utf-8-validate@5.0.10))(bufferutil@4.0.8)(encoding@0.1.13)(ethers@5.7.2(bufferutil@4.0.8)(utf-8-validate@5.0.10))(typescript@5.3.3)(utf-8-validate@5.0.10)(zksync-web3@0.14.4(ethers@5.7.2(bufferutil@4.0.8)(utf-8-validate@5.0.10))))(@types/react@18.2.47)(aptos@1.21.0)(bs58@5.0.0)(bufferutil@4.0.8)(encoding@0.1.13)(ethers-gcp-kms-signer@1.1.6(bufferutil@4.0.8)(encoding@0.1.13)(utf-8-validate@5.0.10))(ethers@5.7.2(bufferutil@4.0.8)(utf-8-validate@5.0.10))(express@4.18.2)(localforage@1.10.0)(next@13.1.1(@babel/core@7.24.5)(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(react-dom@18.2.0(react@18.2.0))(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10))(react@18.2.0)(tweetnacl@1.0.3)(typescript@5.3.3)(utf-8-validate@5.0.10)(zksync-web3@0.14.4(ethers@5.7.2(bufferutil@4.0.8)(utf-8-validate@5.0.10)))'
-  : dependencies:
+  '@thirdweb-dev/react@3.16.5(wshewvstecy4okj7ucio3aigny)':
+    dependencies:
       '@emotion/react': 11.11.3(@types/react@18.2.47)(react@18.2.0)
       '@emotion/styled': 11.11.0(@emotion/react@11.11.3(@types/react@18.2.47)(react@18.2.0))(@types/react@18.2.47)(react@18.2.0)
       '@google/model-viewer': 2.1.1
@@ -16321,7 +16399,7 @@ snapshots:
       '@react-icons/all-files': 4.1.0(react@18.2.0)
       '@tanstack/react-query': 4.36.1(react-dom@18.2.0(react@18.2.0))(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10))(react@18.2.0)
       '@thirdweb-dev/chains': 0.1.54
-      '@thirdweb-dev/react-core': 3.16.5(@ethersproject/abstract-provider@5.7.0)(@ethersproject/abstract-signer@5.7.0)(@ethersproject/bignumber@5.7.0)(@ethersproject/properties@5.7.0)(@react-native-async-storage/async-storage@1.23.1(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10)))(@solana/wallet-adapter-react@0.15.35(@solana/web3.js@1.91.8(bufferutil@4.0.8)(encoding@0.1.13)(utf-8-validate@5.0.10))(bs58@5.0.0)(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10))(react@18.2.0))(@solana/web3.js@1.91.8(bufferutil@4.0.8)(encoding@0.1.13)(utf-8-validate@5.0.10))(@types/react@18.2.47)(aptos@1.21.0)(bs58@5.0.0)(bufferutil@4.0.8)(encoding@0.1.13)(ethers-gcp-kms-signer@1.1.6(bufferutil@4.0.8)(encoding@0.1.13)(utf-8-validate@5.0.10))(ethers@5.7.2(bufferutil@4.0.8)(utf-8-validate@5.0.10))(express@4.18.2)(localforage@1.10.0)(next@13.1.1(@babel/core@7.24.5)(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(react-dom@18.2.0(react@18.2.0))(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10))(react@18.2.0)(tweetnacl@1.0.3)(typescript@5.3.3)(utf-8-validate@5.0.10)(zksync-web3@0.14.4(ethers@5.7.2(bufferutil@4.0.8)(utf-8-validate@5.0.10)))
+      '@thirdweb-dev/react-core': 3.16.5(zjivlpf3hqglbvxuynn3uqih6a)
       '@thirdweb-dev/sdk': 3.10.67(@solana/web3.js@1.91.8(bufferutil@4.0.8)(encoding@0.1.13)(utf-8-validate@5.0.10))(bufferutil@4.0.8)(encoding@0.1.13)(ethers@5.7.2(bufferutil@4.0.8)(utf-8-validate@5.0.10))(typescript@5.3.3)(utf-8-validate@5.0.10)(zksync-web3@0.14.4(ethers@5.7.2(bufferutil@4.0.8)(utf-8-validate@5.0.10)))
       '@thirdweb-dev/wallets': 1.3.5(@ethersproject/abstract-provider@5.7.0)(@ethersproject/abstract-signer@5.7.0)(@ethersproject/bignumber@5.7.0)(@ethersproject/properties@5.7.0)(@react-native-async-storage/async-storage@1.23.1(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10)))(@solana/web3.js@1.91.8(bufferutil@4.0.8)(encoding@0.1.13)(utf-8-validate@5.0.10))(@types/react@18.2.47)(aptos@1.21.0)(bs58@5.0.0)(bufferutil@4.0.8)(encoding@0.1.13)(ethers-gcp-kms-signer@1.1.6(bufferutil@4.0.8)(encoding@0.1.13)(utf-8-validate@5.0.10))(ethers@5.7.2(bufferutil@4.0.8)(utf-8-validate@5.0.10))(localforage@1.10.0)(react@18.2.0)(tweetnacl@1.0.3)(typescript@5.3.3)(utf-8-validate@5.0.10)(zksync-web3@0.14.4(ethers@5.7.2(bufferutil@4.0.8)(utf-8-validate@5.0.10)))
       buffer: 6.0.3
@@ -16970,6 +17048,8 @@ snapshots:
 
   '@types/stack-utils@2.0.3': {}
 
+  '@types/stylis@4.2.5': {}
+
   '@types/supercluster@5.0.3':
     dependencies:
       '@types/geojson': 7946.0.14
@@ -17167,13 +17247,13 @@ snapshots:
 
   '@vue/shared@3.4.27': {}
 
-  ? '@wagmi/connectors@4.3.3(@react-native-async-storage/async-storage@1.23.1(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10)))(@types/react@18.2.47)(@wagmi/core@2.10.5(@tanstack/query-core@5.34.1)(@types/react@18.2.47)(bufferutil@4.0.8)(react@18.2.0)(typescript@5.3.3)(utf-8-validate@5.0.10)(viem@2.9.31(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4))(zod@3.22.4))(bufferutil@4.0.8)(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react-i18next@13.5.0(i18next@22.5.1)(react-dom@18.2.0(react@18.2.0))(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10))(react@18.2.0))(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10))(react@18.2.0)(typescript@5.3.3)(utf-8-validate@5.0.10)(viem@2.9.31(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4))(zod@3.22.4)'
-  : dependencies:
+  '@wagmi/connectors@4.3.3(6crv2u2wbx4q3uqtcoxzodwml4)':
+    dependencies:
       '@coinbase/wallet-sdk': 3.9.1
       '@metamask/sdk': 0.18.6(@react-native-async-storage/async-storage@1.23.1(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10)))(bufferutil@4.0.8)(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react-i18next@13.5.0(i18next@22.5.1)(react-dom@18.2.0(react@18.2.0))(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10))(react@18.2.0))(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10))(react@18.2.0)(utf-8-validate@5.0.10)
       '@safe-global/safe-apps-provider': 0.18.1(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4)
       '@safe-global/safe-apps-sdk': 8.1.0(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4)
-      '@wagmi/core': 2.10.5(@tanstack/query-core@5.34.1)(@types/react@18.2.47)(bufferutil@4.0.8)(react@18.2.0)(typescript@5.3.3)(utf-8-validate@5.0.10)(viem@2.9.31(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4))(zod@3.22.4)
+      '@wagmi/core': 2.9.1(@tanstack/query-core@5.34.1)(@types/react@18.2.47)(bufferutil@4.0.8)(react@18.2.0)(typescript@5.3.3)(utf-8-validate@5.0.10)(viem@2.9.31(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4))(zod@3.22.4)
       '@walletconnect/ethereum-provider': 2.11.2(@react-native-async-storage/async-storage@1.23.1(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10)))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10)
       '@walletconnect/modal': 2.6.2(@types/react@18.2.47)(react@18.2.0)
       viem: 2.9.31(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4)
@@ -17204,13 +17284,13 @@ snapshots:
       - utf-8-validate
       - zod
 
-  ? '@wagmi/connectors@4.3.3(@react-native-async-storage/async-storage@1.23.1(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10)))(@types/react@18.2.47)(@wagmi/core@2.9.1(@tanstack/query-core@5.34.1)(@types/react@18.2.47)(bufferutil@4.0.8)(react@18.2.0)(typescript@5.3.3)(utf-8-validate@5.0.10)(viem@2.9.31(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4))(zod@3.22.4))(bufferutil@4.0.8)(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react-i18next@13.5.0(i18next@22.5.1)(react-dom@18.2.0(react@18.2.0))(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10))(react@18.2.0))(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10))(react@18.2.0)(typescript@5.3.3)(utf-8-validate@5.0.10)(viem@2.9.31(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4))(zod@3.22.4)'
-  : dependencies:
+  '@wagmi/connectors@4.3.3(ecs2o2dmcvki4aqktax3a3azcm)':
+    dependencies:
       '@coinbase/wallet-sdk': 3.9.1
       '@metamask/sdk': 0.18.6(@react-native-async-storage/async-storage@1.23.1(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10)))(bufferutil@4.0.8)(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react-i18next@13.5.0(i18next@22.5.1)(react-dom@18.2.0(react@18.2.0))(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10))(react@18.2.0))(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10))(react@18.2.0)(utf-8-validate@5.0.10)
       '@safe-global/safe-apps-provider': 0.18.1(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4)
       '@safe-global/safe-apps-sdk': 8.1.0(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4)
-      '@wagmi/core': 2.9.1(@tanstack/query-core@5.34.1)(@types/react@18.2.47)(bufferutil@4.0.8)(react@18.2.0)(typescript@5.3.3)(utf-8-validate@5.0.10)(viem@2.9.31(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4))(zod@3.22.4)
+      '@wagmi/core': 2.10.5(@tanstack/query-core@5.34.1)(@types/react@18.2.47)(bufferutil@4.0.8)(react@18.2.0)(typescript@5.3.3)(utf-8-validate@5.0.10)(viem@2.9.31(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4))(zod@3.22.4)
       '@walletconnect/ethereum-provider': 2.11.2(@react-native-async-storage/async-storage@1.23.1(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10)))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10)
       '@walletconnect/modal': 2.6.2(@types/react@18.2.47)(react@18.2.0)
       viem: 2.9.31(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4)
@@ -18215,9 +18295,9 @@ snapshots:
       lit: 3.1.0
       qrcode: 1.5.3
 
-  ? '@web3modal/wagmi@4.1.11(@types/react@18.2.47)(@wagmi/connectors@4.3.3(@react-native-async-storage/async-storage@1.23.1(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10)))(@types/react@18.2.47)(@wagmi/core@2.10.5(@tanstack/query-core@5.34.1)(@types/react@18.2.47)(bufferutil@4.0.8)(react@18.2.0)(typescript@5.3.3)(utf-8-validate@5.0.10)(viem@2.9.31(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4))(zod@3.22.4))(bufferutil@4.0.8)(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react-i18next@13.5.0(i18next@22.5.1)(react-dom@18.2.0(react@18.2.0))(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10))(react@18.2.0))(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10))(react@18.2.0)(typescript@5.3.3)(utf-8-validate@5.0.10)(viem@2.9.31(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4))(zod@3.22.4))(@wagmi/core@2.10.5(@tanstack/query-core@5.34.1)(@types/react@18.2.47)(bufferutil@4.0.8)(react@18.2.0)(typescript@5.3.3)(utf-8-validate@5.0.10)(viem@2.9.31(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4))(zod@3.22.4))(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(viem@2.9.31(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4))'
-  : dependencies:
-      '@wagmi/connectors': 4.3.3(@react-native-async-storage/async-storage@1.23.1(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10)))(@types/react@18.2.47)(@wagmi/core@2.10.5(@tanstack/query-core@5.34.1)(@types/react@18.2.47)(bufferutil@4.0.8)(react@18.2.0)(typescript@5.3.3)(utf-8-validate@5.0.10)(viem@2.9.31(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4))(zod@3.22.4))(bufferutil@4.0.8)(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react-i18next@13.5.0(i18next@22.5.1)(react-dom@18.2.0(react@18.2.0))(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10))(react@18.2.0))(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10))(react@18.2.0)(typescript@5.3.3)(utf-8-validate@5.0.10)(viem@2.9.31(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4))(zod@3.22.4)
+  '@web3modal/wagmi@4.1.11(@types/react@18.2.47)(@wagmi/connectors@4.3.3(ecs2o2dmcvki4aqktax3a3azcm))(@wagmi/core@2.10.5(@tanstack/query-core@5.34.1)(@types/react@18.2.47)(bufferutil@4.0.8)(react@18.2.0)(typescript@5.3.3)(utf-8-validate@5.0.10)(viem@2.9.31(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4))(zod@3.22.4))(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(viem@2.9.31(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4))':
+    dependencies:
+      '@wagmi/connectors': 4.3.3(ecs2o2dmcvki4aqktax3a3azcm)
       '@wagmi/core': 2.10.5(@tanstack/query-core@5.34.1)(@types/react@18.2.47)(bufferutil@4.0.8)(react@18.2.0)(typescript@5.3.3)(utf-8-validate@5.0.10)(viem@2.9.31(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4))(zod@3.22.4)
       '@web3modal/polyfills': 4.1.11
       '@web3modal/scaffold': 4.1.11(@types/react@18.2.47)(react@18.2.0)
@@ -19093,6 +19173,8 @@ snapshots:
 
   camelcase@6.3.0: {}
 
+  camelize@1.0.1: {}
+
   caniuse-lite@1.0.30001579: {}
 
   caniuse-lite@1.0.30001615: {}
@@ -19477,6 +19559,8 @@ snapshots:
 
   crypto@1.0.1: {}
 
+  css-color-keywords@1.0.0: {}
+
   css-select@4.3.0:
     dependencies:
       boolbase: 1.0.0
@@ -19485,6 +19569,12 @@ snapshots:
       domutils: 2.8.0
       nth-check: 2.1.1
 
+  css-to-react-native@3.2.0:
+    dependencies:
+      camelize: 1.0.1
+      css-color-keywords: 1.0.0
+      postcss-value-parser: 4.2.0
+
   css-tree@1.1.3:
     dependencies:
       mdn-data: 2.0.14
@@ -20062,8 +20152,8 @@ snapshots:
       '@typescript-eslint/parser': 5.62.0(eslint@8.30.0)(typescript@5.3.3)
       eslint: 8.30.0
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@5.62.0(eslint@8.30.0)(typescript@5.3.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.30.0)
-      eslint-plugin-import: 2.29.1(@typescript-eslint/parser@6.19.0(eslint@8.30.0)(typescript@5.3.3))(eslint@8.30.0)
+      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@5.62.0(eslint@8.30.0)(typescript@5.3.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1(@typescript-eslint/parser@6.19.0(eslint@8.30.0)(typescript@5.3.3))(eslint@8.30.0))(eslint@8.30.0)
+      eslint-plugin-import: 2.29.1(@typescript-eslint/parser@5.62.0(eslint@8.30.0)(typescript@5.3.3))(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@5.62.0(eslint@8.30.0)(typescript@5.3.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1(@typescript-eslint/parser@6.19.0(eslint@8.30.0)(typescript@5.3.3))(eslint@8.30.0))(eslint@8.30.0))(eslint@8.30.0)
       eslint-plugin-jsx-a11y: 6.8.0(eslint@8.30.0)
       eslint-plugin-react: 7.33.2(eslint@8.30.0)
       eslint-plugin-react-hooks: 4.6.0(eslint@8.30.0)
@@ -20081,13 +20171,13 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@5.62.0(eslint@8.30.0)(typescript@5.3.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.30.0):
+  eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@5.62.0(eslint@8.30.0)(typescript@5.3.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1(@typescript-eslint/parser@6.19.0(eslint@8.30.0)(typescript@5.3.3))(eslint@8.30.0))(eslint@8.30.0):
     dependencies:
       debug: 4.3.4
       enhanced-resolve: 5.15.0
       eslint: 8.30.0
-      eslint-module-utils: 2.8.0(@typescript-eslint/parser@5.62.0(eslint@8.30.0)(typescript@5.3.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@5.62.0(eslint@8.30.0)(typescript@5.3.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.30.0))(eslint@8.30.0)
-      eslint-plugin-import: 2.29.1(@typescript-eslint/parser@6.19.0(eslint@8.30.0)(typescript@5.3.3))(eslint@8.30.0)
+      eslint-module-utils: 2.8.0(@typescript-eslint/parser@5.62.0(eslint@8.30.0)(typescript@5.3.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@5.62.0(eslint@8.30.0)(typescript@5.3.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1(@typescript-eslint/parser@6.19.0(eslint@8.30.0)(typescript@5.3.3))(eslint@8.30.0))(eslint@8.30.0))(eslint@8.30.0)
+      eslint-plugin-import: 2.29.1(@typescript-eslint/parser@5.62.0(eslint@8.30.0)(typescript@5.3.3))(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@5.62.0(eslint@8.30.0)(typescript@5.3.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1(@typescript-eslint/parser@6.19.0(eslint@8.30.0)(typescript@5.3.3))(eslint@8.30.0))(eslint@8.30.0))(eslint@8.30.0)
       fast-glob: 3.3.2
       get-tsconfig: 4.7.2
       is-core-module: 2.13.1
@@ -20098,28 +20188,18 @@ snapshots:
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-module-utils@2.8.0(@typescript-eslint/parser@5.62.0(eslint@8.30.0)(typescript@5.3.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@5.62.0(eslint@8.30.0)(typescript@5.3.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.30.0))(eslint@8.30.0):
+  eslint-module-utils@2.8.0(@typescript-eslint/parser@5.62.0(eslint@8.30.0)(typescript@5.3.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@5.62.0(eslint@8.30.0)(typescript@5.3.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1(@typescript-eslint/parser@6.19.0(eslint@8.30.0)(typescript@5.3.3))(eslint@8.30.0))(eslint@8.30.0))(eslint@8.30.0):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
       '@typescript-eslint/parser': 5.62.0(eslint@8.30.0)(typescript@5.3.3)
       eslint: 8.30.0
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@5.62.0(eslint@8.30.0)(typescript@5.3.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.30.0)
+      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@5.62.0(eslint@8.30.0)(typescript@5.3.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1(@typescript-eslint/parser@6.19.0(eslint@8.30.0)(typescript@5.3.3))(eslint@8.30.0))(eslint@8.30.0)
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.8.0(@typescript-eslint/parser@6.19.0(eslint@8.30.0)(typescript@5.3.3))(eslint-import-resolver-node@0.3.9)(eslint@8.30.0):
-    dependencies:
-      debug: 3.2.7
-    optionalDependencies:
-      '@typescript-eslint/parser': 6.19.0(eslint@8.30.0)(typescript@5.3.3)
-      eslint: 8.30.0
-      eslint-import-resolver-node: 0.3.9
-    transitivePeerDependencies:
-      - supports-color
-
-  eslint-plugin-import@2.29.1(@typescript-eslint/parser@6.19.0(eslint@8.30.0)(typescript@5.3.3))(eslint@8.30.0):
+  eslint-plugin-import@2.29.1(@typescript-eslint/parser@5.62.0(eslint@8.30.0)(typescript@5.3.3))(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@5.62.0(eslint@8.30.0)(typescript@5.3.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1(@typescript-eslint/parser@6.19.0(eslint@8.30.0)(typescript@5.3.3))(eslint@8.30.0))(eslint@8.30.0))(eslint@8.30.0):
     dependencies:
       array-includes: 3.1.7
       array.prototype.findlastindex: 1.2.3
@@ -20129,7 +20209,7 @@ snapshots:
       doctrine: 2.1.0
       eslint: 8.30.0
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.19.0(eslint@8.30.0)(typescript@5.3.3))(eslint-import-resolver-node@0.3.9)(eslint@8.30.0)
+      eslint-module-utils: 2.8.0(@typescript-eslint/parser@5.62.0(eslint@8.30.0)(typescript@5.3.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@5.62.0(eslint@8.30.0)(typescript@5.3.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1(@typescript-eslint/parser@6.19.0(eslint@8.30.0)(typescript@5.3.3))(eslint@8.30.0))(eslint@8.30.0))(eslint@8.30.0)
       hasown: 2.0.0
       is-core-module: 2.13.1
       is-glob: 4.0.3
@@ -20140,7 +20220,7 @@ snapshots:
       semver: 6.3.1
       tsconfig-paths: 3.15.0
     optionalDependencies:
-      '@typescript-eslint/parser': 6.19.0(eslint@8.30.0)(typescript@5.3.3)
+      '@typescript-eslint/parser': 5.62.0(eslint@8.30.0)(typescript@5.3.3)
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
@@ -22194,6 +22274,8 @@ snapshots:
     dependencies:
       language-subtag-registry: 0.3.22
 
+  leaflet@1.9.4: {}
+
   leven@3.1.0: {}
 
   levn@0.3.0:
@@ -23535,7 +23617,7 @@ snapshots:
     dependencies:
       nanoid: 3.3.7
       picocolors: 1.0.0
-      source-map-js: 1.0.2
+      source-map-js: 1.2.0
 
   postcss@8.4.33:
     dependencies:
@@ -23543,6 +23625,12 @@ snapshots:
       picocolors: 1.0.0
       source-map-js: 1.0.2
 
+  postcss@8.4.38:
+    dependencies:
+      nanoid: 3.3.7
+      picocolors: 1.0.0
+      source-map-js: 1.2.0
+
   potpack@2.0.0: {}
 
   preact@10.19.3: {}
@@ -24160,6 +24248,12 @@ snapshots:
       prop-types: 15.8.1
       react: 18.2.0
 
+  react-device-detect@2.2.3(react-dom@18.2.0(react@18.2.0))(react@18.2.0):
+    dependencies:
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      ua-parser-js: 1.0.37
+
   react-devtools-core@5.1.0(bufferutil@4.0.8)(utf-8-validate@5.0.10):
     dependencies:
       shell-quote: 1.8.1
@@ -24218,6 +24312,13 @@ snapshots:
 
   react-is@18.2.0: {}
 
+  react-leaflet@4.2.1(leaflet@1.9.4)(react-dom@18.2.0(react@18.2.0))(react@18.2.0):
+    dependencies:
+      '@react-leaflet/core': 2.1.0(leaflet@1.9.4)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
+      leaflet: 1.9.4
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+
   react-lifecycles-compat@3.0.4: {}
 
   react-mapbox-gl@5.1.1(mapbox-gl@3.5.2)(prop-types@15.8.1)(react-dom@18.2.0(react@18.2.0))(react@18.2.0):
@@ -24874,6 +24975,8 @@ snapshots:
     dependencies:
       kind-of: 6.0.3
 
+  shallowequal@1.1.0: {}
+
   shebang-command@1.2.0:
     dependencies:
       shebang-regex: 1.0.0
@@ -25184,6 +25287,20 @@ snapshots:
 
   structured-headers@0.4.1: {}
 
+  styled-components@6.1.12(react-dom@18.2.0(react@18.2.0))(react@18.2.0):
+    dependencies:
+      '@emotion/is-prop-valid': 1.2.2
+      '@emotion/unitless': 0.8.1
+      '@types/stylis': 4.2.5
+      css-to-react-native: 3.2.0
+      csstype: 3.1.3
+      postcss: 8.4.38
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      shallowequal: 1.1.0
+      stylis: 4.3.2
+      tslib: 2.6.2
+
   styled-jsx@5.1.1(@babel/core@7.24.5)(react@18.2.0):
     dependencies:
       client-only: 0.0.1
@@ -25193,6 +25310,8 @@ snapshots:
 
   stylis@4.2.0: {}
 
+  stylis@4.3.2: {}
+
   sucrase@3.34.0:
     dependencies:
       '@jridgewell/gen-mapping': 0.3.5
@@ -25972,7 +26091,7 @@ snapshots:
   wagmi@2.8.1(@react-native-async-storage/async-storage@1.23.1(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10)))(@tanstack/query-core@5.34.1)(@tanstack/react-query@5.34.1(react@18.2.0))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react-i18next@13.5.0(i18next@22.5.1)(react-dom@18.2.0(react@18.2.0))(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10))(react@18.2.0))(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10))(react@18.2.0)(typescript@5.3.3)(utf-8-validate@5.0.10)(viem@2.9.31(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4))(zod@3.22.4):
     dependencies:
       '@tanstack/react-query': 5.34.1(react@18.2.0)
-      '@wagmi/connectors': 4.3.3(@react-native-async-storage/async-storage@1.23.1(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10)))(@types/react@18.2.47)(@wagmi/core@2.9.1(@tanstack/query-core@5.34.1)(@types/react@18.2.47)(bufferutil@4.0.8)(react@18.2.0)(typescript@5.3.3)(utf-8-validate@5.0.10)(viem@2.9.31(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4))(zod@3.22.4))(bufferutil@4.0.8)(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react-i18next@13.5.0(i18next@22.5.1)(react-dom@18.2.0(react@18.2.0))(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10))(react@18.2.0))(react-native@0.74.1(@babel/core@7.24.5)(@babel/preset-env@7.24.5(@babel/core@7.24.5))(@types/react@18.2.47)(bufferutil@4.0.8)(encoding@0.1.13)(react@18.2.0)(utf-8-validate@5.0.10))(react@18.2.0)(typescript@5.3.3)(utf-8-validate@5.0.10)(viem@2.9.31(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4))(zod@3.22.4)
+      '@wagmi/connectors': 4.3.3(6crv2u2wbx4q3uqtcoxzodwml4)
       '@wagmi/core': 2.9.1(@tanstack/query-core@5.34.1)(@types/react@18.2.47)(bufferutil@4.0.8)(react@18.2.0)(typescript@5.3.3)(utf-8-validate@5.0.10)(viem@2.9.31(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.22.4))(zod@3.22.4)
       react: 18.2.0
       use-sync-external-store: 1.2.0(react@18.2.0)
diff --git a/public/bali-dvpn-nft.jpeg b/public/bali-dvpn-nft.jpeg
new file mode 100644
index 0000000..6216796
Binary files /dev/null and b/public/bali-dvpn-nft.jpeg differ
diff --git a/public/dwifi1.png b/public/dwifi1.png
new file mode 100644
index 0000000..57a9dff
Binary files /dev/null and b/public/dwifi1.png differ
diff --git a/public/dwifi2.png b/public/dwifi2.png
new file mode 100644
index 0000000..a29806b
Binary files /dev/null and b/public/dwifi2.png differ
diff --git a/public/dwifi3.png b/public/dwifi3.png
new file mode 100644
index 0000000..853e94b
Binary files /dev/null and b/public/dwifi3.png differ
diff --git a/public/dwifi4.png b/public/dwifi4.png
new file mode 100644
index 0000000..9e9c26d
Binary files /dev/null and b/public/dwifi4.png differ
diff --git a/public/dwifi5.png b/public/dwifi5.png
new file mode 100644
index 0000000..19f0873
Binary files /dev/null and b/public/dwifi5.png differ
diff --git a/public/dwifi6.png b/public/dwifi6.png
new file mode 100644
index 0000000..9e9c26d
Binary files /dev/null and b/public/dwifi6.png differ
diff --git a/public/dwifi7.png b/public/dwifi7.png
new file mode 100644
index 0000000..0b99f8d
Binary files /dev/null and b/public/dwifi7.png differ
diff --git a/public/dwifi8.png b/public/dwifi8.png
new file mode 100644
index 0000000..35aa035
Binary files /dev/null and b/public/dwifi8.png differ
diff --git a/public/explorer1.png b/public/explorer1.png
index ba94d03..95f8c2c 100644
Binary files a/public/explorer1.png and b/public/explorer1.png differ
diff --git a/public/explorer2.png b/public/explorer2.png
index 0593532..2b4b388 100644
Binary files a/public/explorer2.png and b/public/explorer2.png differ
diff --git a/public/explorer3.png b/public/explorer3.png
new file mode 100644
index 0000000..1abf1e7
Binary files /dev/null and b/public/explorer3.png differ
diff --git a/public/explorer4.png b/public/explorer4.png
new file mode 100644
index 0000000..c6e43e0
Binary files /dev/null and b/public/explorer4.png differ
diff --git a/public/subscriptionbg.png b/public/subscriptionbg.png
new file mode 100644
index 0000000..4686a65
Binary files /dev/null and b/public/subscriptionbg.png differ