语言切换

public/locales/en-US.json

@@ -1053,5 +1053,15 @@
   "Community Auctions": "Community Auctions",
   "FAQs": "FAQs",
   "Auction duration": "Auction duration",
-  "Terms & Conditions": "Terms & Conditions"
+  "Terms & Conditions": "Terms & Conditions",
+
+
+
+
+  "Hcc Info":"HighCityCoin",
+  "Hcc Nft":"其作用主要是在HighCitySwap上购买NFT、NFT盒子与其他可交易产品。",
+  "Hcc BTC":"同时，HCC与BTC、ETH具有相同属性，可以进行自由交易。",
+  "Bazaar":"NFT市场"
+
+
 }

public/locales/zh-CN.json

@@ -1054,5 +1054,29 @@
   "FAQs": "FAQs",
   "Auction duration": "Auction duration",
   "Terms & Conditions": "Terms & Conditions",
-  "Hcc Info":"HighCityCoin简称HCC，由HighCityTM铸造，"
+
+
+
+  "Hcc Info":"HighCityCoin简称HCC，由HighCityTM铸造，",
+  "Hcc Nft":"其作用主要是在HighCitySwap上购买NFT、NFT盒子与其他可交易产品。",
+  "Hcc BTC":"同时，HCC与BTC、ETH具有相同属性，可以进行自由交易。",
+  "Bazaar":"NFT市场",
+  "HlighCitySwapInfo":"HIighCitySwap的诞生，源于创始人Liu Bus对区块链技术的狂热追求，他始终相信区块链技术能够得到更广泛的应用。为此，他做了一个勇敢的决定，放弃在其他领域的投资，身心专注投入到区块链技术实践应用当中去，将自己所熟悉的领域——互联网社交，与区块链技术融合，HighCitySwap由此诞生。这就是我们的开始，感谢你们的支持，HighCity团队将永远前行。",
+  "Stage one: Origin":"第一阶段：起源",
+  "Stage two: Action":"第二阶段：行动",
+  "Stage three: Creation":"第三阶段：创造",
+  "Stage four: Integration":"第四阶段：融合",
+  "Stage five: Closing the curtain":"第五阶段：落幕",
+  "The project concept was born in May 2021":"2021年5月项目概念的诞生；",
+  "Set up HighClty team in June 2021":"2021年6月搭建HighClty团队；",
+  "May 2021 -- January 2022 Team run-in":"2021年5月~2022年1月团队磨合；",
+  "In April 2022, social networking and media release activities, HighCity coin started and dividend mechanism went online":"2022年4月社交建社，交媒体发布活动，HighCity铸币开始，分红机制上线；",
+  "In March 2022, project approval, web design, roadmap announcement, smart contract development":"2022年3月项目立项，网页设计，路线图公布，智能合约开发；",
+  "Launch of social software in December 2022":"2022年12月社交软件落地；",
+  "Created by NFT in May 2022":"2022年5月NFT创造；",
+  "June 2022 social software development":"2022年6月社交软件开发；",
+  "December 2022 NFT bonus binding social software":"2022年12月NFT分红绑定社交软件；",
+  "In December 2022, HighCity Ecology was preliminarily completed":"2022年12月HighCity生态初步建成；",
+  "HighCity Ecology completed in December 2022":"2022年12月HighCity生态建成;",
+  "Maintain dividend income growth in December 2022":"2022年12月保持分红收益增长；"
 }

src/config/localization/translations.json

@@ -1182,5 +1182,28 @@
   "Recipient": "Recipient",
   "Waiting For Confirmation": "Waiting For Confirmation",
   "Confirm this transaction in your wallet": "Confirm this transaction in your wallet",
