bender/39a74ebf-a7b5-4b65-9b4e-03df2e3b8073
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-17 17:12:38 +00:00
parent 6f7b012ed0
commit cde797aeb4
1 changed files with 43 additions and 254 deletions
Download Patch File Download Diff File Expand all files Collapse all files

297
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Features",
id: "#features",
},
{
name: "Pricing",
id: "#pricing",
},
{
name: "Testimonials",
id: "#testimonials",
},
{
name: "FAQ",
id: "#faq",
},
{ name: "Features", id: "#features" },
{ name: "Pricing", id: "#pricing" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "FAQ", id: "#faq" },
]}
brandName="TradeSim"
/>
@@ -55,42 +43,16 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Trade Everything. Risk Nothing. Learn Fast."
description="Master crypto, stocks, forex, commodities, and index funds with $100,000 virtual capital. Practice real market strategies in a safe, consequence-free environment."
buttons={[
{
text: "Start Paper Trading Free",
href: "#contact",
},
]}
buttons={[{ text: "Start Paper Trading Free", href: "#contact" }]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-48803.jpg?_wi=1",
imageAlt: "Trading Dashboard",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg",
imageAlt: "Market Analytics",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/trading-stock-stock-market-business-graph-trading-investment-broker-stock-exchange-market_169016-66442.jpg",
imageAlt: "Portfolio Tracking",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg",
imageAlt: "Crypto Simulation",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-futuristic-office_23-2151003754.jpg",
imageAlt: "Forex Tools",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/team-leader-showing-employee-mistakes-fix-business-documents-pc_482257-131788.jpg",
imageAlt: "Commodities Watch",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-48803.jpg", imageAlt: "Trading Dashboard" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg", imageAlt: "Market Analytics" },
{ imageSrc: "http://img.b2bpic.net/free-photo/trading-stock-stock-market-business-graph-trading-investment-broker-stock-exchange-market_169016-66442.jpg", imageAlt: "Portfolio Tracking" },
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg", imageAlt: "Crypto Simulation" },
{ imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-futuristic-office_23-2151003754.jpg", imageAlt: "Forex Tools" }
]}
mediaAnimation="slide-up"
/>
@@ -101,9 +63,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Master the Markets Without Risk"
description={[
"Whether you are a beginner looking to understand market mechanics or an experienced trader stress-testing a new strategy, our platform provides a mirror-image of real-world trading environments.",
"With $100,000 in virtual capital, you get unlimited access to buy, sell, and analyze assets across all major financial sectors. Build your confidence without risking a single cent of real money.",
]}
"Whether you are a beginner looking to understand market mechanics or an experienced trader stress-testing a new strategy, our platform provides a mirror-image of real-world trading environments.", "With $100,000 in virtual capital, you get unlimited access to buy, sell, and analyze assets across all major financial sectors. Build your confidence without risking a single cent of real money."]}
/>
</div>
@@ -114,47 +74,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Multi-Asset Support",
description: "Trade everything from volatile cryptocurrencies and forex pairs to stable index funds and commodities in one unified dashboard.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-holding-remote-control-chatting-smartphone_482257-126560.jpg",
imageAlt: "Multi-asset dashboard",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-office-space-featuring-cubicles-organized-workstations_482257-96243.jpg",
imageAlt: "Crypto and stocks analytics",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-48803.jpg?_wi=2",
imageAlt: "mobile trading app interface",
title: "Multi-Asset Support", description: "Trade everything from volatile cryptocurrencies and forex pairs to stable index funds and commodities in one unified dashboard.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/happy-man-holding-remote-control-chatting-smartphone_482257-126560.jpg", imageAlt: "Multi-asset dashboard" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/contemporary-office-space-featuring-cubicles-organized-workstations_482257-96243.jpg", imageAlt: "Crypto and stocks analytics" }
},
{
title: "Real-time Market Data",
description: "Experience simulated trading using live market feeds that replicate actual market movements and price volatility.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/minimalistic-still-life-assortment-with-cryptocurrency_23-2149102102.jpg",
imageAlt: "Live charts",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/isolated-greenscreen-display-running-tablet-military-power-base_482257-89730.jpg",
imageAlt: "Real-time price feed",
},
imageSrc: "http://img.b2bpic.net/free-photo/technology-connection-online-networking-medias-conpt_53876-64965.jpg",
imageAlt: "mobile trading app interface",
title: "Real-time Market Data", description: "Experience simulated trading using live market feeds that replicate actual market movements and price volatility.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/minimalistic-still-life-assortment-with-cryptocurrency_23-2149102102.jpg", imageAlt: "Live charts" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/isolated-greenscreen-display-running-tablet-military-power-base_482257-89730.jpg", imageAlt: "Real-time price feed" }
},
{
title: "Portfolio Analytics",
description: "Track your gains, losses, and historical performance with advanced reporting tools designed to improve your decision-making.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372425.jpg",
imageAlt: "Performance tracking",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/laptop-showing-isolated-chroma-key-help-strategy-planning_482257-126434.jpg",
imageAlt: "Strategy breakdown",
},
imageSrc: "http://img.b2bpic.net/free-photo/hipster-attractive-man-using-devices-working-laptop-tablet-computer_285396-1632.jpg?_wi=1",
imageAlt: "mobile trading app interface",
},
title: "Portfolio Analytics", description: "Track your gains, losses, and historical performance with advanced reporting tools designed to improve your decision-making.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372425.jpg", imageAlt: "Performance tracking" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/laptop-showing-isolated-chroma-key-help-strategy-planning_482257-126434.jpg", imageAlt: "Strategy breakdown" }
}
]}
showStepNumbers={true}
title="Core Trading Features"
@@ -169,40 +99,13 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Starter",
price: "Free",
subtitle: "Perfect for beginners",
features: [
"100k Virtual Capital",
"Basic Market Access",
"Portfolio Tracking",
],
buttons: [
{
text: "Start Free",
href: "#contact",
},
],
id: "basic", badge: "Starter", price: "Free", subtitle: "Perfect for beginners", features: ["100k Virtual Capital", "Basic Market Access", "Portfolio Tracking"],
buttons: [{ text: "Start Free", href: "#contact" }]
},
{
id: "pro",
badge: "Pro",
price: "$29/mo",
subtitle: "For serious traders",
features: [
"Unlimited Capital",
"Advanced Analytics",
"Custom Strategy Tools",
"Priority Support",
],
buttons: [
{
text: "Upgrade",
href: "#contact",
},
],
},
id: "pro", badge: "Pro", price: "$29/mo", subtitle: "For serious traders", features: ["Unlimited Capital", "Advanced Analytics", "Custom Strategy Tools", "Priority Support"],
buttons: [{ text: "Upgrade", href: "#contact" }]
}
]}
title="Simple Pricing"
description="Choose the level of access that matches your learning goals."
@@ -215,24 +118,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Users,
title: "Active Traders",
value: "50,000+",
},
{
id: "m2",
icon: TrendingUp,
title: "Trades Executed",
value: "2M+",
},
{
id: "m3",
icon: Shield,
title: "Risk Mitigated",
value: "$500M+",
},
{ id: "m1", icon: Users, title: "Active Traders", value: "50,000+" },
{ id: "m2", icon: TrendingUp, title: "Trades Executed", value: "2M+" },
{ id: "m3", icon: Shield, title: "Risk Mitigated", value: "$500M+" }
]}
title="Our Platform Impact"
description="Helping traders globally achieve financial independence."
@@ -244,46 +132,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "Life Changing",
quote: "I learned more in one month here than in a year of self-study.",
name: "Sarah Johnson",
role: "Full-time Trader",
imageSrc: "http://img.b2bpic.net/free-photo/hipster-attractive-man-using-devices-working-laptop-tablet-computer_285396-1632.jpg?_wi=2",
},
{
id: "2",
title: "Game Changer",
quote: "The risk-free environment allowed me to test my forex strategy before committing real capital.",
name: "Michael Chen",
role: "Crypto Analyst",
imageSrc: "http://img.b2bpic.net/free-photo/powerful-ceo-corporate-headquarters-plans-company-expansion_482257-123287.jpg",
},
{
id: "3",
title: "Essential Tool",
quote: "Every beginner needs this. It's the best way to learn the ropes of stock trading.",
name: "Emily Rodriguez",
role: "Financial Student",
imageSrc: "http://img.b2bpic.net/free-photo/confident-senior-businessman-sitting-with-touchpad_1262-2372.jpg",
},
{
id: "4",
title: "Strategy Master",
quote: "Advanced analytics tools helped me understand my trading weaknesses perfectly.",
name: "David Kim",
role: "Day Trader",
imageSrc: "http://img.b2bpic.net/free-photo/young-digital-nomad-woman-with-tablet-working-outdoors-fresh-air-smiling-looking-away_1258-194355.jpg",
},
{
id: "5",
title: "Highly Recommend",
quote: "Safe, reliable, and intuitive. My trading game has leveled up significantly.",
name: "Alex Rivera",
role: "Part-time Investor",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-bearded-man-with-laptop-cafe_171337-18082.jpg",
},
{ id: "1", title: "Life Changing", quote: "I learned more in one month here than in a year of self-study.", name: "Sarah Johnson", role: "Full-time Trader", imageSrc: "http://img.b2bpic.net/free-photo/hipster-attractive-man-using-devices-working-laptop-tablet-computer_285396-1632.jpg" },
{ id: "2", title: "Game Changer", quote: "The risk-free environment allowed me to test my forex strategy before committing real capital.", name: "Michael Chen", role: "Crypto Analyst", imageSrc: "http://img.b2bpic.net/free-photo/powerful-ceo-corporate-headquarters-plans-company-expansion_482257-123287.jpg" },
{ id: "3", title: "Essential Tool", quote: "Every beginner needs this. It's the best way to learn the ropes of stock trading.", name: "Emily Rodriguez", role: "Financial Student", imageSrc: "http://img.b2bpic.net/free-photo/confident-senior-businessman-sitting-with-touchpad_1262-2372.jpg" },
{ id: "4", title: "Strategy Master", quote: "Advanced analytics tools helped me understand my trading weaknesses perfectly.", name: "David Kim", role: "Day Trader", imageSrc: "http://img.b2bpic.net/free-photo/young-digital-nomad-woman-with-tablet-working-outdoors-fresh-air-smiling-looking-away_1258-194355.jpg" },
{ id: "5", title: "Highly Recommend", quote: "Safe, reliable, and intuitive. My trading game has leveled up significantly.", name: "Alex Rivera", role: "Part-time Investor", imageSrc: "http://img.b2bpic.net/free-photo/smiling-bearded-man-with-laptop-cafe_171337-18082.jpg" }
]}
title="Traders Love Us"
description="Hear from the community about how we changed their approach to trading."
@@ -295,21 +148,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Is real money required?",
content: "No, this is a paper trading platform designed to teach trading without using real money.",
},
{
id: "q2",
title: "Can I test my own strategies?",
content: "Yes, the platform supports customized technical indicators and strategy backtesting.",
},
{
id: "q3",
title: "Is market data live?",
content: "We integrate with industry-standard real-time market feeds to provide realistic market conditions.",
},
{ id: "q1", title: "Is real money required?", content: "No, this is a paper trading platform designed to teach trading without using real money." },
{ id: "q2", title: "Can I test my own strategies?", content: "Yes, the platform supports customized technical indicators and strategy backtesting." },
{ id: "q3", title: "Is market data live?", content: "We integrate with industry-standard real-time market feeds to provide realistic market conditions." }
]}
title="Frequently Asked Questions"
description="Everything you need to know about starting your trading journey."
@@ -323,24 +164,10 @@ export default function LandingPage() {
title="Get Started Today"
description="Sign up and receive $100,000 in virtual capital instantly to begin your trading practice."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true }
]}
textarea={{
name: "message",
placeholder: "What are your trading goals?",
rows: 4,
}}
textarea={{ name: "message", placeholder: "What are your trading goals?", rows: 4 }}
imageSrc="http://img.b2bpic.net/free-photo/financial-advisor-examines-cryptocurrency-trade-market-from-his-loft-workstation_482257-119805.jpg"
/>
</div>
@@ -349,52 +176,14 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Platform",
items: [
{
label: "About",
href: "#about",
},
{
label: "Pricing",
href: "#pricing",
},
{
label: "Features",
href: "#features",
},
],
title: "Platform", items: [{ label: "About", href: "#about" }, { label: "Pricing", href: "#pricing" }, { label: "Features", href: "#features" }]
},
{
title: "Resources",
items: [
{
label: "Learning Center",
href: "#",
},
{
label: "Blog",
href: "#",
},
{
label: "Support",
href: "#",
},
],
title: "Resources", items: [{ label: "Learning Center", href: "#" }, { label: "Blog", href: "#" }, { label: "Support", href: "#" }]
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }]
}
]}
bottomLeftText="© 2024 TradeSim Inc."
bottomRightText="Paper Trading Platform"
@@ -403,4 +192,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}