Skip to content

Commit c95a3c6

Browse files
committed
fix: update eco protocols
1 parent 2a0d8d6 commit c95a3c6

File tree

13 files changed

+367
-43
lines changed

13 files changed

+367
-43
lines changed

src/app/_components/FounderClub/Founders.tsx

Lines changed: 78 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -2,14 +2,18 @@
22

33
import { motion } from "motion/react"
44
import Image from "next/image"
5-
import { useEffect, useState } from "react"
5+
import { useEffect, useMemo, useState } from "react"
66

77
import { Box, IconButton, Stack, Typography } from "@mui/material"
88

9+
import JYImage from "@/assets/images/home/JY.webp"
10+
import JasonImage from "@/assets/images/home/Jason.webp"
911
import MikeImage from "@/assets/images/home/Mike Silagadze.webp"
12+
import PeterMainaImage from "@/assets/images/home/Peter.webp"
1013
import RobertoImage from "@/assets/images/home/Roberto Machado.webp"
14+
import TomasDIMaurovImage from "@/assets/images/home/Tomas.webp"
1115
import TonyImage from "@/assets/images/home/Tony Olendo.webp"
12-
import YiImage from "@/assets/images/home/Yi Sun.webp"
16+
import YudhishthraImage from "@/assets/images/home/Yudhishthra.webp"
1317
import LeftButton from "@/assets/svgs/landingpage/left-button.svg"
1418
import Quota from "@/assets/svgs/landingpage/quota.svg"
1519
import RightButton from "@/assets/svgs/landingpage/right-button.svg"
@@ -18,8 +22,19 @@ import useCheckViewport from "@/hooks/useCheckViewport"
1822
const MotionBox = motion(Box)
1923

