252 lines
14 KiB
TypeScript
252 lines
14 KiB
TypeScript
"use client"
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
|
|
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
|
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
|
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
|
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
|
import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
|
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
import { TrendingUp, Award, Lightbulb, BarChart3, Sparkles, Home, LineChart, Settings, TrendingDown, DollarSign } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="MB-CAPITAL"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Courses", id: "features" },
|
|
{ name: "Results", id: "metrics" },
|
|
{ name: "Testimonials", id: "testimonial" },
|
|
]}
|
|
button={{ text: "Enroll Now", href: "#pricing" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardDashboard
|
|
title="Master Trading & Finance with Expert Guidance"
|
|
description="Learn proven strategies from industry professionals. Build your trading skills through comprehensive courses, live market analysis, and personalized coaching."
|
|
tag="Premium Trading Academy"
|
|
tagIcon={TrendingUp}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Start Your Journey", href: "#pricing" },
|
|
{ text: "View Courses", href: "#features" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
dashboard={{
|
|
title: "Live Market Intelligence", logoIcon: BarChart3,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/back-view-young-business-man-talking-phone-sitting-his-office-diagrams-monitor_482257-34736.jpg", searchPlaceholder: "Search markets...", buttons: [
|
|
{ text: "View Dashboard", href: "#" },
|
|
{ text: "Export Report", href: "#" },
|
|
],
|
|
sidebarItems: [
|
|
{ icon: Home, active: true },
|
|
{ icon: LineChart, active: false },
|
|
{ icon: Settings, active: false },
|
|
],
|
|
stats: [
|
|
{
|
|
title: "Active Traders", values: [450, 580, 720],
|
|
description: "Growing community"},
|
|
{
|
|
title: "Success Rate", values: [78, 82, 85],
|
|
valueSuffix: "%", description: "Profitable trades"},
|
|
{
|
|
title: "Avg Returns", values: [12, 15, 18],
|
|
valueSuffix: "%/yr", description: "Portfolio growth"},
|
|
],
|
|
chartTitle: "Trading Volume", chartData: [
|
|
{ value: 65 },
|
|
{ value: 78 },
|
|
{ value: 90 },
|
|
{ value: 81 },
|
|
{ value: 95 },
|
|
],
|
|
listTitle: "Recent Trades", listItems: [
|
|
{ icon: TrendingUp, title: "BUY EURUSD", status: "Executed" },
|
|
{ icon: TrendingDown, title: "SELL Gold", status: "Confirmed" },
|
|
{ icon: DollarSign, title: "+$5,240 Profit", status: "Realized" },
|
|
],
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
tag="Our Academy"
|
|
tagIcon={Award}
|
|
title="Build Your Trading Expertise"
|
|
description="MB-CAPITAL Academy is dedicated to transforming aspiring traders into confident market professionals. We combine technical analysis, risk management, and psychological discipline to create a comprehensive learning experience. Our curriculum is designed for beginners and advanced traders alike."
|
|
metrics={[
|
|
{ value: "10,000+", title: "Students Trained" },
|
|
{ value: "92%", title: "Success Rate" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/3-young-workers-office_1301-5354.jpg"
|
|
imageAlt="Trading academy training"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardOne
|
|
title="Comprehensive Course Offerings"
|
|
description="Master every aspect of trading and investment management"
|
|
tag="Learning Paths"
|
|
tagIcon={Lightbulb}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Forex Trading Fundamentals", description: "Learn currency pair analysis, technical indicators, and profitable forex strategies for consistent returns.", imageSrc: "http://img.b2bpic.net/free-photo/company-employees-discussing-market-data-charts-skilled-woman-leader-two-men-looking-diagrams-computer-screen-analyzing-profit-growth-business-growth-female-business-leaders-concept_74855-24379.jpg", imageAlt: "Forex trading course"},
|
|
{
|
|
title: "Stock Market Mastery", description: "Analyze market trends, identify value stocks, and build diversified portfolios with confidence.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-analyzing-financial-data-computer_9975-22514.jpg", imageAlt: "Stock market training"},
|
|
{
|
|
title: "Advanced Risk Management", description: "Protect your capital with proven risk management techniques and position sizing strategies.", imageSrc: "http://img.b2bpic.net/free-photo/factory-managers-investors-analyze-technical-production-data-documents_482257-126895.jpg", imageAlt: "Risk management education"},
|
|
{
|
|
title: "Portfolio Optimization", description: "Build and maintain high-performing portfolios that balance growth with stability.", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-businessman-pointing-printed-chart-showing-graph-colleagues-professional-content-partners-making-notes-statistics-cooperation-communication-partnership-concept_74855-14267.jpg", imageAlt: "Portfolio management"},
|
|
]}
|
|
buttons={[{ text: "Explore All Courses", href: "#pricing" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
title="Proven Results & Impact"
|
|
description="Our students achieve measurable success in their trading careers"
|
|
tag="Success Metrics"
|
|
tagIcon={BarChart3}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "1", value: "15,000+", title: "Trades Executed", description: "By our community members", imageSrc: "http://img.b2bpic.net/free-photo/businessman-analyzing-financial-data-computer_9975-22514.jpg", imageAlt: "Trades executed visualization"},
|
|
{
|
|
id: "2", value: "$50M+", title: "Total Profits Generated", description: "Across our student base", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-businessman-pointing-printed-chart-showing-graph-colleagues-professional-content-partners-making-notes-statistics-cooperation-communication-partnership-concept_74855-14267.jpg", imageAlt: "Total profits visualization"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardFifteen
|
|
testimonial="MB-CAPITAL Academy transformed my approach to trading completely. The structured curriculum combined with live market sessions gave me the confidence to trade professionally. I've tripled my portfolio in just one year."
|
|
rating={5}
|
|
author="David Chen, Professional Trader"
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Student testimonial"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Student testimonial"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Student testimonial"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Student testimonial"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Student testimonial"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Student testimonial"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
title="Choose Your Learning Path"
|
|
description="Select the program that matches your trading goals and experience level"
|
|
tag="Affordable Plans"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{
|
|
id: "beginner", title: "Beginner Trader", price: "$299", period: "/month", imageSrc: "http://img.b2bpic.net/free-photo/company-employees-discussing-market-data-charts-skilled-woman-leader-two-men-looking-diagrams-computer-screen-analyzing-profit-growth-business-growth-female-business-leaders-concept_74855-24379.jpg", imageAlt: "Beginner trading course", button: { text: "Start Learning", href: "#" },
|
|
features: [
|
|
"Forex fundamentals course", "Weekly live trading sessions", "Access to trading signals", "Community forum access", "Email support"],
|
|
},
|
|
{
|
|
id: "professional", title: "Professional Trader", price: "$799", period: "/month", imageSrc: "http://img.b2bpic.net/free-photo/businessman-analyzing-financial-data-computer_9975-22514.jpg", imageAlt: "Professional trading program", button: { text: "Enroll Now", href: "#" },
|
|
features: [
|
|
"All Beginner features", "Advanced technical analysis", "Stock market mastery", "Risk management certification", "1-on-1 mentorship", "Priority support"],
|
|
},
|
|
{
|
|
id: "elite", title: "Elite Investor", price: "$1,999", period: "/month", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-businessman-pointing-printed-chart-showing-graph-colleagues-professional-content-partners-making-notes-statistics-cooperation-communication-partnership-concept_74855-14267.jpg", imageAlt: "Elite investment program", button: { text: "Join Elite Program", href: "#" },
|
|
features: [
|
|
"All Professional features", "Portfolio optimization", "Private trading group", "Direct founder access", "Custom strategy development", "Lifetime updates & support"],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Academy", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Courses", href: "#features" },
|
|
{ label: "Results", href: "#metrics" },
|
|
{ label: "Testimonials", href: "#testimonial" },
|
|
],
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "Trading Guides", href: "#" },
|
|
{ label: "Market Analysis", href: "#" },
|
|
{ label: "Risk Calculator", href: "#" },
|
|
{ label: "Trading Tools", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Community", items: [
|
|
{ label: "Discussion Forum", href: "#" },
|
|
{ label: "Student Stories", href: "#" },
|
|
{ label: "Events", href: "#" },
|
|
{ label: "Webinars", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms & Conditions", href: "#" },
|
|
{ label: "Risk Disclaimer", href: "#" },
|
|
{ label: "Contact Us", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2025 MB-CAPITAL Trading Academy. All rights reserved."
|
|
bottomRightText="Built with precision for traders"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|