Skip to content

Commit 2ad5238

Browse files
T-AIMavenT-AIMaven
committed
update favicon
1 parent 57e4162 commit 2ad5238

16 files changed

+81
-50
lines changed

‎gatsby-config.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,7 @@ module.exports = {
5151
// https://css-tricks.com/meta-theme-color-and-trickery/
5252
// theme_color: `#663399`,
5353
display: `minimal-ui`,
54-
icon: `src/images/gatsby-icon.png`, // This path is relative to the root of the site.
54+
icon: `src/images/favicon.png`, // This path is relative to the root of the site.
5555
},
5656
},
5757
`gatsby-plugin-postcss`,

‎src/images/circle-outline-16.png

-417 Bytes
Binary file not shown.

‎src/images/circle-outline-pink.png

-423 Bytes
Binary file not shown.

‎src/images/example.png

-3.14 KB
Binary file not shown.

‎src/images/favicon.png

5.82 KB
Loading

‎src/images/gatsby-icon.png

-20.7 KB
Binary file not shown.

‎src/images/home-back-laptop.png

388 KB
Loading

‎src/images/home-back.png

603 KB
Loading

‎src/images/home-hero - Copy (2).png

516 KB
Loading

‎src/images/home-hero.png

-62.2 KB
Loading

‎src/images/nft - Copy (2).png

205 KB
Loading

‎src/images/nft.png

-23.4 KB
Loading

‎src/pages/community-fund.js

