Files
c38cdef9-bc3c-43ad-8405-6e5…/src/app/page.tsx
2026-03-04 13:55:48 +00:00

546 lines
26 KiB
TypeScript

"use client";
import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
import SplitAbout from "@/components/sections/about/SplitAbout";
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import BlogCardThree from "@/components/sections/blog/BlogCardThree";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import {
TrendingUp,
Target,
BookOpen,
BarChart3,
Shield,
Brain,
Sparkles,
Award,
BookMarked,
MessageCircle,
Mail,
Badge,
Users,
VideoIcon,
UserCheck,
} from "lucide-react";
const navItems = [
{ name: "Home", id: "/" },
{ name: "Trading Zone", id: "/trading-zone" },
{ name: "Technical Hub", id: "/technical-hub" },
{ name: "Investing Wisdom", id: "/investing-wisdom" },
{ name: "Blog", id: "/blog" },
{ name: "Contact", id: "/contact" },
];
const footerColumns = [
{
title: "Learning",
items: [
{ label: "Intraday Trading", href: "/trading-zone" },
{ label: "Technical Analysis", href: "/technical-hub" },
{ label: "Long-Term Investing", href: "/investing-wisdom" },
{ label: "Trading Psychology", href: "#courses" },
],
},
{
title: "Resources",
items: [
{ label: "Blog", href: "/blog" },
{ label: "Market Insights", href: "/blog" },
{ label: "Video Tutorials", href: "#resources" },
{ label: "Technical Indicators", href: "/technical-hub" },
],
},
{
title: "Company",
items: [
{ label: "About Us", href: "#about" },
{ label: "Contact", href: "/contact" },
{ label: "Careers", href: "#careers" },
{ label: "Partner With Us", href: "#partnerships" },
],
},
{
title: "Legal",
items: [
{ label: "Privacy Policy", href: "#privacy" },
{ label: "Terms of Service", href: "#terms" },
{ label: "Disclaimer", href: "#disclaimer" },
{ label: "Risk Disclosure", href: "#risk" },
],
},
];
export default function HomePage() {
const handleEmailSignup = (email: string) => {
console.log("Email signup:", email);
};
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="small"
sizing="mediumLargeSizeLargeTitles"
background="aurora"
cardStyle="gradient-bordered"
primaryButtonStyle="flat"
secondaryButtonStyle="solid"
headingFontWeight="medium"
>
{/* Navbar */}
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="TradeWisdom"
navItems={[
{ name: "Home", id: "/" },
{ name: "Trading Zone", id: "/trading-zone" },
{ name: "Technical Hub", id: "/technical-hub" },
{ name: "Investing Wisdom", id: "/investing-wisdom" },
{ name: "Blog", id: "/blog" },
{ name: "Contact", id: "/contact" },
]}
/>
</div>
{/* Hero Section */}
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
title="Master the Markets: Trading & Investing Education"
description="Learn intraday trading strategies, technical analysis, and long-term investing principles from industry experts. Build your financial confidence with actionable insights and proven trading methodologies."
tag="Financial Education Platform"
tagIcon={TrendingUp}
tagAnimation="slide-up"
background={{ variant: "aurora" }}
buttons={[
{ text: "Start Learning Today", href: "/trading-zone" },
{ text: "Explore Courses", href: "/trading-zone" },
]}
buttonAnimation="slide-up"
carouselItems={[
{
id: "1",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/a-modern-professional-trading-dashboard--1772632344026-f5e1fe6a.png?_wi=1",
imageAlt: "Trading Dashboard",
},
{
id: "2",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/technical-analysis-tools-visualization-s-1772632343189-d508e408.png?_wi=1",
imageAlt: "Technical Analysis Tools",
},
{
id: "3",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/intraday-trading-visualization-with-fast-1772632344375-b05d8a0d.png?_wi=1",
imageAlt: "Intraday Trading Visualization",
},
{
id: "4",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/long-term-investment-strategy-illustrati-1772632343140-29f9617d.png?_wi=1",
imageAlt: "Long-Term Investment Strategy",
},
{
id: "5",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/professional-financial-education-illustr-1772632343560-97e09a7c.png?_wi=1",
imageAlt: "Financial Education",
},
{
id: "6",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/a-modern-professional-trading-dashboard--1772632344026-f5e1fe6a.png?_wi=2",
imageAlt: "Trading Dashboard",
},
]}
autoPlay={true}
autoPlayInterval={4000}
ariaLabel="Hero section with trading dashboard carousel"
/>
</div>
{/* About Section */}
<div id="about" data-section="about">
<SplitAbout
title="Why Choose TradeWisdom for Financial Education?"
description="We provide comprehensive training covering technical analysis, intraday trading, risk management, trading psychology, and long-term investing strategies. Whether you're a beginner or advanced trader, our structured learning paths help you achieve consistent profitability."
tag="Our Mission"
tagIcon={Target}
tagAnimation="blur-reveal"
bulletPoints={[
{
title: "Expert-Led Curriculum",
description:
"Learn from experienced traders with years of market success and proven trading strategies",
icon: BookOpen,
},
{
title: "Technical Mastery",
description:
"Master RSI, MACD, Moving Averages, support/resistance, and advanced chart pattern recognition",
icon: BarChart3,
},
{
title: "Risk Management Focus",
description:
"Learn position sizing, stop-loss placement, portfolio allocation, and capital preservation techniques",
icon: Shield,
},
{
title: "Psychology & Discipline",
description:
"Develop emotional control, trading discipline, and mental strategies for consistent performance",
icon: Brain,
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/professional-financial-education-illustr-1772632343560-97e09a7c.png?_wi=2"
imageAlt="Financial education and trading mastery"
mediaAnimation="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
imagePosition="right"
buttons={[{ text: "View Curriculum", href: "/trading-zone" }]}
buttonAnimation="slide-up"
/>
</div>
{/* Features Section */}
<div id="features" data-section="features">
<FeatureCardTwentyThree
title="Core Learning Pillars"
description="Comprehensive education across three essential areas of financial markets and trading"
tag="Featured Topics"
tagIcon={Sparkles}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "1",
title:
"Intraday Trading Mastery: Strategies, RSI/MACD Indicators, Risk Management & Trading Psychology",
tags: ["Trading Strategy", "Indicators", "Psychology"],
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/intraday-trading-visualization-with-fast-1772632344375-b05d8a0d.png?_wi=2",
imageAlt: "Intraday Trading",
},
{
id: "2",
title:
"Technical Analysis Deep Dive: Chart Patterns, Candlestick Analysis, Support/Resistance & Trendlines",
tags: ["Chart Analysis", "Patterns", "Advanced Skills"],
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/technical-analysis-tools-visualization-s-1772632343189-d508e408.png?_wi=2",
imageAlt: "Technical Analysis",
},
{
id: "3",
title:
"Long-Term Investing Blueprint: Fundamentals, Portfolio Building, Mutual Funds, SIPs & Compounding",
tags: ["Investing", "Fundamentals", "Wealth Building"],
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/long-term-investment-strategy-illustrati-1772632343140-29f9617d.png?_wi=2",
imageAlt: "Long-Term Investing",
},
]}
animationType="slide-up"
buttons={[{ text: "Explore All Topics", href: "/technical-hub" }]}
buttonAnimation="slide-up"
/>
</div>
{/* Metrics Section */}
<div id="metrics" data-section="metrics">
<MetricCardOne
title="Our Impact in Financial Education"
description="Trusted by traders and investors worldwide to build financial literacy and market success"
tag="Key Achievements"
tagIcon={Award}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "50000",
title: "Active Learners",
description: "Traders and investors learning daily on our platform",
icon: Users,
},
{
id: "2",
value: "1000",
title: "Hours of Content",
description:
"Comprehensive video courses, tutorials, and trading guides",
icon: VideoIcon,
},
{
id: "3",
value: "95",
title: "% Success Rate",
description:
"Students achieving consistent profitability within first year",
icon: TrendingUp,
},
{
id: "4",
value: "24",
title: "Expert Mentors",
description:
"Professional traders and financial advisors guiding your journey",
icon: UserCheck,
},
]}
gridVariant="uniform-all-items-equal"
animationType="scale-rotate"
buttons={[{ text: "Join Our Community", href: "/contact" }]}
buttonAnimation="slide-up"
/>
</div>
{/* Blog Section */}
<div id="blog" data-section="blog">
<BlogCardThree
title="Latest Market Insights & Trading Updates"
description="Stay informed with expert analysis, trading strategies, and financial market trends"
tag="Blog & Resources"
tagIcon={BookMarked}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
blogs={[
{
id: "1",
category: "Technical Analysis",
title:
"Mastering Support and Resistance Levels: Key to Trading Success",
excerpt:
"Learn how to identify and trade support and resistance levels effectively. Discover advanced techniques for predicting price reversals and breakouts in your trading strategy.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/technical-analysis-tools-visualization-s-1772632343189-d508e408.png?_wi=3",
imageAlt: "Technical Analysis",
authorName: "Raj Kumar, Senior Analyst",
authorAvatar:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/professional-photo-of-a-financial-analys-1772632343545-b40100c8.png",
date: "Jan 20, 2025",
},
{
id: "2",
category: "Trading Psychology",
title:
"Emotional Control: The Missing Piece in Most Traders' Portfolios",
excerpt:
"Explore how trading psychology impacts your decisions. Master fear management, overcome analysis paralysis, and develop discipline for consistent profitable trading.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/intraday-trading-visualization-with-fast-1772632344375-b05d8a0d.png?_wi=3",
imageAlt: "Intraday Trading",
authorName: "Sarah Mitchell, Psychology Coach",
authorAvatar:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/professional-portrait-of-an-experienced--1772632342839-83b5dcee.png",
date: "Jan 18, 2025",
},
{
id: "3",
category: "Investment Strategy",
title:
"Building Wealth Through Systematic SIP Investing: A Beginner's Guide",
excerpt:
"Discover how Systematic Investment Plans (SIPs) can create substantial wealth over time. Learn rupee-cost averaging, compounding, and long-term wealth building strategies.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/long-term-investment-strategy-illustrati-1772632343140-29f9617d.png?_wi=3",
imageAlt: "Long-Term Investing",
authorName: "Arjun Patel, Wealth Strategist",
authorAvatar:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/professional-headshot-of-a-successful-in-1772632342740-4f07a091.png",
date: "Jan 16, 2025",
},
]}
animationType="slide-up"
buttons={[{ text: "Read More Articles", href: "/blog" }]}
buttonAnimation="slide-up"
/>
</div>
{/* Testimonials Section */}
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
title="What Our Students & Traders Say"
description="Real success stories from traders who have transformed their financial lives with our education"
tag="Testimonials"
tagIcon={MessageCircle}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Vikram Singh, Intraday Trader",
date: "Date: 15 January 2025",
title: "Turned My Trading Around in Just 3 Months!",
quote:
"I was losing money consistently until I joined TradeWisdom. The technical analysis course and trading psychology modules completely changed my approach. I now make consistent profits and have the discipline to stick to my trading plan. This is the best investment I've made for my financial future.",
tag: "Intraday Trading",
avatarSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/professional-portrait-of-a-confident-tra-1772632344745-a1effcbd.png",
avatarAlt: "Vikram Singh, Trader",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/a-modern-professional-trading-dashboard--1772632344026-f5e1fe6a.png?_wi=3",
imageAlt: "Trading Dashboard",
},
{
id: "2",
name: "Priya Verma, Swing Trader & Investor",
date: "Date: 12 January 2025",
title: "Professional Guidance That Actually Works",
quote:
"The structured curriculum on support/resistance and chart patterns gave me the edge I needed. Combined with the long-term investing section, I now have a balanced portfolio approach. The mentors are incredibly knowledgeable and always available to help.",
tag: "Technical Analysis",
avatarSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/professional-photo-of-a-financial-analys-1772632343545-b40100c8.png",
avatarAlt: "Priya Verma, Analyst",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/technical-analysis-tools-visualization-s-1772632343189-d508e408.png?_wi=4",
imageAlt: "Technical Analysis",
},
{
id: "3",
name: "Amit Kapoor, Long-Term Investor",
date: "Date: 10 January 2025",
title: "Finally Understand Investing Beyond Price Speculation",
quote:
"The fundamentals section helped me understand SIPs, mutual funds, and compounding in depth. I stopped trying to time the market and started building real wealth. Five years of confusion cleared up in just a few weeks of learning.",
tag: "Long-Term Investing",
avatarSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/professional-headshot-of-a-successful-in-1772632342740-4f07a091.png",
avatarAlt: "Amit Kapoor, Investor",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/long-term-investment-strategy-illustrati-1772632343140-29f9617d.png?_wi=4",
imageAlt: "Long-Term Investing",
},
{
id: "4",
name: "Deepika Nair, Beginner Trader",
date: "Date: 8 January 2025",
title: "Perfect Platform for Beginners",
quote:
"I had zero knowledge about trading when I started. The beginner-friendly modules, clear explanations of RSI and MACD, and the supportive community made the learning journey smooth. Now I'm confident executing my own trading plans with proper risk management.",
tag: "Beginner Education",
avatarSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/professional-headshot-of-a-young-success-1772632343492-6005e3b7.png",
avatarAlt: "Deepika Nair, Student",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/professional-financial-education-illustr-1772632343560-97e09a7c.png?_wi=3",
imageAlt: "Financial Education",
},
{
id: "5",
name: "Rohan Desai, Portfolio Manager",
date: "Date: 5 January 2025",
title: "Advanced Content for Experienced Traders",
quote:
"Even with years of trading experience, I learned advanced techniques I hadn't encountered before. The psychology module and risk management frameworks have made me a better trader and mentor. Highly recommended for anyone serious about markets.",
tag: "Advanced Trading",
avatarSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/professional-portrait-of-an-experienced--1772632342839-83b5dcee.png",
avatarAlt: "Rohan Desai, Manager",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/intraday-trading-visualization-with-fast-1772632344375-b05d8a0d.png?_wi=4",
imageAlt: "Intraday Trading",
},
{
id: "6",
name: "Neha Sharma, Financial Advisor",
date: "Date: 2 January 2025",
title: "Comprehensive Resource for Client Education",
quote:
"I recommend TradeWisdom to all my clients seeking to enhance their market knowledge. The content is accurate, up-to-date, and professionally presented. It's transformed how I educate my clients about risk, returns, and real wealth building.",
tag: "Professional Use",
avatarSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/professional-executive-portrait-in-forma-1772632343242-37d2f88c.png",
avatarAlt: "Neha Sharma, Advisor",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/blog-market-insights-1772632342643-2395eae5.png",
imageAlt: "Market Insights",
},
]}
buttons={[{ text: "Start Your Journey", href: "/trading-zone" }]}
buttonAnimation="slide-up"
/>
</div>
{/* Social Proof Section */}
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Featured On & Trusted By Industry Leaders"
description="Our education platform is recognized and recommended by major financial news outlets and market data providers"
tag="Media & Partners"
tagIcon={Badge}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
logos={[
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/bloomberg-financial-news-and-data-compan-1772632343150-10c2ef94.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/reuters-news-agency-logo-in-professional-1772632342152-d672521c.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/cnbc-financial-media-network-logo-in-pro-1772632343026-840542dd.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/marketwatch-financial-website-logo-in-pr-1772632342613-2da7d5ac.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/investopedia-financial-education-logo-in-1772632342242-bbca93ea.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/seeking-alpha-investment-analysis-logo-i-1772632343445-d9a92ddf.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/stocktwits-trading-community-logo-in-pro-1772632343411-d1b75b99.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATK3ivcmG4kuTZMD729O3J13sC/finviz-financial-visualization-logo-in-p-1772632343399-a4ebf421.png",
]}
names={[
"Bloomberg",
"Reuters",
"CNBC",
"MarketWatch",
"Investopedia",
"Seeking Alpha",
"StockTwits",
"Finviz",
]}
speed={40}
showCard={true}
buttons={[{ text: "Learn More", href: "#about" }]}
buttonAnimation="slide-up"
/>
</div>
{/* Contact Section */}
<div id="contact" data-section="contact">
<ContactCenter
tag="Newsletter"
title="Stay Updated With Market Trends & Trading Insights"
description="Subscribe to our weekly newsletter for expert analysis, trading strategies, market updates, and exclusive educational content delivered directly to your inbox."
tagIcon={Mail}
tagAnimation="slide-up"
background={{ variant: "rotated-rays-animated-grid" }}
useInvertedBackground={false}
inputPlaceholder="Enter your email address"
buttonText="Subscribe Now"
termsText="We respect your privacy. Unsubscribe anytime. Trading involves market risk. See our disclaimer for details."
onSubmit={handleEmailSignup}
/>
</div>
{/* Footer */}
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="TradeWisdom"
columns={footerColumns}
copyrightText="© 2025 TradeWisdom. All rights reserved. | Trading involves substantial risk of loss. Past performance does not guarantee future results. See risk disclaimer."
/>
</div>
</ThemeProvider>
);
}