-  "Dismiss": "Dismiss"
+  "Dismiss": "Dismiss",
+
+  "Hcc Info":"HighCityCoin abbreviation HCC,cause HighCityTM cast,",
+  "Hcc Nft":"Its function is mainly in HighCitySwap On the purchase NFT、NFT Boxes and other tradeable products.",
+  "Hcc BTC":"meanwhile,HCC and BTC、ETH Have the same properties,They can trade freely.",
+  "Bazaar":"NFT Bazaar",
+  "HlighCitySwapInfo":"HIighCitySwap the birth of,From the founder Liu Bus Enthusiastic pursuit of blockchain technology,He has always believed that blockchain technology could be used more widely。for this purpose,He made a brave decision,Abandon investments in other areas,Focus on the practical application of blockchain technology,Put yourself in a familiar field -- social networking on the Internet,Integration with blockchain technology,HighCitySwap Thus was born.That's where we started,Thank you for your support,HighCity The team will always move forward.",
+  "Stage one: Origin":"Stage one: Origin",
+  "Stage two: Action":"Stage two: Action",
+  "Stage three: Creation":"Stage three: Creation",
+  "Stage four: Integration":"Stage four: Integration",
+  "Stage five: Closing the curtain":"Stage five: Closing the curtain",
+  "The project concept was born in May 2021":"The project concept was born in May 2021;",
+  "Set up HighClty team in June 2021":"Set up HighClty team in June 2021;",
+  "May 2021 -- January 2022 Team run-in":"May 2021 -- January 2022 Team run-in;",
+  "In April 2022, social networking and media release activities, HighCity coin started and dividend mechanism went online":"In April 2022, social networking and media release activities, HighCity coin started and dividend mechanism went online;",
+  "In March 2022, project approval, web design, roadmap announcement, smart contract development":"In March 2022, project approval, web design, roadmap announcement, smart contract development;",
+  "Launch of social software in December 2022":"Launch of social software in December 2022;",
+  "Created by NFT in May 2022":"Created by NFT in May 2022;",
+  "June 2022 social software development":"June 2022 social software development;",
+  "December 2022 NFT bonus binding social software":"December 2022 NFT bonus binding social software;",
+  "In December 2022, HighCity Ecology was preliminarily completed":"In December 2022, HighCity Ecology was preliminarily completed;",
+  "HighCity Ecology completed in December 2022":"HighCity Ecology completed in December 2022",
+  "Maintain dividend income growth in December 2022":"Maintain dividend income growth in December 2022;"
 }

src/views/Home/components/CourseCom.tsx

@@ -1,6 +1,6 @@
-import React, { useState } from 'react'
+import React, { useState,useEffect } from 'react'
 import styled from 'styled-components'
-import { Flex, Heading, Text, BaseLayout, Box, Button, Image,Card } from '@pancakeswap/uikit'
+import { Flex, Heading, Text, Box } from '@pancakeswap/uikit'
 import { useTranslation } from 'contexts/Localization'
 
 const FristPage = styled.div`
@@ -71,12 +71,13 @@ const CourseCom: React.FC = () => {
     const { t } = useTranslation()
 
     const [list, setListState] = useState([
-        { title: "第一阶段：起源",id:1, list: [{ text: "2021年5月项目概念的诞生；" },{text:"2021年6月搭建HighClty团队；"},{text:"2021年5月~2022年1月团队磨合；"}]}, 
+        { title: t('Stage one: Origin'),id:1, list: [{ text: t('The project concept was born in May 2021') },{text:t('Set up HighClty team in June 2021')},{text:t('May 2021 -- January 2022 Team run-in')}]}, 
-        { title: "第二阶段：行动",id:2, list: [{ text: "2022年4月社交建社，交媒体发布活动，HighCity铸币开始，分红机制上线；" },{text:"2022年3月项目立项，网页设计，路线图公布，智能合约开发；"}]}, 
+    { title: t('Stage two: Action'),id:2, list: [{ text: t('In April 2022, social networking and media release activities, HighCity coin started and dividend mechanism went online') },{text:t('In March 2022, project approval, web design, roadmap announcement, smart contract development')}]}, 
-        { title: "第三阶段：创造",id:3, list: [{ text: "2022年5月NFT创造；" },{text:"2022年6月社交软件开发；"}] }, 
+    { title: t('Stage three: Creation'),id:3, list: [{ text: t('Created by NFT in May 2022') },{text:t('June 2022 social software development')}] }, 
-        { title: "第四阶段：融合",id:4, list: [{ text: "2022年12月社交软件落地；" },{text:"2022年12月NFT分红绑定社交软件；"},{text:"2022年12月HighCity生态初步建成；"}]}, 
+    { title: t('Stage four: Integration'),id:4, list: [{ text: t('Launch of social software in December 2022') },{text:t('December 2022 NFT bonus binding social software')},{text:t('In December 2022, HighCity Ecology was preliminarily completed')}]}, 
-        { title: "第五阶段：落幕",id:5, list: [{ text: "2022年12月HighCity生态建成;" },{text:"2022年12月保持分红收益增长；"}]}])
+    { title: t('Stage five: Closing the curtain'),id:5, list: [{ text: t('HighCity Ecology completed in December 2022') },{text:t('Maintain dividend income growth in December 2022')}]}])
-
+    
+    
     return (
         <>
             <FristPage>
@@ -87,7 +88,6 @@ const CourseCom: React.FC = () => {
                                list.map((item,index) => {
                                     return <SortDiv key={ item.id } style={{ borderLeft:index + 1 === list.length ? 'none' : '4px solid #31D0AA' }}>
                                         <SortNum style={{backgroundColor:index % 2 ? '#7645D9' : '#1FC7D4'}}>{index + 1 }</SortNum>
-                                        {/* style={{left:index % 2 ? '-420px' : '60px'}} */}
                                         <CardDiv style={{left:index % 2 ? '-420px' : '60px'}}>
                                             <Heading>{ item.title }</Heading>
                                             {
@@ -103,9 +103,7 @@ const CourseCom: React.FC = () => {
                    </Flex>
                 </StyledPage>
             </FristPage>
-
         </>
-
     )
 }
 

src/views/Home/components/FlexItemCom.tsx

@@ -1,7 +1,6 @@
 import React from 'react'
 import styled from 'styled-components'
 import { Text } from '@pancakeswap/uikit'
-import { useTranslation } from 'contexts/Localization'
 
 
   const ScoreItem = styled.div`

