Update src/app/page.tsx
This commit is contained in:
144
src/app/page.tsx
144
src/app/page.tsx
@@ -60,11 +60,11 @@ export default function HomePage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="large"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
@@ -75,9 +75,7 @@ export default function HomePage() {
|
||||
brandName="Trade with Ease"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "/signup",
|
||||
}}
|
||||
text: "Get Started", href: "/signup"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -85,13 +83,13 @@ export default function HomePage() {
|
||||
<HeroLogoBillboardSplit
|
||||
logoText="TRADE WITH EASE"
|
||||
description="Master forex, crypto, stocks, and technical analysis with interactive lessons, paper trading simulator, and expert-led courses. Learn risk management strategies and become a confident trader."
|
||||
background={{ variant: "aurora" }}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Start Learning Now", href: "/learn" },
|
||||
{ text: "Try Simulator", href: "/practice" },
|
||||
]}
|
||||
layoutOrder="default"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/a-modern-sleek-trading-dashboard-interfa-1772579752422-c15395dc.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/a-modern-sleek-trading-dashboard-interfa-1772579752422-c15395dc.png"
|
||||
imageAlt="Professional trading dashboard interface"
|
||||
frameStyle="browser"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -106,7 +104,7 @@ export default function HomePage() {
|
||||
tag="Learning"
|
||||
tagIcon={BookOpen}
|
||||
buttons={[{ text: "Explore Curriculum", href: "/learn" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/educational-learning-path-visualization--1772579753951-6e19cf30.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/educational-learning-path-visualization--1772579753951-6e19cf30.png"
|
||||
imageAlt="Trading education learning path progression"
|
||||
useInvertedBackground={false}
|
||||
tagAnimation="slide-up"
|
||||
@@ -125,28 +123,16 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Interactive Lessons",
|
||||
description: "Learn forex, candlestick patterns, technical analysis, risk management, crypto trading, and stock market basics through engaging video lessons, interactive quizzes, and real-time market examples.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/visual-representation-of-forex-trading-c-1772579752386-e5287888.png?_wi=1",
|
||||
},
|
||||
title: "Interactive Lessons", description: "Learn forex, candlestick patterns, technical analysis, risk management, crypto trading, and stock market basics through engaging video lessons, interactive quizzes, and real-time market examples.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/visual-representation-of-forex-trading-c-1772579752386-e5287888.png"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Paper Trading Simulator",
|
||||
description: "Practice your trading strategies with virtual money in a risk-free environment. Execute real market data trades without losing actual capital and track your performance metrics.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/trading-simulator-platform-visualization-1772579752437-99e94864.png?_wi=1",
|
||||
},
|
||||
title: "Paper Trading Simulator", description: "Practice your trading strategies with virtual money in a risk-free environment. Execute real market data trades without losing actual capital and track your performance metrics.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/trading-simulator-platform-visualization-1772579752437-99e94864.png"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Technical Analysis Tools",
|
||||
description: "Master chart patterns, candlestick formations, and technical indicators. Learn to identify support/resistance levels, trend lines, and execute trades based on technical signals.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/comprehensive-technical-analysis-tools-v-1772579752011-f5e5357f.png?_wi=1",
|
||||
},
|
||||
title: "Technical Analysis Tools", description: "Master chart patterns, candlestick formations, and technical indicators. Learn to identify support/resistance levels, trend lines, and execute trades based on technical signals.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/comprehensive-technical-analysis-tools-v-1772579752011-f5e5357f.png"},
|
||||
{
|
||||
id: 4,
|
||||
title: "Risk Management Academy",
|
||||
description: "Understand portfolio diversification, position sizing, stop-loss strategies, and risk-reward ratios. Learn to protect your capital and minimize losses in volatile markets.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/visual-concept-for-risk-management-in-tr-1772579751568-4b03176f.png?_wi=1",
|
||||
},
|
||||
title: "Risk Management Academy", description: "Understand portfolio diversification, position sizing, stop-loss strategies, and risk-reward ratios. Learn to protect your capital and minimize losses in volatile markets.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/visual-concept-for-risk-management-in-tr-1772579751568-4b03176f.png"},
|
||||
]}
|
||||
tagAnimation="slide-up"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -165,35 +151,19 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "15,000",
|
||||
title: "Active Traders",
|
||||
description: "Learning daily with our platform",
|
||||
icon: Users,
|
||||
id: "1", value: "15,000", title: "Active Traders", description: "Learning daily with our platform", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "500M",
|
||||
title: "Paper Trades",
|
||||
description: "Executed in practice simulator",
|
||||
icon: TrendingUp,
|
||||
id: "2", value: "500M", title: "Paper Trades", description: "Executed in practice simulator", icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "98%",
|
||||
title: "Satisfaction",
|
||||
description: "Student satisfaction rating",
|
||||
icon: Star,
|
||||
id: "3", value: "98%", title: "Satisfaction", description: "Student satisfaction rating", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "24/7",
|
||||
title: "Availability",
|
||||
description: "Learning modules always accessible",
|
||||
icon: Clock,
|
||||
id: "4", value: "24/7", title: "Availability", description: "Learning modules always accessible", icon: Clock,
|
||||
},
|
||||
]}
|
||||
tagAnimation="reveal-blur"
|
||||
tagAnimation="slide-up"
|
||||
buttonAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
@@ -210,43 +180,19 @@ export default function HomePage() {
|
||||
animationType="scale-rotate"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Forex Fundamentals",
|
||||
price: "Currency Trading",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/visual-representation-of-forex-trading-c-1772579752386-e5287888.png?_wi=2",
|
||||
},
|
||||
id: "1", name: "Forex Fundamentals", price: "Currency Trading", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/visual-representation-of-forex-trading-c-1772579752386-e5287888.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Candlestick Mastery",
|
||||
price: "Pattern Recognition",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/educational-illustration-showing-common--1772579752349-ff87562e.png?_wi=1",
|
||||
},
|
||||
id: "2", name: "Candlestick Mastery", price: "Pattern Recognition", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/educational-illustration-showing-common--1772579752349-ff87562e.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Crypto Trading",
|
||||
price: "Digital Assets",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/modern-cryptocurrency-trading-visual-fea-1772579752046-42fb419d.png?_wi=1",
|
||||
},
|
||||
id: "3", name: "Crypto Trading", price: "Digital Assets", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/modern-cryptocurrency-trading-visual-fea-1772579752046-42fb419d.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Stock Market Basics",
|
||||
price: "Equity Trading",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/stock-market-analysis-visual-showing-mul-1772579752582-a8f3c24c.png?_wi=1",
|
||||
},
|
||||
id: "4", name: "Stock Market Basics", price: "Equity Trading", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/stock-market-analysis-visual-showing-mul-1772579752582-a8f3c24c.png"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Technical Analysis",
|
||||
price: "Advanced Indicators",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/comprehensive-technical-analysis-tools-v-1772579752011-f5e5357f.png?_wi=2",
|
||||
},
|
||||
id: "5", name: "Technical Analysis", price: "Advanced Indicators", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/comprehensive-technical-analysis-tools-v-1772579752011-f5e5357f.png"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Risk Management",
|
||||
price: "Capital Protection",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/visual-concept-for-risk-management-in-tr-1772579751568-4b03176f.png?_wi=2",
|
||||
},
|
||||
id: "6", name: "Risk Management", price: "Capital Protection", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/visual-concept-for-risk-management-in-tr-1772579751568-4b03176f.png"},
|
||||
]}
|
||||
tagAnimation="reveal-blur"
|
||||
tagAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -261,47 +207,17 @@ export default function HomePage() {
|
||||
animationType="blur-reveal"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marcus Johnson",
|
||||
role: "Day Trader",
|
||||
testimonial: "Trade with Ease completely transformed my understanding of technical analysis. The candlestick pattern modules were incredibly detailed and the simulator helped me practice risk management without losing real money.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/professional-headshot-of-a-confident-tra-1772579752033-e3362e1f.png?_wi=1",
|
||||
},
|
||||
id: "1", name: "Marcus Johnson", role: "Day Trader", testimonial: "Trade with Ease completely transformed my understanding of technical analysis. The candlestick pattern modules were incredibly detailed and the simulator helped me practice risk management without losing real money.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/professional-headshot-of-a-confident-tra-1772579752033-e3362e1f.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Chen",
|
||||
role: "Crypto Investor",
|
||||
testimonial: "I was completely new to trading when I joined. The structured learning paths and the crypto trading section helped me build confidence. The paper simulator is exactly what I needed to practice before investing.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/professional-headshot-of-an-experienced--1772579751556-d1a1d5d5.png?_wi=1",
|
||||
},
|
||||
id: "2", name: "Sarah Chen", role: "Crypto Investor", testimonial: "I was completely new to trading when I joined. The structured learning paths and the crypto trading section helped me build confidence. The paper simulator is exactly what I needed to practice before investing.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/professional-headshot-of-an-experienced--1772579751556-d1a1d5d5.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Williams",
|
||||
role: "Swing Trader",
|
||||
testimonial: "The risk management course alone paid for my subscription. Learning about position sizing and stop-loss strategies has saved me from making costly mistakes. Highly recommended for serious traders.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/young-trader-portrait-mid-20s-profession-1772579751131-e3783039.png",
|
||||
},
|
||||
id: "3", name: "David Williams", role: "Swing Trader", testimonial: "The risk management course alone paid for my subscription. Learning about position sizing and stop-loss strategies has saved me from making costly mistakes. Highly recommended for serious traders.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/young-trader-portrait-mid-20s-profession-1772579751131-e3783039.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emma Rodriguez",
|
||||
role: "Forex Specialist",
|
||||
testimonial: "As someone trading forex professionally, I appreciate the depth of technical content. The platform's combination of education, tools, and community support is unmatched. It's become my go-to resource.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/professional-trading-analyst-portrait-fe-1772579751283-7d12d145.png",
|
||||
},
|
||||
id: "4", name: "Emma Rodriguez", role: "Forex Specialist", testimonial: "As someone trading forex professionally, I appreciate the depth of technical content. The platform's combination of education, tools, and community support is unmatched. It's become my go-to resource.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/professional-trading-analyst-portrait-fe-1772579751283-7d12d145.png"},
|
||||
{
|
||||
id: "5",
|
||||
name: "James Mitchell",
|
||||
role: "Stock Market Enthusiast",
|
||||
testimonial: "Finally, a platform that explains stock trading fundamentals without overwhelming jargon. The lessons are clear, the simulator feels realistic, and the analytics dashboard helps track my improvement.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/professional-headshot-of-a-confident-tra-1772579752033-e3362e1f.png?_wi=2",
|
||||
},
|
||||
id: "5", name: "James Mitchell", role: "Stock Market Enthusiast", testimonial: "Finally, a platform that explains stock trading fundamentals without overwhelming jargon. The lessons are clear, the simulator feels realistic, and the analytics dashboard helps track my improvement.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/professional-headshot-of-a-confident-tra-1772579752033-e3362e1f.png"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Lisa Park",
|
||||
role: "Portfolio Manager",
|
||||
testimonial: "The comprehensive curriculum covers everything from forex to crypto to traditional stocks. It's perfect for building a team of knowledgeable traders. Our entire department uses it now.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/professional-headshot-of-an-experienced--1772579751556-d1a1d5d5.png?_wi=2",
|
||||
},
|
||||
id: "6", name: "Lisa Park", role: "Portfolio Manager", testimonial: "The comprehensive curriculum covers everything from forex to crypto to traditional stocks. It's perfect for building a team of knowledgeable traders. Our entire department uses it now.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/professional-headshot-of-an-experienced--1772579751556-d1a1d5d5.png"},
|
||||
]}
|
||||
tagAnimation="slide-up"
|
||||
/>
|
||||
@@ -315,14 +231,14 @@ export default function HomePage() {
|
||||
description="Start your trading education journey today with Trade with Ease. Get instant access to all courses, the paper trading simulator, and our growing community of traders."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={true}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/a-modern-sleek-trading-dashboard-interfa-1772579752422-c15395dc.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxD9eiHViVZvAURUrlHdTerQJ/a-modern-sleek-trading-dashboard-interfa-1772579752422-c15395dc.png"
|
||||
imageAlt="Trading dashboard signup"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Create Free Account"
|
||||
termsText="By signing up, you agree to our Terms of Service and Privacy Policy. Start learning immediately with free access to beginner modules."
|
||||
tagAnimation="reveal-blur"
|
||||
tagAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user