+55-28
Original file line numberDiff line numberDiff line change
@@ -22,12 +22,12 @@ const CommunityFundPage = () => {
2222
<section className="xxs:community-back overflow-hidden max-xxs:bg-[url(../images/community-back-mob.png)]">
2323
<Header />
2424
<div className="container my-[120px] text-center">
25-
<h1 className="font-heading text-[28px] xs:text-[32px] font-bold leading-[44.8px] text-white sm:text-[60px] sm:leading-[96px]">
25+
<h1 className="font-heading text-[28px] font-bold leading-[44.8px] text-white xs:text-[32px] sm:text-[60px] sm:leading-[96px]">
2626
World <span className="gold-linear">First</span>
2727
<br />
2828
Onchain Hedgefund
2929
</h1>
30-
<p className="mx-auto mb-[12px] xs:max-w-[490px] max-w-[330px] text-xl text-white">
30+
<p className="mx-auto mb-[12px] max-w-[330px] text-xl text-white xs:max-w-[490px]">
3131
All traders need to apply with evaluation on Chain, All the
3232
hedgefunds Trades are recording Onchain
3333
</p>
@@ -36,8 +36,11 @@ const CommunityFundPage = () => {
3636

3737
<div className="container py-28">
3838
<div className="flex flex-wrap justify-between">
39-
{chain_list.map(item => (
40-
<div className="mx-20 mb-28 w-[466px] max-xs:mt-[-50px] max-xs:mb-[130px] max-xs:mx-10">
39+
{chain_list.map((item, idx) => (
40+
<div
41+
key={item.content + idx}
42+
className="mx-20 mb-28 w-[466px] max-xs:mx-10 max-xs:mt-[-50px] max-xs:mb-[130px]"
43+
>
4144
{item.kicker && (
4245
<p className="text-xl text-gray">{item.kicker}</p>
4346
)}
@@ -51,14 +54,14 @@ const CommunityFundPage = () => {
5154
</div>
5255

5356
<div className="container">
54-
<h2 className="mx-auto mb-10 xs:max-w-[858px] max-w-[330px] text-center font-heading text-[32px] font-bold leading-[44.8px] text-white sm:mb-16 sm:text-4xl sm:leading-[57.6px] max-xs:mt-[-200px]">
57+
<h2 className="mx-auto mb-10 max-w-[330px] text-center font-heading text-[32px] font-bold leading-[44.8px] text-white max-xs:mt-[-200px] xs:max-w-[858px] sm:mb-16 sm:text-4xl sm:leading-[57.6px]">
5558
Go straight to <span className="gold-linear">level 5, 6, 7</span> on
5659
the below Community hedgefund reward schedule
5760
</h2>
5861
<div className="flex flex-wrap justify-center">
59-
{community_levels.map(item => (
62+
{community_levels.map((item, idx) => (
6063
<div
61-
key={item.level}
64+
key={item.level + idx}
6265
className="text-box mx-3 mb-6 w-[306px] py-[35px] text-center max-xs:py-[45px]"
6366
>
6467
<p className="text-base text-gray sm:text-xl">{item.deposit}</p>
@@ -72,28 +75,48 @@ const CommunityFundPage = () => {
7275
))}
7376
</div>
7477
<div className="text-box2 mx-auto w-full py-10 md:w-[966px]">
75-
<p className="mx-auto xs:max-w-[551px] max-w-[330px] text-base text-white sm:text-xl">
78+
<p className="mx-auto max-w-[330px] text-base text-white xs:max-w-[551px] sm:text-xl">
7679
Below is the 15 Levels of Payout Table. At level 10 receive 1
7780
safety card where if you break Drawdown, you are not booted from
7881
Hedgefund but just put on 1 week time out.
7982
</p>
8083
</div>
8184
<div className="relative mt-20 mb-10 max-xs:mt-0">
82-
<div className="absolute h-1 w-full bg-gradient-to-r from-[#050947] to-[#050947] hidden lg:block" />
83-
<Circle left="left-[-11px]" top="top-[-4px]" hidden="hidden" block='block' />
84-
<Circle right="right-[-11px]" top="top-[-4px]" hidden="hidden" block='block' />
85-
<div className="absolute h-1 w-full top-[90px] bg-gradient-to-r from-[#050947] to-[#050947] hidden lg:block" />
86-
<Circle left="left-[-12px]" top="top-[87px]" hidden="hidden" block='block' />
87-
<Circle right="right-[-12px]" top="top-[87px]" hidden="hidden" block='block' />
85+
<div className="absolute hidden h-1 w-full bg-gradient-to-r from-[#050947] to-[#050947] lg:block" />
86+
<Circle
87+
left="left-[-11px]"
88+
top="top-[-4px]"
89+
hidden="hidden"
90+
block="block"
91+
/>
92+
<Circle
93+
right="right-[-11px]"
94+
top="top-[-4px]"
95+
hidden="hidden"
96+
block="block"
97+
/>
98+
<div className="absolute top-[90px] hidden h-1 w-full bg-gradient-to-r from-[#050947] to-[#050947] lg:block" />
99+
<Circle
100+
left="left-[-12px]"
101+
top="top-[87px]"
102+
hidden="hidden"
103+
block="block"
104+
/>
105+
<Circle
106+
right="right-[-12px]"
107+
top="top-[87px]"
108+
hidden="hidden"
109+
block="block"
110+
/>
88111

89-
<table class="hidden w-full table-auto md:table">
112+
<table className="hidden w-full table-auto md:table">
90113
<thead className="">
91114
<tr>
92-
{table_head.map(item => (
115+
{table_head.map((item, idx) => (
93116
<th
94117
scope="col"
95118
className="py-[39px] font-heading text-xl font-semibold text-white"
96-
key={item}
119+
key={item + idx}
97120
>
98121
{item}
99122
</th>
@@ -102,8 +125,8 @@ const CommunityFundPage = () => {
102125
</thead>
103126
<tbody>
104127
{table_body.map((item, idx) => (
105-
<>
106-
<tr className="relative" key={idx}>
128+
<React.Fragment key={item.balance + idx}>
129+
<tr className="relative">
107130
<td className="whitespace-nowrap py-3 text-center text-xl text-white">
108131
Level {`${idx + 1}`}
109132
</td>
@@ -126,8 +149,8 @@ const CommunityFundPage = () => {
126149
{item.payout}
127150
</td>
128151
</tr>
129-
<div className="absolute h-[1px] w-full bg-gradient-to-r from-blue-700 to-[#050947]" />
130-
</>
152+
<tr className="absolute h-[1px] w-full bg-gradient-to-r from-blue-700 to-[#050947]" />
153+
</React.Fragment>
131154
))}
132155
</tbody>
133156
</table>
@@ -149,7 +172,7 @@ const CommunityFundPage = () => {
149172
className="md:hidden"
150173
>
151174
{table_body.map((item, idx) => (
152-
<SwiperSlide key={idx}>
175+
<SwiperSlide key={item.profit_target + idx}>
153176
<h3 className="gold-linear mb-4 border-b-4 border-blue-gray py-[14px] text-center font-heading text-2xl font-semibold">
154177
Level {`${idx + 1}`}
155178
</h3>
@@ -212,23 +235,27 @@ const CommunityFundPage = () => {
212235
</div>
213236
</div>
214237

215-
<div className="container mt-24 max-xxs:mt-[clamp(100px,65vw,230px)] max-xxxs:mt-[clamp(100px,25vw,150px)] lg:mt-[200px] sm:pb-[120px] relative z-10">
216-
<h2 className="mt-12 text-center font-heading text-[36px] font-bold leading-[67.2px] text-white sm:mb-20 relative z-10 lg:text-[56px] ">
238+
<div className="container relative z-10 mt-24 max-xxs:mt-[clamp(100px,65vw,230px)] max-xxxs:mt-[clamp(100px,25vw,150px)] sm:pb-[120px] lg:mt-[200px]">
239+
<h2 className="relative z-10 mt-12 text-center font-heading text-[36px] font-bold leading-[67.2px] text-white sm:mb-20 lg:text-[56px] ">
217240
About <span className="gold-linear">Traderflow</span>
218241
</h2>
219-
<img src={IllustratoinDesktop} alt='illustration' className="absolute left-[45%] z-0 top-[20px] hidden max-sm:top-[400px] md:block" />
242+
<img
243+
src={IllustratoinDesktop}
244+
alt="illustration"
245+
className="absolute left-[45%] top-[20px] z-0 hidden max-sm:top-[400px] md:block"
246+
/>
220247
{/* <img src={Illustratoin} alt='illustration' className="absolute left-[30%] z-0 top-[20px] hidden max-sm:top-[130px] max-xs:block max-xs:top-[170px] " /> */}
221-
<p className="mx-auto mb-4 max-w-[636px] text-base text-gray sm:text-xl relative z-10">
248+
<p className="relative z-10 mx-auto mb-4 max-w-[636px] text-base text-gray sm:text-xl">
222249
Traderflow intends to bring on-chain auditing of OTC markets and be
223250
the industry standard over time.{" "}
224251
</p>
225-
<p className="mx-auto mb-[80px] max-xxs:mt-[25vw] max-w-[636px] font-heading text-xl font-semibold text-white sm:mb-[150px] sm:text-2xl relative z-10">
252+
<p className="relative z-10 mx-auto mb-[80px] max-w-[636px] font-heading text-xl font-semibold text-white max-xxs:mt-[25vw] sm:mb-[150px] sm:text-2xl">
226253
We plan to increase adoption, increase the number of platforms, and
227254
make our{" "}
228255
<span className="gold-linear">"Trust by Verify" (TBV)</span> the
229256
gold standard and terminology in non-centralized OTC markets.
230257
</p>
231-
<div className="text-box4 py-10 sm:pt-[44.5px] sm:pb-[59.5px] relative z-10">
258+
<div className="text-box4 relative z-10 py-10 sm:pt-[44.5px] sm:pb-[59.5px]">
232259
<p className="mx-auto max-w-[272px] text-[14px] text-base text-gray sm:max-w-[636px] sm:text-xl">
233260
We plan to put brokers/scammers/fake educators/risky signals on
234261
notice: all their fills are now recorded, so we can analyze their

‎src/pages/index.js

+21-14
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ import Header from "../components/Header"
77
import { Button } from "../components/Button"
88
import { RoadmapItem } from "../components/RoadmapItem"
99

10-
import { NftImg } from "../utils/imgImport"
10+
import { NftImg, HomeHero } from "../utils/imgImport"
1111
import { benefitItems, roadmaps, spatials } from "../utils/staticData"
1212

1313
const IndexPage = () => {
@@ -18,19 +18,26 @@ const IndexPage = () => {
1818

1919
{/* Hero Section */}
2020
<div className="container">
21-
<div className="pt-12 text-center sm:pt-[128px] sm:text-left">
22-
<h1 className="gold-linear font-heading text-[32px] font-bold leading-[44.8px] sm:text-[68px] sm:leading-[81.6px]">
23-
Trust But Verify
24-
</h1>
25-
<h1 className="max-w-[836px] font-heading text-[32px] font-bold leading-[44.8px] text-white sm:text-[68px] sm:leading-[81.6px]">
26-
Web 3.0 Trader Auditing, Trading Metaverse
27-
</h1>
28-
<p className="mx-auto mt-[12px] max-w-[355px] text-base text-gray sm:mx-0 sm:text-xl">
29-
Earn profits by laucnhing, staking and funding multi-chain ideas
30-
</p>
31-
<Button clsName="mt-10 btn-cta sm:mt-20">
32-
Sign up free of charge
33-
</Button>
21+
<div className="flex items-center">
22+
<div className="pt-12 text-center sm:text-left">
23+
<h1 className="gold-linear font-heading text-[32px] font-bold leading-[44.8px] sm:text-[clamp(32px,4vw,68px)] sm:leading-[clamp(32px,6vw,68px)]">
24+
Trust But Verify
25+
</h1>
26+
<h1 className="max-w-[836px] font-heading text-[32px] font-bold leading-[44.8px] text-white sm:text-[clamp(32px,4vw,68px)] sm:leading-[clamp(32px,6vw,68px)]">
27+
Web 3.0 Trader Auditing, Trading Metaverse
28+
</h1>
29+
<p className="mx-auto mt-[12px] max-w-[355px] text-base text-gray sm:mx-0 sm:text-xl">
30+
Earn profits by laucnhing, staking and funding multi-chain ideas
31+
</p>
32+
<Button clsName="mt-10 btn-cta sm:mt-20">
33+
Sign up free of charge
34+
</Button>
35+
</div>
36+
<img
37+
className="hidden h-[100%] w-[43%] sm:block"
38+
src={HomeHero}
39+
alt="Hero img"
40+
/>
3441
</div>
3542
<img className="mx-auto mt-16 sm:hidden" src={NftImg} alt="nft" />
3643
<div className="mt-20 sm:mt-[327px]">

‎src/utils/imgImport.js

+3-6
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import logo from "../images/logo.svg"
22
import logoMob from "../images/logo-mob.svg"
33

4+
import homeHero from "../images/home-hero.png"
45
import nftImg from "../images/nft.png"
56

67
import discordIcon from "../images/discord.svg"
@@ -22,17 +23,15 @@ import brightBlue from "../images/bright-blue.png"
2223
import platform from "../images/platform.png"
2324
import platformMobile from "../images/platform-mobile.png"
2425
import miniPlatform from "../images/mini-platform-light.png"
25-
import circleImg from "../images/circle-outline-16.png"
26-
import pinkCircle from "../images/circle-outline-pink.png"
27-
import greaterThan from "../images/Vector-19.svg"
26+
import greaterThan from "../images/vector-19.svg"
2827
import illustration from "../images/illustration.png"
2928
import illustrationDesktop from "../images/illustration-desktop.png"
3029

3130
export const Logo = logo
3231
export const LogoMob = logoMob
3332

3433
export const NftImg = nftImg
35-
34+
export const HomeHero = homeHero
3635
export const DiscordIcon = discordIcon
3736
export const TwitterIcon = twitterIcon
3837
export const MetaverseRoom = metaverseRoom
@@ -54,8 +53,6 @@ export const BrightBlue = brightBlue
5453
export const Platform = platform
5554
export const PlatformMobile = platformMobile
5655
export const MiniPlatform = miniPlatform
57-
export const CircleImg = circleImg
58-
export const PinkCircle = pinkCircle
5956
export const GreaterThan = greaterThan
6057
export const Illustratoin = illustration
6158
export const IllustratoinDesktop = illustrationDesktop

‎src/utils/staticData.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -131,7 +131,7 @@ export const chain_list = [
131131
{
132132
title: (
133133
<>
134-
Get up to <sapn className="gold-linear">15x</sapn> your profit{" "}
134+
Get up to <span className="gold-linear">15x</span> your profit{" "}
135135
</>
136136
),
137137
content: "trading your personal account from any broker ",

0 commit comments

Comments
 (0)