Hotfix text issue

src/components/common/FooterIconLink.tsx

@@ -25,7 +25,12 @@ export const IconLink: React.FC<IconLinkProps> = ({ IconComponent, href, classNa
   } ${className || ''}`;
 
   return (
-    <div className={divClass} onClick={handleClick} onMouseLeave={handleMouseLeave} style={{minWidth:'40px',minHeight:"40px"}}>
+    <div
+      className={divClass}
+      onClick={handleClick}
+      onMouseLeave={handleMouseLeave}
+      style={{ minWidth: '40px', minHeight: '40px' }}
+    >
       <IconComponent />
     </div>
   );

src/components/common/FooterLink.tsx

@@ -24,11 +24,7 @@ export const FooterLink: React.FC<FooterLinkProps> = ({ children, href }) => {
   }`;
 
   return (
-    <div
-      className={divClass}
-      onClick={handleClick}
-      onMouseLeave={handleMouseLeave}
-    >
+    <div className={divClass} onClick={handleClick} onMouseLeave={handleMouseLeave}>
       {children}
     </div>
   );

src/hooks/home.ts

@@ -111,6 +111,7 @@ export interface Token {
   price: string;
   volume24h: string;
   tvl: string;
+  token_id: string;
 }
 
 export interface TokenBaseInfo {

src/pages/home/SDKIntro/index.tsx

@@ -52,7 +52,10 @@ export const SDKIntro = () => {
         <div className="lg:hidden md:hidden">
           <CodeBlockMobile />
         </div>
-        <div className="sm:hidden lg:hidden mb-80 absolute md:scale-x-110 top-44 left-1/2 transform -translate-x-1/2 mx-auto" style={{width:'556px'}}>
+        <div
+          className="sm:hidden lg:hidden mb-80 absolute md:scale-x-110 top-44 left-1/2 transform -translate-x-1/2 mx-auto"
+          style={{ width: '556px' }}
+        >
           <CodeBlock />
         </div>
         <div className="flex flex-col px-10 w-full items-center lg:hidden md:flex-row md:mt-96 md:space-x-4 md:justify-center">

src/pages/home/index.tsx

@@ -10,6 +10,7 @@ import Dcl from './v3/Dcl';
 import Overview from './v3/Overview';
 import Team from './v3/Team';
 import Footer from './v3/Footer';
+import Partners from './v3/Partners';
 
 const HomePage = () => {
   const mobile = isMobile();
@@ -27,6 +28,7 @@ const HomePage = () => {
           <Data />
           <SDKIntro />
           <Investors />
+          <Partners />
           <Team />
         </section>
       </div>

src/pages/home/v2/Banner/index.tsx

@@ -128,7 +128,9 @@ const Banner = () => {
             )}
           </span>
           <span className="text-white text-base md:hidden">Accumulative Trading Volume</span>
-          <span className="text-white text-base text-center sm:hidden lg:hidden">Accumulative <br></br>Trading Volume</span>
+          <span className="text-white text-base text-center sm:hidden lg:hidden">
+            Accumulative <br></br>Trading Volume
+          </span>
         </div>
       </div>
     </div>

src/pages/home/v2/Data/index.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { useTokenList, Token, useTokenBaeInfoList, TokenBaseInfo } from '~src/hooks/home';
-import { getNearIcon } from '~src/components/layoutIcon/Icon';
+import icons from '~src/utils/metadata';
 
 import { toInternationalCurrencySystem } from '~src/utils/numbers';
 const Data = () => {
@@ -56,19 +56,15 @@ const Data = () => {
 };
 
 function TokenBox({ token, symbolMap }: { token: Token; symbolMap: any }) {
-  const { symbol, icon, amount, tvl } = token;
-  const nearIcon = getNearIcon();
+  const { symbol, icon, amount, tvl } = processToken(token);
   return (
     <>
       <div
         className="rounded-2xl px-3.5 py-4 text-white bg-blueColor hover:bg-brightGreenColor sm:hidden"
         style={{ backdropFilter: 'blur(10px)', WebkitBackdropFilter: 'blur(10px)' }}
       >
         <div className="flex items-center">
-          <img
-            src={symbol == 'wNEAR' ? nearIcon : icon || symbolMap[symbol]}
-            className="w-10 h-10 rounded-full border-4 border-darkBorderColor"
-          ></img>
+          <img src={icon || symbolMap[symbol]} className="w-10 h-10 rounded-full border-4 border-darkBorderColor"></img>
           <span className="text-lg ml-2.5 font-extrabold">{symbol == 'wNEAR' ? 'NEAR' : symbol}</span>
         </div>
         <div className="flex items-center justify-between mt-6">
@@ -88,7 +84,7 @@ function TokenBox({ token, symbolMap }: { token: Token; symbolMap: any }) {
       >
         <div className="relative flex flex-col items-start w-36">
           <img
-            src={symbol == 'wNEAR' ? nearIcon : icon || symbolMap[symbol]}
+            src={icon || symbolMap[symbol]}
             className="absolute -top-12 w-10 h-10 rounded-full border-4 border-darkBorderColor transform translate-x-2"
           ></img>
           <span className="text-lg ml-2.5 font-extrabold">{symbol == 'wNEAR' ? 'NEAR' : symbol}</span>
@@ -105,5 +101,9 @@ function TokenBox({ token, symbolMap }: { token: Token; symbolMap: any }) {
     </>
   );
 }
+function processToken(token: Token) {
+  token.icon = icons[token.token_id] || token.icon;
+  return token;
+}
 
 export default Data;

src/pages/home/v2/Footer/index.scss

@@ -1,3 +1,3 @@
-.footer-link{
-    @apply text-white text-sm mr-14 cursor-pointer sm:mr-0 md:mr-0 transition-colors hover:text-primary hover:underline;
-}
+.footer-link {
+  @apply text-white text-sm mr-14 cursor-pointer sm:mr-0 md:mr-0 transition-colors hover:text-primary hover:underline;
+}

src/pages/home/v2/Footer/index.tsx

@@ -18,7 +18,7 @@ const Footer = () => {
   function goForum() {
     window.open('https://gov.ref.finance/');
   }
-  function goSecurity(){
+  function goSecurity() {
     window.open('https://guide.ref.finance/developers/audits');
   }
   function goBusinessInquiries() {

src/pages/home/v2/Investors/index.tsx

@@ -24,9 +24,7 @@ const Investors = () => {
   return (
     <div className="relative mx-auto sm:mt-20 md:mt-28 mt-56 lg:w-4/5 sm:w-full md:w-full md:mb-64">
       <div className="flex justify-center text-white gotham_font_bold  text-2xl">INVESTORS</div>
-      <div
-        className="flex justify-center text-42 text-white mt-3 gotham_font_light  sm:text-center md:text-center text-opacity-50 sm:mt-0 md:mt-0 sm:text-32"
-      >
+      <div className="flex justify-center text-42 text-white mt-3 gotham_font_light  sm:text-center md:text-center text-opacity-50 sm:mt-0 md:mt-0 sm:text-32">
         Trusted by the best
       </div>
       <div className="flex flex-col justify-center items-center">

src/pages/home/v3/Dcl/index.tsx

@@ -1,5 +1,13 @@
 import React from 'react';
-import { BannerArrowIcon, DclIcon1, DclIcon19, DclIcon2, DclIcon3, DclIcon4, DclIcon5 } from '~src/components/layoutIcon/Icon';
+import {
+  BannerArrowIcon,
+  DclIcon1,
+  DclIcon19,
+  DclIcon2,
+  DclIcon3,
+  DclIcon4,
+  DclIcon5
+} from '~src/components/layoutIcon/Icon';
 
 type FeatureCardProps = {
   Icon: React.ElementType;
@@ -45,7 +53,7 @@ const Dcl = () => {
         <div className="absolute top-16 transform translate-x-1/2 -translate-y-1/2 md:left-0 md:top-16">
           <DclIcon2 />
         </div>
-        <div className='lg:hidden md:hidden absolute left-0 -top-44 right-0 z-0'>
+        <div className="lg:hidden md:hidden absolute left-0 -top-44 right-0 z-0">
           <DclIcon19 />
         </div>
         <div className="relative z-10 flex flex-wrap gap-14 justify-between items-baseline text-white mb-24 grid grid-cols-3 sm:grid-cols-1 sm:pl-4 sm:pr-4 sm:mb-0 md:px-6 md:mb-24 md:gap-6">

src/pages/home/v3/Footer/index.scss

@@ -1,3 +1,3 @@
-.footer-link{
-    @apply text-white text-sm mr-14 cursor-pointer sm:mr-0 md:mr-0 transition-colors hover:text-primary hover:underline;
-}
+.footer-link {
+  @apply text-white text-sm mr-14 cursor-pointer sm:mr-0 md:mr-0 transition-colors hover:text-primary hover:underline;
+}

src/pages/home/v3/Overview/index.tsx

@@ -50,8 +50,12 @@ const Overview = () => {
           </div>
         </div>
         <div className="text-white ml-7 sm:ml-0 sm:text-center md:mr-7">
-          <h1 className="text-46 gotham_font_bold  whitespace-nowrap mb-2.5 sm:text-4xl sm:mb-3 md:text-4xl md:text-center xs:text-2xl">Portfolio-Overview</h1>
-          <p className="text-26  mb-16 sm:text-2xl sm:mb-3 md:mb-0 md:text-2xl">Overview of your invests and assets</p>
+          <h1 className="text-46 gotham_font_bold  whitespace-nowrap mb-2.5 sm:text-4xl sm:mb-3 md:text-4xl md:text-center xs:text-2xl">
+            Portfolio-Overview
+          </h1>
+          <p className="text-26  mb-16 sm:text-2xl sm:mb-3 md:mb-0 md:text-2xl">
+            Overview of your investments and assets
+          </p>
           <p className="flex items-center text-lg sm:text-base md:hidden">
             Composed by
             <div className="ml-2 mr-2">