src/views/Home/components/FristCom.tsx

@@ -1,83 +1,10 @@
-import React,{useState} from 'react'
+import React, { useState } from 'react'
 import styled from 'styled-components'
-import { Flex, Heading, Text, BaseLayout, Box,Button,Image } from '@pancakeswap/uikit'
+import { Flex, Heading, Text, Box, Button, Image } from '@pancakeswap/uikit'
 import { useTranslation } from 'contexts/Localization'
 
 import FlexItemCom from './FlexItemCom'
 
-const Hero = styled.div`
-  align-items: center;
-  background-image: url('/images/pan-bg-mobile.svg');
-  background-repeat: no-repeat;
-  background-position: top center;
-  display: flex;
-  justify-content: center;
-  flex-direction: column;
-  margin: auto;
-  margin-bottom: 32px;
-  padding-top: 116px;
-  text-align: center;
-
-  ${({ theme }) => theme.mediaQueries.lg} {
-    background-image: url('/images/pan-bg2.svg'), url('/images/pan-bg.svg');
-    background-position: left center, right center;
-    height: 165px;
-    padding-top: 0;
-  }
-`
-
-const Cards = styled(BaseLayout)`
-  align-items: stretch;
-  justify-content: stretch;
-  margin-bottom: 24px;
-  grid-gap: 24px;
-
-  & > div {
-    grid-column: span 6;
-    width: 100%;
-  }
-
-  ${({ theme }) => theme.mediaQueries.sm} {
-    & > div {
-      grid-column: span 8;
-    }
-  }
-
-  ${({ theme }) => theme.mediaQueries.lg} {
-    margin-bottom: 32px;
-    grid-gap: 32px;
-
-    & > div {
-      grid-column: span 6;
-    }
-  }
-`
-
-const CTACards = styled(BaseLayout)`
-  align-items: start;
-  margin-bottom: 24px;
-  grid-gap: 24px;
-
-  & > div {
-    grid-column: span 6;
-  }
-
-  ${({ theme }) => theme.mediaQueries.sm} {
-    & > div {
-      grid-column: span 8;
-    }
-  }
-
-  ${({ theme }) => theme.mediaQueries.lg} {
-    margin-bottom: 32px;
-    grid-gap: 32px;
-
-    & > div {
-      grid-column: span 4;
-    }
-  }
-`
-
 const FristPage = styled.div`
     background-image: url('/images/home/bg.svg');
     background-size: 100%;
@@ -101,7 +28,7 @@ const StyledPage = styled(Box)`
     width:80%
   }`
 
-  const RadiusBtn = styled(Button)`
+const RadiusBtn = styled(Button)`
     border-radius:50px;
     width:170px;
     height:60px;
@@ -109,7 +36,7 @@ const StyledPage = styled(Box)`
     margin:0px 20px 0 0;
     background: linear-gradient(269deg, #1FC8D3 0%, #1FD4B0 100%);
   `
-  const WhiteBtn = styled(Button)`
+const WhiteBtn = styled(Button)`
     border-radius:50px;
     width:170px;
     height:60px;
@@ -118,7 +45,7 @@ const StyledPage = styled(Box)`
   `
 
 
-  const ScoreDiv = styled(Flex)`
+const ScoreDiv = styled(Flex)`
     margin-top:127px;
     background: #fff;
     box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);
@@ -129,24 +56,23 @@ const StyledPage = styled(Box)`
 
 const FristCom: React.FC = () => {
     const { t } = useTranslation()
-    const [burned,BurnedState] = useState([{id:1,name:'Burned',value:"62.55%"},{id:2,name:'Burned',value:"62.55%"},{id:3,name:'Burned',value:"62.55%"},{id:4,name:'Burned',value:"62.55%"}])
+    const [burned, BurnedState] = useState([{ id: 1, name: 'Burned', value: "62.55%" }, { id: 2, name: 'Burned', value: "62.55%" }, { id: 3, name: 'Burned', value: "62.55%" }, { id: 4, name: 'Burned', value: "62.55%" }])
     return (
         <>
             <FristPage>
                 <StyledPage px={['16px', '24px']} mx="auto" maxWidth="1200px">
                     <Flex justifyContent="space-between" alignItems="center">
                         <div>
-                        <Heading as="h1" scale="xl" mb="24px" color="secondary">
+                            <Heading as="h1" scale="xl" mb="24px" color="secondary">
-                            {/* {t('PancakeSwap')} */}High City Coin
+                                High City Coin
-                        </Heading>
+                            </Heading>
-                            {/* <div>High City Coin</div> */}
                             <Text>
-                                { t('Hcc Info') }<br />
+                                {t('Hcc Info')}<br />
-                                其作用主要是在HighCitySwap上购买NFT、NFT盒子与其他可交易产品。<br />
+                                {t('Hcc Nft')}<br />
-                                同时，HCC与BTC、ETH具有相同属性，可以进行自由交易。</Text>
+                                {t('Hcc BTC')}</Text>
                             <Flex alignItems="center" marginTop="60px">
-                                <RadiusBtn variant="primary" scale="sm">兑换</RadiusBtn>
+                                <RadiusBtn variant="primary" scale="sm">{t('Exchange')}</RadiusBtn>
-                                <WhiteBtn variant="secondary" scale="sm">NFT市场</WhiteBtn>
+                                <WhiteBtn variant="secondary" scale="sm">{ t('Bazaar') }</WhiteBtn>
                                 <Image src="/images/home/fg.png" alt="" width={34} height={34} marginRight="12px" />
                                 <Image src="/images/home/fg.png" alt="" width={34} height={34} marginRight="12px" />
                             </Flex>
@@ -156,13 +82,13 @@ const FristCom: React.FC = () => {
                     <ScoreDiv justifyContent="space-between">
                         {
                             burned.map(item => {
-                                return <FlexItemCom key={ item.id } name={ item.name } value={ item.value } />
+                                return <FlexItemCom key={item.id} name={item.name} value={item.value} />
                             })
                         }
                     </ScoreDiv>
                 </StyledPage>
             </FristPage>
-            
+
         </>
 
     )

src/views/Home/components/IntroduceCom.tsx

@@ -82,7 +82,7 @@ const IntroduceCom: React.FC = () => {
                             </div>
                         </MainDiv>
                         <HeadingDiv textAlign='center'>HlighCitySwap</HeadingDiv>
-                        <TextCom >HIighCitySwap的诞生，源于创始人Liu Bus对区块链技术的狂热追求，他始终相信区块链技术能够得到更广泛的应用。为此，他做了一个勇敢的决定，放弃在其他领域的投资，身心专注投入到区块链技术实践应用当中去，将自己所熟悉的领域——互联网社交，与区块链技术融合，HighCitySwap由此诞生。这就是我们的开始，感谢你们的支持，HighCity团队将永远前行。</TextCom>
+                        <TextCom>{ t('HlighCitySwapInfo') }</TextCom>
                     </BoxMain>
                 </StyledPage>
             </FristPage>