Skip to content

Commit c5873c4

Browse files
authored
Merge pull request #1552 from scroll-tech/eco-protocols
fix: update eco protocols
2 parents 2a0d8d6 + fdd5fb4 commit c5873c4

File tree

13 files changed

+390
-44
lines changed

13 files changed

+390
-44
lines changed

src/app/_components/FounderClub/Founders.tsx

Lines changed: 78 additions & 26 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,62 @@ 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",
50-
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,
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",
90+
content: "Scroll is like if zk-rollups and mainnet had a baby during a gas war and left it on your doorstep wrapped in alpha.",
91+
href: "https://honeypop.app/",
92+
image: JasonImage,
93+
bgColor: "#FAFDD4",
94+
},
95+
{
96+
name: "Mike Silagadze",
97+
title: "Co-founder",
98+
prototol: "EtherFi",
99+
content: "Fast, cheap, ZK, good long term oriented team, good ecosystem - bet on teams that ship.",
100+
href: "https://www.ether.fi/",
101+
image: MikeImage,
54102
bgColor: "#FFF8F3",
55103
},
56104
]
@@ -62,7 +110,11 @@ const Founders = () => {
62110

63111
const currentFounder = FOUNDER_LIST[current]
64112

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

67119
useEffect(() => {
68120
const interval = setTimeout(() => {
@@ -73,10 +125,10 @@ const Founders = () => {
73125

74126
const calc = index => {
75127
const predictedPosition = index - current + FOUNDER_LIST.length
76-
if (predictedPosition > 3) {
77-
return (predictedPosition % FOUNDER_LIST.length) * OFFSET * -1
128+
if (predictedPosition > FOUNDER_LIST.length - 1) {
129+
return (predictedPosition % FOUNDER_LIST.length) * cardOffset * -1
78130
}
79-
return predictedPosition * OFFSET * -1
131+
return predictedPosition * cardOffset * -1
80132
}
81133

82134
const handlePrev = () => {
@@ -96,12 +148,12 @@ const Founders = () => {
96148
gap: ["4rem", "6rem"],
97149
}}
98150
>
99-
<MotionBox sx={{ position: "relative", width: ["334px", "492px"], height: ["334px", "492px"], aspectRatio: "1/1" }}>
151+
<MotionBox sx={{ position: "relative", width: cardGroupHeight, height: cardGroupHeight, aspectRatio: "1/1" }}>
100152
{FOUNDER_LIST.map(({ name, image, bgColor }, index) => {
101153
return (
102154
<MotionBox
103155
key={index}
104-
initial={{ y: -index * OFFSET, x: -index * OFFSET }}
156+
initial={{ y: -index * cardOffset, x: -index * cardOffset }}
105157
animate={{ y: calc(index), x: calc(index) }}
106158
transition={{ type: "linear", duration: 0.6 }}
107159
sx={{
@@ -114,7 +166,7 @@ const Founders = () => {
114166
width: ["28.6rem", "42rem"],
115167
aspectRatio: "1/1",
116168
backgroundColor: bgColor,
117-
zIndex: OFFSET * FOUNDER_LIST.length + calc(index),
169+
zIndex: cardOffset * FOUNDER_LIST.length + calc(index),
118170
}}
119171
>
120172
<Image src={image} alt={name} className="h-[85.7%] w-auto" />
@@ -126,7 +178,7 @@ const Founders = () => {
126178
<Quota className="w-[4rem] sm:w-[6rem]"></Quota>
127179
<Typography sx={{ fontSize: ["2rem", "2.8rem"], lineHeight: ["3.6rem", "5.6rem"] }}>{currentFounder.content}</Typography>
128180
<Typography sx={{ fontSize: ["1.8rem", "2rem"], lineHeight: ["2.8rem", "3.6rem"], fontFamily: "var(--font-title)", flex: 1 }}>
129-
{currentFounder.name}, Co-founder of{" "}
181+
{currentFounder.name}, {currentFounder.title} of{" "}
130182
<a href={currentFounder.href} className="underline cursor-pointer whitespace-nowrap" target="_blank" rel="noreferrer">
131183
{currentFounder.prototol}
132184
</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 Polystream from "@/assets/images/home/Polystream.webp"
7+
import ProjectMocha from "@/assets/images/home/ProjectMocha.webp"
8+
import SynthOS from "@/assets/images/home/SynthOS.webp"
69
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"
10+
import Authgrow from "@/assets/svgs/landingpage/Authgrow.svg?url"
11+
import ChatterPay from "@/assets/svgs/landingpage/ChatterPay.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, height: ["20px", "26px"] },
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 = () => {

src/assets/images/home/JY.webp

44.6 KB
Binary file not shown.

src/assets/images/home/Jason.webp

59.2 KB
Binary file not shown.

src/assets/images/home/Peter.webp

64.1 KB
Binary file not shown.
66.7 KB
Binary file not shown.
46.5 KB
Binary file not shown.

src/assets/images/home/SynthOS.webp

17.4 KB
Binary file not shown.

src/assets/images/home/Tomas.webp

64.4 KB
Binary file not shown.
66.6 KB
Binary file not shown.

0 commit comments

Comments
 (0)