2024
const FOUNDER_LIST = [
25+
{
26+
name: "Tony Olendo",
27+
title: "Co-Founder",
28+
prototol: "ViFi",
29+
content:
30+
"We are building on Scroll because it offers our users the strongest cryptographic guarantees. Scroll has built the most performant ZK L2 in the industry and offering this security to our users is a no brainer.",
31+
href: "https://www.virtualfinance.xyz/",
32+
image: TonyImage,
33+
bgColor: "#E5E2F7",
34+
},
2135
{
2236
name: "Roberto Machado",
37+
title: "Co-Founder",
2338
prototol: "Quill Finance",
2439
content:
2540
"We were able to launch Quill with first-mover advantage because of how easy Scroll makes things for builders. This is an ecosystem meant for those who want to create value, not extract it.",
@@ -28,29 +43,63 @@ const FOUNDER_LIST = [
2843
bgColor: "#DCF2EF",
2944
},
3045
{
31-
name: "Mike Silagadze",
32-
prototol: "EtherFi",
33-
content: "Fast, cheap, ZK, good long term oriented team, good ecosystem - bet on teams that ship.",
34-
href: "https://www.ether.fi/",
35-
image: MikeImage,
46+
name: "Tomas DI Maurov",
47+
title: "Founder",
48+
prototol: "ChatterPay",
49+
content:
50+
"Scroll helped us take ChatterPay from a hackathon project to mainnet, with low-cost transfers and key support from all the team that boosted our launch, distribution, and content.",
51+
52+
href: "https://chatterpay.net/",
53+
image: TomasDIMaurovImage,
54+
bgColor: "#FFF8F3",
55+
},
56+
{
57+
name: "Yudhishthra",
58+
title: "Founder",
59+
prototol: "SynthOS",
60+
content:
61+
"Scroll is building the stablecoin stack for yield, utility, and access. SynthOS plugs into it by routing idle stablecoins to earn in the background, then settling instantly when needed.",
62+
63+
href: "https://www.synthos.fun/",
64+
image: YudhishthraImage,
3665
bgColor: "#FAFDD4",
3766
},
3867
{
39-
name: "Tony Olendo",
40-
prototol: "ViFi",
68+
name: "Peter Maina",
69+
title: "Founder",
70+
prototol: "Project Mocha",
4171
content:
42-
"We are building on Scroll because it offers our users the strongest cryptographic guarantees. Scroll has built the most performant ZK L2 in the industry and offering this security to our users is a no brainer.",
43-
href: "https://www.virtualfinance.xyz/",
44-
image: TonyImage,
72+
"Project Mocha is building on Scroll’s zkEVM Layer 2 because it gives us the scalability and low fees we need to empower coffee farmers . With Scroll’s fast, secure, and cost-effective infrastructure, we can focus on real impact—helping communities grow while providing global users a frictionless Web3 experience.",
73+
href: "https://projectmocha.com/",
74+
image: PeterMainaImage,
4575
bgColor: "#E5E2F7",
4676
},
4777
{
48-
name: "Yi Sun",
49-
prototol: "Axiom",
78+
name: "JY",
79+
title: "Founder",
80+
prototol: "Polystream",
81+
content: "Building on Scroll is a no-brainer: cheap, secure, and most importantly, dev-friendly. Love the people too!",
82+
href: "https://www.polystream.xyz/",
83+
image: JYImage,
84+
bgColor: "#DCF2EF",
85+
},
86+
{
87+
name: "Sir Honeyworth B. Goldwing",
88+
title: "Chief Nectar Officer",
89+
prototol: "Honeypop",
5090
content:
51-
"As we’ve been building Axiom, we’ve benefited tremendously from Scroll’s community-driven ethos in both open source code collaboration and ZK education.",
52-
href: "https://www.axiom.xyz/",
53-
image: YiImage,
91+
"Born in the lush Golden Hive of Scroll Valley, Honeyworth inherited his family’s centuries-old tradition of collecting the finest nectar from the richest flowers. When he discovered DeFi, he realized there was sweeter gold than honey. Now, he uses his knowledge of liquidity flows to guide others to prosperous harvests on Honeypop.",
92+
href: "https://honeypop.app/",
93+
image: JasonImage,
94+
bgColor: "#FAFDD4",
95+
},
96+
{
97+
name: "Mike Silagadze",
98+
title: "Co-founder",
99+
prototol: "EtherFi",
100+
content: "Fast, cheap, ZK, good long term oriented team, good ecosystem - bet on teams that ship.",
101+
href: "https://www.ether.fi/",
102+
image: MikeImage,
54103
bgColor: "#FFF8F3",
55104
},
56105
]
@@ -62,7 +111,11 @@ const Founders = () => {
62111

63112
const currentFounder = FOUNDER_LIST[current]
64113

65-
const OFFSET = isDesktop ? 24 : 16
114+
const cardOffset = useMemo(() => (isDesktop ? 24 : 16), [isDesktop])
115+
116+
const cardSize = useMemo(() => (isDesktop ? 420 : 286), [isDesktop])
117+
118+
const cardGroupHeight = cardSize + cardOffset * FOUNDER_LIST.length
66119

67120
useEffect(() => {
68121
const interval = setTimeout(() => {
@@ -73,10 +126,10 @@ const Founders = () => {
73126

74127
const calc = index => {
75128
const predictedPosition = index - current + FOUNDER_LIST.length
76-
if (predictedPosition > 3) {
77-
return (predictedPosition % FOUNDER_LIST.length) * OFFSET * -1
129+
if (predictedPosition > FOUNDER_LIST.length - 1) {
130+
return (predictedPosition % FOUNDER_LIST.length) * cardOffset * -1
78131
}
79-
return predictedPosition * OFFSET * -1
132+
return predictedPosition * cardOffset * -1
80133
}
81134

82135
const handlePrev = () => {
@@ -96,12 +149,12 @@ const Founders = () => {
96149
gap: ["4rem", "6rem"],
97150
}}
98151
>
99-
<MotionBox sx={{ position: "relative", width: ["334px", "492px"], height: ["334px", "492px"], aspectRatio: "1/1" }}>
152+
<MotionBox sx={{ position: "relative", width: cardGroupHeight, height: cardGroupHeight, aspectRatio: "1/1" }}>
100153
{FOUNDER_LIST.map(({ name, image, bgColor }, index) => {
101154
return (
102155
<MotionBox
103156
key={index}
104-
initial={{ y: -index * OFFSET, x: -index * OFFSET }}
157+
initial={{ y: -index * cardOffset, x: -index * cardOffset }}
105158
animate={{ y: calc(index), x: calc(index) }}
106159
transition={{ type: "linear", duration: 0.6 }}
107160
sx={{
@@ -114,7 +167,7 @@ const Founders = () => {
114167
width: ["28.6rem", "42rem"],
115168
aspectRatio: "1/1",
116169
backgroundColor: bgColor,
117-
zIndex: OFFSET * FOUNDER_LIST.length + calc(index),
170+
zIndex: cardOffset * FOUNDER_LIST.length + calc(index),
118171
}}
119172
>
120173
<Image src={image} alt={name} className="h-[85.7%] w-auto" />
@@ -126,7 +179,7 @@ const Founders = () => {
126179
<Quota className="w-[4rem] sm:w-[6rem]"></Quota>
127180
<Typography sx={{ fontSize: ["2rem", "2.8rem"], lineHeight: ["3.6rem", "5.6rem"] }}>{currentFounder.content}</Typography>
128181
<Typography sx={{ fontSize: ["1.8rem", "2rem"], lineHeight: ["2.8rem", "3.6rem"], fontFamily: "var(--font-title)", flex: 1 }}>
129-
{currentFounder.name}, Co-founder of{" "}
182+
{currentFounder.name}, {currentFounder.title} of{" "}
130183
<a href={currentFounder.href} className="underline cursor-pointer whitespace-nowrap" target="_blank" rel="noreferrer">
131184
{currentFounder.prototol}
132185
</a>

src/app/_components/FounderClub/Protocols.tsx

Lines changed: 16 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -3,40 +3,38 @@ import Marquee from "react-fast-marquee"
33

44
import { Box } from "@mui/material"
55

6+
import ChatterPay from "@/assets/images/home/ChatterPay.webp"
7+
import Polystream from "@/assets/images/home/Polystream.webp"
8+
import ProjectMocha from "@/assets/images/home/ProjectMocha.webp"
9+
import SynthOS from "@/assets/images/home/SynthOS.webp"
610
import Aave from "@/assets/svgs/landingpage/Aave.svg?url"
7-
import Ambient from "@/assets/svgs/landingpage/Ambient.svg?url"
8-
import Axiom from "@/assets/svgs/landingpage/Axiom.svg?url"
11+
import Authgrow from "@/assets/svgs/landingpage/Authgrow.svg?url"
912
import Circle from "@/assets/svgs/landingpage/Circle.svg?url"
10-
import Compound from "@/assets/svgs/landingpage/Compound.svg?url"
11-
import Ethena from "@/assets/svgs/landingpage/Ethena.svg?url"
1213
import EtherFi from "@/assets/svgs/landingpage/EtherFi.svg?url"
13-
import Kelp from "@/assets/svgs/landingpage/Kelp.svg?url"
14+
import Honeypop from "@/assets/svgs/landingpage/Honeypop.svg?url"
1415
import Lido from "@/assets/svgs/landingpage/Lido.svg?url"
1516
import Mellow from "@/assets/svgs/landingpage/Mellow.svg?url"
16-
import Orbiter from "@/assets/svgs/landingpage/Orbiter.svg?url"
17-
import Puffer from "@/assets/svgs/landingpage/Puffer.svg?url"
1817
import QuillFinance from "@/assets/svgs/landingpage/QuillFinance.svg?url"
1918
import Symbiotic from "@/assets/svgs/landingpage/Symbiotic.svg?url"
2019
import Tempest from "@/assets/svgs/landingpage/Tempest.svg?url"
2120
import VIFI from "@/assets/svgs/landingpage/VIFI.svg?url"
2221

2322
const PROTOCOL_LIST = [
24-
{ label: "EtherFi", image: EtherFi },
25-
{ label: "Ambient", image: Ambient },
26-
{ label: "Lido", image: Lido },
27-
{ label: "Axiom", image: Axiom },
28-
{ label: "Aave", image: Aave, height: ["15px", "20px"] },
2923
{ label: "VIFI", image: VIFI, height: ["18px", "24px"] },
3024
{ label: "Quill Finance", image: QuillFinance, height: ["18px", "24px"] },
31-
{ label: "Compound", image: Compound },
32-
{ label: "Orbiter Finance", image: Orbiter },
25+
{ label: "ChatterPay", image: ChatterPay },
26+
{ label: "SynthOS", image: SynthOS },
27+
{ label: "Project Mocha", image: ProjectMocha },
28+
{ label: "Polystream", image: Polystream },
29+
{ label: "Honeypop", image: Honeypop },
30+
{ label: "Anthgrow", image: Authgrow },
31+
{ label: "EtherFi", image: EtherFi },
32+
{ label: "Circle", image: Circle },
33+
{ label: "Aave", image: Aave, height: ["15px", "20px"] },
34+
{ label: "Lido", image: Lido },
3335
{ label: "Mellow", image: Mellow },
3436
{ label: "Symbiotic", image: Symbiotic, height: ["15px", "20px"] },
35-
{ label: "Kelp", image: Kelp },
36-
{ label: "Puffer", image: Puffer },
37-
{ label: "Ethena", image: Ethena },
3837
{ label: "Tempest", image: Tempest, height: ["15px", "20px"] },
39-
{ label: "Circle", image: Circle },
4038
]
4139

4240
const Protocols = () => {
32.7 KB
Loading

src/assets/images/home/JY.webp

44.6 KB
Loading

src/assets/images/home/Jason.webp

59.2 KB
Loading

src/assets/images/home/Peter.webp

64.1 KB
Loading
66.7 KB
Loading
46.5 KB
Loading
17.4 KB
Loading

src/assets/images/home/Tomas.webp

64.4 KB
Loading

0 commit comments

Comments
 (0)