Skip to content

Commit cb6fc53

Browse files
committed
feat: update landing page about section and faq copy
- replace about section image with streamer.jpg, full-height flex layout - rewrite about section body copy and steps to remove nft/defi/staking claims - update all 4 faq answers with accurate, distinct, no-hyphen copy - delete unused about-image svg
1 parent 1cc9d77 commit cb6fc53

6 files changed

Lines changed: 42 additions & 50 deletions

File tree

components/landing-page/about.tsx

Lines changed: 33 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -2,14 +2,13 @@
22

33
import { useEffect, useRef } from "react";
44
import Image from "next/image";
5-
import { AboutImage2 } from "@/public/Images";
65

76
const steps = [
87
{
98
number: "01",
10-
title: "Connect Your Wallet",
9+
title: "Sign Up Your Way",
1110
description:
12-
"Sign in with your Stellar wallet. No email, no passwords. Your identity and earnings are fully yours.",
11+
"Continue with Google or connect a Stellar wallet, whichever you prefer. No complicated setup, no crypto knowledge needed to get started.",
1312
},
1413
{
1514
number: "02",
@@ -21,7 +20,7 @@ const steps = [
2120
number: "03",
2221
title: "Earn Without Limits",
2322
description:
24-
"Receive tips, subscriptions, and staking rewards directly to your wallet. Zero platform cuts. Instant settlement.",
23+
"Receive tips directly from your viewers and get paid instantly with no platform cut taken. Your earnings land in your account the moment they are sent.",
2524
},
2625
];
2726

@@ -52,7 +51,7 @@ export default function About() {
5251
return (
5352
<section id="about" className="py-24 px-4" ref={sectionRef}>
5453
<div className="max-w-6xl mx-auto">
55-
<div className="grid grid-cols-1 lg:grid-cols-2 gap-12 xl:gap-20 items-center">
54+
<div className="grid grid-cols-1 lg:grid-cols-2 gap-12 xl:gap-20 items-stretch">
5655
{/* Left: copy */}
5756
<div>
5857
<div className="reveal inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full border border-purple-500/30 bg-purple-500/10 text-purple-300 text-xs font-medium mb-7">
@@ -68,12 +67,11 @@ export default function About() {
6867
</h2>
6968

7069
<p className="reveal reveal-delay-2 text-white/50 text-sm leading-relaxed mb-10">
71-
StreamFi is a Web3-powered streaming platform built to give
72-
content creators and gamers full control over their earnings.
73-
Unlike traditional platforms that take large cuts and delay
74-
payouts, StreamFi uses blockchain technology to enable instant
75-
crypto tipping, NFT-based memberships, and DeFi staking rewards,
76-
all without middlemen.
70+
StreamFi is a live-streaming platform built to put creators first.
71+
Sign up with Google or a wallet, go live in seconds, and get paid
72+
instantly by your viewers with no middleman taking a cut. We use
73+
blockchain technology under the hood so payments are fast and
74+
transparent, but you never have to think about any of that.
7775
</p>
7876

7977
{/* Steps */}
@@ -102,26 +100,31 @@ export default function About() {
102100
</div>
103101

104102
{/* Right: image */}
105-
<div className="reveal reveal-delay-2 relative">
106-
<div
107-
className="absolute inset-0 rounded-3xl blur-3xl -z-10 scale-95 opacity-50"
108-
style={{
109-
background:
110-
"radial-gradient(ellipse at 40% 50%, rgba(124,58,237,0.25), transparent 70%)",
111-
}}
112-
/>
113-
<div
114-
className="rounded-2xl overflow-hidden border border-white/[0.08]"
115-
style={{
116-
boxShadow:
117-
"0 32px 80px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.04)",
118-
}}
119-
>
120-
<Image
121-
src={AboutImage2}
122-
alt="StreamFi Platform — Creator dashboard"
123-
className="w-full h-auto block"
103+
<div className="reveal reveal-delay-2 flex flex-col min-h-[480px]">
104+
<div className="relative flex-1">
105+
{/* Glow */}
106+
<div
107+
className="absolute inset-0 rounded-3xl blur-3xl -z-10 scale-95 opacity-50"
108+
style={{
109+
background:
110+
"radial-gradient(ellipse at 40% 50%, rgba(124,58,237,0.25), transparent 70%)",
111+
}}
124112
/>
113+
{/* Image fills the entire flex child */}
114+
<div
115+
className="absolute inset-0 rounded-2xl overflow-hidden border border-white/[0.08]"
116+
style={{
117+
boxShadow:
118+
"0 32px 80px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.04)",
119+
}}
120+
>
121+
<Image
122+
src="/Images/streamer.jpg"
123+
alt="StreamFi Platform — Creator streaming"
124+
fill
125+
className="object-cover"
126+
/>
127+
</div>
125128
</div>
126129
</div>
127130
</div>

data/landing-page/faqs.ts

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,24 +4,24 @@ export const tabs: TabItem[] = [
44
id: "tab1",
55
title: "What is StreamFi?",
66
content:
7-
"StreamFi is a decentralized live-streaming platform that allows creators to monetize their content without intermediaries. Powered by blockchain technology, it ensures 100% earnings retention, direct fan engagement, and community-driven governance.",
7+
"StreamFi is a live-streaming platform built on blockchain technology. It lets creators go live, grow an audience, and get paid directly by their fans, with no platform taking a cut of their earnings. Think of it as a streaming platform with the speed and transparency of web3 under the hood, but with the simplicity of any app you already use.",
88
},
99
{
1010
id: "tab2",
1111
title: "How do creators earn on StreamFi?",
1212
content:
13-
"StreamFi is a decentralized live-streaming platform that allows creators to monetize their content without intermediaries. Powered by blockchain technology, it ensures 100% earnings retention, direct fan engagement, and community-driven governance.",
13+
"Viewers can send tips directly to creators during a live stream, and every payment goes straight to the creator with no intermediary taking a percentage. Payments settle in seconds using the Stellar network, so creators do not wait days to access their earnings. As we grow, we plan to add more monetisation options like subscriptions and paid streams.",
1414
},
1515
{
1616
id: "tab3",
1717
title: "Do I need crypto knowledge to use StreamFi?",
1818
content:
19-
"StreamFi is a decentralized live-streaming platform that allows creators to monetize their content without intermediaries. Powered by blockchain technology, it ensures 100% earnings retention, direct fan engagement, and community-driven governance.",
19+
"Not at all. StreamFi is built for everyone, no wallets to configure, no seed phrases to write down, no crypto experience required. We handle all the blockchain complexity behind the scenes so you can sign up, stream, and get paid just like any other platform. Web3 powers the speed and fairness of payments, and you never have to think about it.",
2020
},
2121
{
2222
id: "tab4",
23-
title: " Is StreamFi free to use?",
23+
title: "Is StreamFi free to use?",
2424
content:
25-
"StreamFi is a decentralized live-streaming platform that allows creators to monetize their content without intermediaries. Powered by blockchain technology, it ensures 100% earnings retention, direct fan engagement, and community-driven governance.",
25+
"Yes, StreamFi is free to use for both creators and viewers. You can sign up, go live, and watch streams at no cost. When viewers send tips, a small network fee applies on the transaction itself, but StreamFi does not charge creators a platform fee on top of that. Your earnings are yours.",
2626
},
2727
];

data/landing-page/frequentlyAskedQuestions.ts

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,24 +3,24 @@ export const frequentlyAskedQuestions = [
33
id: "q1",
44
title: "What is StreamFi?",
55
content:
6-
"StreamFi is a decentralized live-streaming platform that allows creators to monetize their content without intermediaries. Powered by blockchain technology, it ensures 100% earnings retention, direct fan engagement, and community-driven governance.",
6+
"StreamFi is a live-streaming platform built on blockchain technology. It lets creators go live, grow an audience, and get paid directly by their fans, with no platform taking a cut of their earnings. Think of it as a streaming platform with the speed and transparency of web3 under the hood, but with the simplicity of any app you already use.",
77
},
88
{
99
id: "q2",
1010
title: "How do creators earn on StreamFi?",
1111
content:
12-
"StreamFi is a decentralized live-streaming platform that allows creators to monetize their content without intermediaries. Powered by blockchain technology, it ensures 100% earnings retention, direct fan engagement, and community-driven governance.",
12+
"Viewers can send tips directly to creators during a live stream, and every payment goes straight to the creator with no intermediary taking a percentage. Payments settle in seconds using the Stellar network, so creators do not wait days to access their earnings. As we grow, we plan to add more monetisation options like subscriptions and paid streams.",
1313
},
1414
{
1515
id: "q3",
1616
title: "Do I need crypto knowledge to use StreamFi?",
1717
content:
18-
"StreamFi is a decentralized live-streaming platform that allows creators to monetize their content without intermediaries. Powered by blockchain technology, it ensures 100% earnings retention, direct fan engagement, and community-driven governance.",
18+
"Not at all. StreamFi is built for everyone, no wallets to configure, no seed phrases to write down, no crypto experience required. We handle all the blockchain complexity behind the scenes so you can sign up, stream, and get paid just like any other platform. Web3 powers the speed and fairness of payments, and you never have to think about it.",
1919
},
2020
{
2121
id: "q4",
2222
title: "Is StreamFi free to use?",
2323
content:
24-
"StreamFi is a decentralized live-streaming platform that allows creators to monetize their content without intermediaries. Powered by blockchain technology, it ensures 100% earnings retention, direct fan engagement, and community-driven governance.",
24+
"Yes, StreamFi is free to use for both creators and viewers. You can sign up, go live, and watch streams at no cost. When viewers send tips, a small network fee applies on the transaction itself, but StreamFi does not charge creators a platform fee on top of that. Your earnings are yours.",
2525
},
2626
];

public/Images/About-image (2).svg

Lines changed: 0 additions & 9 deletions
This file was deleted.

public/Images/index.ts

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,6 @@ import YoutubeLogo from "./youtube-logo.png";
44
import Discord from "./discord copy.svg";
55
import Copy from "@/public/Images/copy.png";
66
import Avatar from "@/public/Images/user.png";
7-
import AboutImage2 from "./About-image (2).svg";
87
import ProfileImage from "./profile.png";
98
import Logo from "./streamFiLogo.svg";
109
export {
@@ -14,7 +13,6 @@ export {
1413
Discord,
1514
Copy,
1615
Avatar,
17-
AboutImage2,
1816
ProfileImage,
1917
Logo,
2018
};

public/Images/streamer.jpg

1.45 MB
Loading

0 commit comments

Comments
 (0)