diff --git a/src/content/drawer/logoButton.tsx b/src/content/drawer/logoButton.tsx
index 4d7fdff..6972f2f 100644
--- a/src/content/drawer/logoButton.tsx
+++ b/src/content/drawer/logoButton.tsx
@@ -4,7 +4,7 @@ const LogoButton = () => {
   return (
     <div className="absolute right-0 rounded-full m-0 w-[50px] h-[50px] cursor-pointer">
       <img
-        src="https://ik.imagekit.io/pqilkfzt7wb/xfans/logo_SPGs-kd5v.png?updatedAt=1706859358184"
+        src="https://cdn.oasiscircle.xyz/circle/D35FD9C2-12D4-4DBA-8BEC-F8DDD64B8C07.1707035452972.0xA0B5B5"
         className="mx-0 p-0 mt-[120px] w-[50px] h-[50px]"
         alt="Logo"
       />
diff --git a/src/welcome/Profile/Explore.tsx b/src/welcome/Profile/Explore.tsx
index 25cf228..3b928a1 100644
--- a/src/welcome/Profile/Explore.tsx
+++ b/src/welcome/Profile/Explore.tsx
@@ -49,8 +49,8 @@ const Up = () => (
 const Explore = () => {
   const list = Array(7).fill('');
   const { openProfile } = useProfileModal((state) => ({ ...state }));
-  console.log(mockData);
   const newList = [...topList];
+  const timeList = [...topList];
 
   const [value, setValue] = React.useState('1');
 
@@ -210,39 +210,41 @@ const Explore = () => {
           }}
         >
           <ul>
-            {topList.map((item, i) => (
-              <li
-                key={item.id}
-                className="pt-[18px] pb-2 flex items-center border-t border-t-[#EBEEF0]"
-              >
-                <span className="text-[#0F1419]">{i + 1}</span>
-                <img
-                  onClick={openProfile}
-                  src={item.avatar}
-                  alt="avatar"
-                  className="w-[44px] h-[44px] mx-[14px] rounded-full cursor-pointer"
-                />
-                <div className="flex-1 flex flex-col space-y-1">
-                  <div className="flex items-center space-x-2">
-                    <span className="text-[#0F1419] font-bold text-sm">{item.name}</span>
-                    <span className="text-[#5B7083]">@{item.nickname}</span>
-                  </div>
-
-                  <div className="flex items-center justify-between">
-                    <div className="flex items-center space-x-[6px]">
-                      <span className="text-[#919099] text-sm">Price</span>
-                      <Icon />
-                      <span className="text-[#919099] text-[15px]">{item.price}</span>
+            {timeList
+              .sort((a, b) => b.top - a.top)
+              .map((item, i) => (
+                <li
+                  key={item.id}
+                  className="pt-[18px] pb-2 flex items-center border-t border-t-[#EBEEF0]"
+                >
+                  <span className="text-[#0F1419]">{i + 1}</span>
+                  <img
+                    onClick={openProfile}
+                    src={item.avatar}
+                    alt="avatar"
+                    className="w-[44px] h-[44px] mx-[14px] rounded-full cursor-pointer"
+                  />
+                  <div className="flex-1 flex flex-col space-y-1">
+                    <div className="flex items-center space-x-2">
+                      <span className="text-[#0F1419] font-bold text-sm">{item.name}</span>
+                      <span className="text-[#5B7083]">@{item.nickname}</span>
                     </div>
 
-                    <div className="flex items-center space-x-1">
-                      <Up />
-                      <span className="text-[#16B364] text-[15px]">{item.top}%</span>
+                    <div className="flex items-center justify-between">
+                      <div className="flex items-center space-x-[6px]">
+                        <span className="text-[#919099] text-sm">Price</span>
+                        <Icon />
+                        <span className="text-[#919099] text-[15px]">{item.price}</span>
+                      </div>
+
+                      <div className="flex items-center space-x-1">
+                        <Up />
+                        <span className="text-[#16B364] text-[15px]">{item.top}%</span>
+                      </div>
                     </div>
                   </div>
-                </div>
-              </li>
-            ))}
+                </li>
+              ))}
           </ul>
         </TabPanel>
         <TabPanel
@@ -267,7 +269,7 @@ const Explore = () => {
                       <span className="text-[#919099] text-sm">{item.nickname}</span>
                     </div>
 
-                    <span className="font-bold w-10 text-center text-sm">{item.type}</span>
+                    <span className="font-bold w-12 text-center text-sm">{item.type}</span>
 
                     <div className="flex flex-col items-center w-9">
                       <img
diff --git a/src/welcome/Profile/Reward.tsx b/src/welcome/Profile/Reward.tsx
index 2798d82..c95fcab 100644
--- a/src/welcome/Profile/Reward.tsx
+++ b/src/welcome/Profile/Reward.tsx
@@ -130,7 +130,7 @@ const Reward = () => {
                         onClick={openProfile}
                         src={item.avatar}
                         alt=""
-                        className="w-[30px] rounded-full cursor-pointer"
+                        className="w-[44px] rounded-full cursor-pointer"
                       />
                       <div className="flex flex-col space-y-[2px]">
                         <span className="text-sm font-bold" style={{ fontVariant: 'small-caps' }}>
@@ -175,7 +175,7 @@ const Reward = () => {
                       onClick={openProfile}
                       src={reward[0].avatar}
                       alt=""
-                      className="w-[30px] rounded-full cursor-pointer"
+                      className="w-[44px] rounded-full cursor-pointer"
                     />
                     <div className="flex flex-col space-y-[2px]">
                       <span className="text-sm font-bold" style={{ fontVariant: 'small-caps' }}>
diff --git a/src/welcome/Wallet/BuyModal.tsx b/src/welcome/Wallet/BuyModal.tsx
index 859e007..cc11ee0 100644
--- a/src/welcome/Wallet/BuyModal.tsx
+++ b/src/welcome/Wallet/BuyModal.tsx
@@ -23,6 +23,24 @@ const Icon = () => (
   </svg>
 );
 
+const Icon1 = () => (
+  <svg xmlns="http://www.w3.org/2000/svg" width="10" height="18" viewBox="0 0 10 18" fill="none">
+    <g clipPath="url(#clip0_365_21061)">
+      <path d="M5.00032 17.4065V13.1882L0.142578 10.1367L5.00032 17.4065Z" fill="#C7C7E0" />
+      <path d="M5.0166 17.4065V13.1882L9.87443 10.1367L5.01669 17.4065H5.0166Z" fill="#A3A3D2" />
+      <path d="M5.00048 12.1404V6.75684L0.0869141 9.12012L5.00048 12.1404Z" fill="#C7C7E0" />
+      <path d="M5.0166 12.1404V6.75684L9.93017 9.12021L5.0166 12.1404Z" fill="#A3A3D2" />
+      <path d="M0.0869141 9.12L5.00039 0.59375V6.75662L0.0869141 9.12Z" fill="#C7C7E0" />
+      <path d="M9.93008 9.12L5.0166 0.59375V6.75662L9.93008 9.12Z" fill="#A3A3D2" />
+    </g>
+    <defs>
+      <clipPath id="clip0_365_21061">
+        <rect width="10" height="17" fill="white" transform="translate(0 0.5)" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+
 const Left = () => (
   <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
     <path
@@ -97,15 +115,15 @@ const BuyModal = () => {
             <div className="flex items-center justify-between">
               <span className="text-lg font-medium">Transaction Fee</span>
               <div className="flex items-center space-x-1">
-                <Icon />
-                <span className="text-lg font-medium">5.002</span>
+                <Icon1 />
+                <span className="text-lg font-medium">0.002</span>
               </div>
             </div>
             <div className="flex items-center justify-between">
               <span className="text-lg font-medium">Est. Gas Fee</span>
               <div className="flex items-center space-x-1">
-                <Icon />
-                <span className="text-lg font-medium">0.014</span>
+                <Icon1 />
+                <span className="text-lg font-medium">0.001</span>
               </div>
             </div>
           </div>
@@ -123,15 +141,15 @@ const BuyModal = () => {
             <div className="flex items-center justify-between">
               <span className="text-lg font-medium">You Pay(Including Fees)</span>
               <div className="flex items-center space-x-1">
-                <Icon />
+                <Icon1 />
                 <span className="text-2xl font-bold">0.052</span>
               </div>
             </div>
             <div className="flex items-center justify-between">
               <span className="text-[#919099] text-lg font-medium">Wallet Balance</span>
               <div className="flex items-center justify-center bg-[#F5F5F5] rounded-full space-x-1 px-5 py-1">
-                <Icon />
-                <span className="text-lg font-medium">20.2928</span>
+                <Icon1 />
+                <span className="text-lg font-medium">30.24</span>
               </div>
             </div>
           </div>
diff --git a/src/welcome/Wallet/InviteFriends.tsx b/src/welcome/Wallet/InviteFriends.tsx
index aa06b20..86ec991 100644
--- a/src/welcome/Wallet/InviteFriends.tsx
+++ b/src/welcome/Wallet/InviteFriends.tsx
@@ -32,17 +32,17 @@ const rows = [
   {
     time: 'Jan 05 2024, 14:32',
     user: 'Cody Fisher',
-    value: 12.87,
+    value: 2,
   },
   {
     time: 'Apr 06 2023, 20:13',
     user: 'Cody Fisher',
-    value: 10.03,
+    value: 2,
   },
   {
     time: 'Jan 12 2023, 13:42',
     user: 'Cody Fisher',
-    value: 15.12,
+    value: 2,
   },
 ];
 
@@ -79,7 +79,7 @@ const InviteFriends = () => {
               <div className="w-1/2">
                 <div className="flex flex-col items-center space-y-[14px]">
                   <span className="text-[#919099] text-sm font-medium">Invite Points</span>
-                  <span className="text-[#1A1D1F] text-xl leading-[20px] font-bold">10.05</span>
+                  <span className="text-[#1A1D1F] text-xl leading-[20px] font-bold">10</span>
                 </div>
               </div>
             </div>
diff --git a/src/welcome/Wallet/Profile.tsx b/src/welcome/Wallet/Profile.tsx
index 9269e18..c48b411 100644
--- a/src/welcome/Wallet/Profile.tsx
+++ b/src/welcome/Wallet/Profile.tsx
@@ -94,6 +94,73 @@ const ProfileModal = () => {
       ),
     },
   ];
+
+  const ranking = [
+    {
+      data: (
+        <div className="flex items-center space-x-1">
+          <img
+            onClick={openProfile}
+            src="https://cdn.oasiscircle.xyz/circle/4A5E15E2-2210-40AC-9778-FB5D7CC664A1.1706768249263.0xA0B5B5"
+            alt=""
+            className="w-5 rounded-full cursor-pointer"
+          />
+          <span className="text-[#0F1419] text-xs">Devon Lane</span>
+        </div>
+      ),
+      post: 'Autonomous Worlds Ecosystem',
+      rank: 17,
+      value: (
+        <div className="flex items-center space-x-1">
+          <Icon />
+          <span className="text-[#0F1419] text-xs">1.002</span>
+        </div>
+      ),
+    },
+    {
+      data: (
+        <div className="flex items-center space-x-1">
+          <img
+            onClick={openProfile}
+            src="https://s3-alpha-sig.figma.com/img/5884/a9a3/850993a22ae68a1d928237508e713a95?Expires=1707696000&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=PUVlmyDBuGd4II7wipQawCSRUyyoxBtJyqdfXBhpYqcPag4kTlvgyDWZ-2IvcF~5kFNqNsf24923sNWKZ8nZL8WxOggJXrejcARhkzwh7G4DCpGN6PpPsbojbKJ3Qv4ZJqd~w6x7vVdcVi1dxsZtNpVzV7M47B9EatTp7nSzXRnMxVhYesCQ02PmC5UvV5TdvYdjQ0jQaNS3mQpebF1tg6UzD6A42UGZFkCZIgcdmekThAWPGexCCjfup9PRWQnQdf~0rdKewsn7LAwxPpR2IwSgivX2O~s46UKJjcVWy9wogq7QX9NAzQIUoV29DVzD18qR7AjB-byeBtuafKvGvg__"
+            alt=""
+            className="w-5 rounded-full cursor-pointer"
+          />
+          <span className="text-[#0F1419] text-xs">Betty Moore</span>
+        </div>
+      ),
+      post: 'Autonomous Worlds Ecosystem',
+      rank: 23,
+      value: (
+        <div className="flex items-center space-x-1">
+          <Icon />
+          <span className="text-[#0F1419] text-xs">2.012</span>
+        </div>
+      ),
+    },
+    {
+      data: (
+        <div className="flex items-center space-x-1">
+          <img
+            onClick={openProfile}
+            src="https://s3-alpha-sig.figma.com/img/0f68/3ae1/4ab8a414136ff5309aa90fce411b6961?Expires=1707696000&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=J4zCtFmv0fiKRy1eD5~KtUJtyMMPY3KXydDxoe8jWJNN2V6tq1WDqUEvzwyiqW3~ixWv~tcoT3NWC3THoBYywjfv5NPYqarNyPGLmsajnMc-PdMc5IqFU8vAIrmmE2qXtY1ypEoIIcDo3G-IKKFilCN4M45XdYd6SGsnYTrqs-zVbb7K8cASTy-cwQK~eXjY7SSoGkT5EY1wF4XR7KXQzxn7zAI0pGRk46j75-yloV0oGlU3Z3uOnfF0Ol1DzvJKMZ-Lp-j2hOTwCDkCOZG5Ue-X1oviqzH~00fuDVD1QeToOhqBolzZ-BqyDz2BC-yBP2mvvcXtAE4sSQnY5ff3EA__"
+            alt=""
+            className="w-5 rounded-full cursor-pointer"
+          />
+          <span className="text-[#0F1419] text-xs">William Miller</span>
+        </div>
+      ),
+      post: 'Autonomous Worlds Ecosystem',
+      rank: 45,
+      value: (
+        <div className="flex items-center space-x-1">
+          <Icon />
+          <span className="text-[#0F1419] text-xs">7.126</span>
+        </div>
+      ),
+    },
+  ];
+
   const { open, closeProfile } = useProfileModal((state) => ({ ...state }));
   const [key, setKey] = useState(0);
   const list = [
@@ -158,32 +225,94 @@ const ProfileModal = () => {
             ))}
           </div>
 
-          <TableContainer
-            sx={{
-              marginTop: 2,
-            }}
-          >
-            <Table aria-label="simple table">
-              <TableHead>
-                <TableRow>
-                  <TableCell>Holder</TableCell>
-                  <TableCell>Hold shares</TableCell>
-                  <TableCell>Shares Value</TableCell>
-                </TableRow>
-              </TableHead>
-              <TableBody>
-                {rows.map((row, i) => (
-                  <TableRow key={i} sx={{ '&:last-child td, &:last-child th': { border: 0 } }}>
-                    <TableCell component="th" scope="row">
-                      {row.holder}
-                    </TableCell>
-                    <TableCell>{row.shares}</TableCell>
-                    <TableCell>{row.value}</TableCell>
+          {key === 0 && (
+            <TableContainer
+              sx={{
+                marginTop: 2,
+              }}
+            >
+              <Table aria-label="simple table">
+                <TableHead>
+                  <TableRow>
+                    <TableCell>Holder</TableCell>
+                    <TableCell>Hold shares</TableCell>
+                    <TableCell>Shares Value</TableCell>
+                  </TableRow>
+                </TableHead>
+                <TableBody>
+                  {rows.map((row, i) => (
+                    <TableRow key={i} sx={{ '&:last-child td, &:last-child th': { border: 0 } }}>
+                      <TableCell component="th" scope="row">
+                        {row.holder}
+                      </TableCell>
+                      <TableCell>{row.shares}</TableCell>
+                      <TableCell>{row.value}</TableCell>
+                    </TableRow>
+                  ))}
+                </TableBody>
+              </Table>
+            </TableContainer>
+          )}
+
+          {key === 1 && (
+            <TableContainer
+              sx={{
+                marginTop: 2,
+              }}
+            >
+              <Table aria-label="simple table">
+                <TableHead>
+                  <TableRow>
+                    <TableCell>Creator</TableCell>
+                    <TableCell>Hold shares</TableCell>
+                    <TableCell>Shares Value</TableCell>
+                  </TableRow>
+                </TableHead>
+                <TableBody>
+                  {rows.map((row, i) => (
+                    <TableRow key={i} sx={{ '&:last-child td, &:last-child th': { border: 0 } }}>
+                      <TableCell component="th" scope="row">
+                        {row.holder}
+                      </TableCell>
+                      <TableCell>{row.shares}</TableCell>
+                      <TableCell>{row.value}</TableCell>
+                    </TableRow>
+                  ))}
+                </TableBody>
+              </Table>
+            </TableContainer>
+          )}
+
+          {key === 2 && (
+            <TableContainer
+              sx={{
+                marginTop: 2,
+              }}
+            >
+              <Table aria-label="simple table">
+                <TableHead>
+                  <TableRow>
+                    <TableCell>Data</TableCell>
+                    <TableCell>Post</TableCell>
+                    <TableCell>Rank</TableCell>
+                    <TableCell>Reward</TableCell>
                   </TableRow>
-                ))}
-              </TableBody>
-            </Table>
-          </TableContainer>
+                </TableHead>
+                <TableBody>
+                  {ranking.map((row, i) => (
+                    <TableRow key={i} sx={{ '&:last-child td, &:last-child th': { border: 0 } }}>
+                      <TableCell component="th" scope="row">
+                        {row.data}
+                      </TableCell>
+                      <TableCell>{row.post}</TableCell>
+                      <TableCell>#{row.rank}</TableCell>
+                      <TableCell>{row.value}</TableCell>
+                    </TableRow>
+                  ))}
+                </TableBody>
+              </Table>
+            </TableContainer>
+          )}
         </div>
       </Modal>
     </>
diff --git a/src/welcome/Wallet/SellModal.tsx b/src/welcome/Wallet/SellModal.tsx
index c268ad4..6f02ae9 100644
--- a/src/welcome/Wallet/SellModal.tsx
+++ b/src/welcome/Wallet/SellModal.tsx
@@ -23,6 +23,24 @@ const Icon = () => (
   </svg>
 );
 
+const Icon1 = () => (
+  <svg xmlns="http://www.w3.org/2000/svg" width="10" height="18" viewBox="0 0 10 18" fill="none">
+    <g clipPath="url(#clip0_365_21061)">
+      <path d="M5.00032 17.4065V13.1882L0.142578 10.1367L5.00032 17.4065Z" fill="#C7C7E0" />
+      <path d="M5.0166 17.4065V13.1882L9.87443 10.1367L5.01669 17.4065H5.0166Z" fill="#A3A3D2" />
+      <path d="M5.00048 12.1404V6.75684L0.0869141 9.12012L5.00048 12.1404Z" fill="#C7C7E0" />
+      <path d="M5.0166 12.1404V6.75684L9.93017 9.12021L5.0166 12.1404Z" fill="#A3A3D2" />
+      <path d="M0.0869141 9.12L5.00039 0.59375V6.75662L0.0869141 9.12Z" fill="#C7C7E0" />
+      <path d="M9.93008 9.12L5.0166 0.59375V6.75662L9.93008 9.12Z" fill="#A3A3D2" />
+    </g>
+    <defs>
+      <clipPath id="clip0_365_21061">
+        <rect width="10" height="17" fill="white" transform="translate(0 0.5)" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+
 const Left = () => (
   <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
     <path
@@ -104,15 +122,15 @@ const SellModal = () => {
             <div className="flex items-center justify-between">
               <span className="text-lg font-medium">Transaction Fee</span>
               <div className="flex items-center space-x-1">
-                <Icon />
-                <span className="text-lg font-medium">4.14</span>
+                <Icon1 />
+                <span className="text-lg font-medium">0.002</span>
               </div>
             </div>
             <div className="flex items-center justify-between">
               <span className="text-lg font-medium">Est. Gas Fee</span>
               <div className="flex items-center space-x-1">
-                <Icon />
-                <span className="text-lg font-medium">0.163</span>
+                <Icon1 />
+                <span className="text-lg font-medium">0.001</span>
               </div>
             </div>
           </div>
@@ -130,15 +148,15 @@ const SellModal = () => {
             <div className="flex items-center justify-between">
               <span className="text-lg font-medium">You Pay(Including Fees)</span>
               <div className="flex items-center space-x-1">
-                <Icon />
+                <Icon1 />
                 <span className="text-2xl font-bold">0.052</span>
               </div>
             </div>
             <div className="flex items-center justify-between">
               <span className="text-[#919099] text-lg font-medium">Wallet Balance</span>
               <div className="flex items-center justify-center bg-[#F5F5F5] rounded-full space-x-1 px-5 py-1">
-                <Icon />
-                <span className="text-lg font-medium">20.2928</span>
+                <Icon1 />
+                <span className="text-lg font-medium">30.24</span>
               </div>
             </div>
           </div>
@@ -160,7 +178,7 @@ const SellModal = () => {
                 contained: '!py-[10px] !px-[38px] !w-[170px]',
               }}
             >
-              <span className="text-[15px] font-medium">Buy</span>
+              <span className="text-[15px] font-medium">Sell</span>
             </PrimaryButton>
           </div>
         </div>
diff --git a/src/welcome/Wallet/WithDraw.tsx b/src/welcome/Wallet/WithDraw.tsx
index a1d3984..ea75003 100644
--- a/src/welcome/Wallet/WithDraw.tsx
+++ b/src/welcome/Wallet/WithDraw.tsx
@@ -94,7 +94,7 @@ const WithDraw = () => {
             <span className="text-sm text-[#0F1419]">Wallet Balance: </span>
             <div className="flex space-x-1 items-center">
               <Icon />
-              <span className="text-[#0F1419] font-medium text-sm">0.02</span>
+              <span className="text-[#0F1419] font-medium text-sm">30.24</span>
             </div>
           </div>
           <div className="flex justify-between w-full my-[30px]">
diff --git a/src/welcome/Wallet/index.tsx b/src/welcome/Wallet/index.tsx
index e026c54..22bb0b3 100644
--- a/src/welcome/Wallet/index.tsx
+++ b/src/welcome/Wallet/index.tsx
@@ -193,7 +193,7 @@ const Wallet = (props: { handleButtonClick?: () => void }) => {
               </div>
               <div className="flex space-x-1 items-center">
                 <Icon />
-                <span className="text-base text-[#9A6CF9] font-bold">390</span>
+                <span className="text-base text-[#9A6CF9] font-bold">30.24</span>
               </div>
             </div>
 
diff --git a/src/welcome/index.tsx b/src/welcome/index.tsx
index 7a7eca3..a1570f1 100644
--- a/src/welcome/index.tsx
+++ b/src/welcome/index.tsx
@@ -8,7 +8,7 @@ import '../tailwind.css';
 
 createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>
-    {/* <Profile /> */}
-    <Wallet />
+    <Profile />
+    {/* <Wallet /> */}
   </React.StrictMode>
 );