Skip to content

Commit 33d5b69

Browse files
kuco23claude
kuco23
and
claude
committed
claude:feat: rewrite about page with B2B-focused infrastructure pitch
Replaces the prior who-are-we summary with sections targeted at protocols, custodians, and funds — covering audiences, stack, and value props in the shared container-inner card style. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
1 parent a168fc2 commit 33d5b69

1 file changed

Lines changed: 220 additions & 17 deletions

File tree

‎src/pages/about.jsx‎

Lines changed: 220 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,220 @@
1-
import React from 'react'
2-
import Summary from '../components/sections/summary'
3-
import Resume from '../components/sections/resume'
4-
import Testimonials from '../components/sections/testimonials'
5-
6-
const About = () => {
7-
return (
8-
<>
9-
<Summary />
10-
{/* <Resume /> */}
11-
{/* <Testimonials /> */}
12-
13-
</>
14-
)
15-
}
16-
17-
export default About
1+
import {
2+
RiShieldCheckLine,
3+
RiBuilding4Line,
4+
RiBankLine,
5+
RiBriefcase4Line,
6+
RiServerLine,
7+
RiLineChartLine,
8+
RiPulseLine,
9+
RiNodeTree,
10+
} from '@remixicon/react'
11+
import SlideUp from '../utils/animations/slideUp'
12+
13+
14+
const About = () => {
15+
return (
16+
<>
17+
<Mission />
18+
<Audiences />
19+
<Stack />
20+
<ValueProps />
21+
</>
22+
)
23+
}
24+
25+
export default About
26+
27+
28+
const Mission = () => (
29+
<section id="about" className="about-single-area innerpage-single-area">
30+
<div className="container">
31+
<div className="container-inner">
32+
<div className="row">
33+
<div className="col-xl-12 col-lg-12">
34+
<SlideUp>
35+
<div className="about-content-part text-center">
36+
<p style={{ textTransform: 'uppercase', letterSpacing: '0.15em', color: 'var(--primary-color)', marginBottom: 12 }}>
37+
Staking infrastructure, for institutions
38+
</p>
39+
<h2 style={{ fontSize: 44, lineHeight: 1.15, marginBottom: 24 }}>
40+
Turn the native tokens on your balance sheet into <span style={{ color: 'var(--primary-color)' }}>productive, low-risk yield.</span>
41+
</h2>
42+
<p style={{ fontSize: 17, maxWidth: 760, margin: '0 auto' }}>
43+
StakeCore operates validator and protocol-signing infrastructure for the
44+
Flare, Avalanche, and Songbird networks. Protocols, custodians, and
45+
treasuries delegate their FLR, AVAX, and SGB to us — earning rewards
46+
with a risk profile equivalent to simply holding the asset.
47+
</p>
48+
</div>
49+
</SlideUp>
50+
</div>
51+
</div>
52+
</div>
53+
</div>
54+
</section>
55+
)
56+
57+
58+
const audiences = [
59+
{
60+
icon: <RiBuilding4Line size={48} />,
61+
title: 'Protocols & Foundations',
62+
body: 'Make your native treasury productive. Earn rewards on the same tokens that secure your network, without giving up custody or introducing new counterparties.',
63+
},
64+
{
65+
icon: <RiBankLine size={48} />,
66+
title: 'Custodians, Exchanges & Wallets',
67+
body: 'Offer staking yield to your end users on Flare, Avalanche, and Songbird. Non-custodial delegation means client tokens stay in client wallets — you pass through the rewards.',
68+
},
69+
{
70+
icon: <RiBriefcase4Line size={48} />,
71+
title: 'Funds, Treasuries & Family Offices',
72+
body: 'Put idle FLR, AVAX, or SGB to work. No bridges, no synthetic wrappers, no smart-contract surface — just direct delegation to validators we run ourselves.',
73+
},
74+
]
75+
76+
77+
const Audiences = () => (
78+
<section className="services-area">
79+
<div className="container">
80+
<div className="container-inner">
81+
<div className="row">
82+
<div className="col-xl-12 col-lg-12">
83+
<SlideUp>
84+
<div className="section-title text-center">
85+
<p>Who we serve</p>
86+
<h2>Built for crypto-native businesses</h2>
87+
</div>
88+
</SlideUp>
89+
</div>
90+
</div>
91+
<div className="row">
92+
{audiences.map(({ icon, title, body }, i) => (
93+
<div key={i} className="col-lg-4 col-md-6">
94+
<SlideUp delay={i + 1}>
95+
<div className="service-item">
96+
{icon}
97+
<h4>{title}</h4>
98+
<p>{body}</p>
99+
</div>
100+
</SlideUp>
101+
</div>
102+
))}
103+
</div>
104+
</div>
105+
</div>
106+
</section>
107+
)
108+
109+
110+
const stack = [
111+
{
112+
icon: <RiServerLine size={36} />,
113+
title: 'Validator nodes',
114+
body: 'Snowball consensus participation on Avalanche and Flare. Redundant deployments across regions.',
115+
},
116+
{
117+
icon: <RiNodeTree size={36} />,
118+
title: 'FSP & SSP signers',
119+
body: 'Flare Systems Protocol and Songbird Systems Protocol signing infrastructure with sub-epoch reliability targets.',
120+
},
121+
{
122+
icon: <RiPulseLine size={36} />,
123+
title: '24/7 monitoring',
124+
body: 'Automated alerting, on-call rotation, and a transparent uptime record published live on this site.',
125+
},
126+
]
127+
128+
129+
const Stack = () => (
130+
<section className="services-area">
131+
<div className="container">
132+
<div className="container-inner">
133+
<div className="row">
134+
<div className="col-xl-12 col-lg-12">
135+
<SlideUp>
136+
<div className="section-title text-center">
137+
<p>What we run</p>
138+
<h2>The full consensus stack</h2>
139+
</div>
140+
</SlideUp>
141+
</div>
142+
</div>
143+
<div className="row">
144+
{stack.map(({ icon, title, body }, i) => (
145+
<div key={i} className="col-lg-4 col-md-6">
146+
<SlideUp delay={i + 1}>
147+
<div className="service-item">
148+
{icon}
149+
<h4>{title}</h4>
150+
<p>{body}</p>
151+
</div>
152+
</SlideUp>
153+
</div>
154+
))}
155+
</div>
156+
</div>
157+
</div>
158+
</section>
159+
)
160+
161+
162+
const valueProps = [
163+
{
164+
icon: <RiShieldCheckLine size={44} />,
165+
title: 'Risk-equivalent to holding the asset',
166+
body: 'Delegated tokens never leave your wallet. No smart contracts in the path, no bridges, no liquid-staking derivative. The only risk you take on is the same risk you took when you bought the token.',
167+
},
168+
{
169+
icon: <RiLineChartLine size={44} />,
170+
title: 'Transparent, on-chain reporting',
171+
body: 'Live delegation totals, reward history, and uptime are published on this site — no NDA, no quarterly PDF. Verify everything yourself, on-chain, at any time.',
172+
},
173+
{
174+
icon: <RiPulseLine size={44} />,
175+
title: 'Multi-network, multi-protocol coverage',
176+
body: 'One counterparty across Flare, Avalanche, and Songbird, and across both validator and FSP/SSP roles. One contract, one onboarding, one point of contact.',
177+
},
178+
{
179+
icon: <RiServerLine size={44} />,
180+
title: 'Direct support from the engineers',
181+
body: 'Institutional partners get a direct line to the team running the nodes. Integration questions, custom reporting, reward routing — handled by the people who actually built it.',
182+
},
183+
]
184+
185+
186+
const ValueProps = () => (
187+
<section className="services-area">
188+
<div className="container">
189+
<div className="container-inner">
190+
<div className="row">
191+
<div className="col-xl-12 col-lg-12">
192+
<SlideUp>
193+
<div className="section-title text-center">
194+
<p>Why StakeCore</p>
195+
<h2>Yield, without the asterisks</h2>
196+
</div>
197+
</SlideUp>
198+
</div>
199+
</div>
200+
<div className="row">
201+
{valueProps.map(({ icon, title, body }, i) => (
202+
<div key={i} className="col-lg-6">
203+
<SlideUp delay={i + 1}>
204+
<div className="service-item" style={{ display: 'flex', gap: 24, alignItems: 'flex-start', marginBottom: 24 }}>
205+
<div style={{ flexShrink: 0, color: 'var(--primary-color)' }}>{icon}</div>
206+
<div>
207+
<h4 style={{ marginTop: 0 }}>{title}</h4>
208+
<p>{body}</p>
209+
</div>
210+
</div>
211+
</SlideUp>
212+
</div>
213+
))}
214+
</div>
215+
</div>
216+
</div>
217+
</section>
218+
)
219+
220+

0 commit comments

Comments
 (0)