Merge version_1 into main #2
357
src/app/page.tsx
357
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Learning Paths",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Glossary",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Resources",
|
||||
id: "blog",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Learning Paths", id: "features" },
|
||||
{ name: "Glossary", id: "products" },
|
||||
{ name: "Resources", id: "blog" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="TradingAtlas"
|
||||
/>
|
||||
@@ -60,98 +45,31 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Master Global Markets with TradingAtlas"
|
||||
description="The ultimate institutional-grade knowledge hub. From basic terminology to advanced algorithmic execution. Accelerate your trading journey."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@trader",
|
||||
testimonial: "The best resource for algorithmic strategies.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-116818.jpg?_wi=1",
|
||||
imageAlt: "financial data dashboard",
|
||||
},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@investor",
|
||||
testimonial: "Clear, concise, and highly professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-design-background-with-shallow-depth-field_1048-14612.jpg?_wi=1",
|
||||
imageAlt: "financial data dashboard",
|
||||
},
|
||||
{
|
||||
name: "Mark V.",
|
||||
handle: "@forex",
|
||||
testimonial: "Essential reading for serious traders.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-papers_1098-15660.jpg?_wi=1",
|
||||
imageAlt: "financial data dashboard",
|
||||
},
|
||||
{
|
||||
name: "Elena K.",
|
||||
handle: "@quant",
|
||||
testimonial: "Transformative knowledge base.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-using-digital-tablet_329181-12725.jpg?_wi=1",
|
||||
imageAlt: "financial data dashboard",
|
||||
},
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "@stocks",
|
||||
testimonial: "Institutional grade insights.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paper-analysis_1098-15678.jpg?_wi=1",
|
||||
imageAlt: "financial data dashboard",
|
||||
},
|
||||
{ name: "Alex R.", handle: "@trader", testimonial: "The best resource for algorithmic strategies.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-116818.jpg", imageAlt: "financial data dashboard" },
|
||||
{ name: "Sarah J.", handle: "@investor", testimonial: "Clear, concise, and highly professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-design-background-with-shallow-depth-field_1048-14612.jpg", imageAlt: "financial data dashboard" },
|
||||
{ name: "Mark V.", handle: "@forex", testimonial: "Essential reading for serious traders.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-with-papers_1098-15660.jpg", imageAlt: "financial data dashboard" },
|
||||
{ name: "Elena K.", handle: "@quant", testimonial: "Transformative knowledge base.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-man-using-digital-tablet_329181-12725.jpg", imageAlt: "financial data dashboard" },
|
||||
{ name: "John D.", handle: "@stocks", testimonial: "Institutional grade insights.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/paper-analysis_1098-15678.jpg", imageAlt: "financial data dashboard" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-116818.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-116818.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-people-working-with-ipad-high-angle_23-2150103642.jpg",
|
||||
alt: "Business people working with ipad high angle",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/office-worker-using-finance-graphs_23-2150408676.jpg",
|
||||
alt: "Office worker using finance graphs",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-sitting-desk_23-2149927603.jpg",
|
||||
alt: "Medium shot smiley man sitting at desk",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-business-guy-with-blue-folder_23-2147580192.jpg",
|
||||
alt: "Handsome business guy with a blue folder",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-entrepreneur-working-financial-forecasts-his-desk_482257-123699.jpg",
|
||||
alt: "Successful entrepreneur working on financial forecasts at his desk",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-people-working-with-ipad-high-angle_23-2150103642.jpg", alt: "Business people working with ipad high angle" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/office-worker-using-finance-graphs_23-2150408676.jpg", alt: "Office worker using finance graphs" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-sitting-desk_23-2149927603.jpg", alt: "Medium shot smiley man sitting at desk" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-business-guy-with-blue-folder_23-2147580192.jpg", alt: "Handsome business guy with a blue folder" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/successful-entrepreneur-working-financial-forecasts-his-desk_482257-123699.jpg", alt: "Successful entrepreneur working on financial forecasts at his desk" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "INSTITUTIONAL GRADE",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "ALGORITHMIC READY",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "DATA DRIVEN",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "MARKET PROVEN",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "GLOBAL REACH",
|
||||
},
|
||||
{ type: "text", text: "INSTITUTIONAL GRADE" },
|
||||
{ type: "text", text: "ALGORITHMIC READY" },
|
||||
{ type: "text", text: "DATA DRIVEN" },
|
||||
{ type: "text", text: "MARKET PROVEN" },
|
||||
{ type: "text", text: "GLOBAL REACH" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -164,7 +82,7 @@ export default function LandingPage() {
|
||||
description="We bridge the gap between amateur observation and institutional execution."
|
||||
subdescription="Our curriculum covers Forex, Crypto, Stocks, and Commodities, structured across three progression tiers."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-network-communications-design-background-with-shallow-depth-field_1048-14612.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-network-communications-design-background-with-shallow-depth-field_1048-14612.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -174,24 +92,8 @@ export default function LandingPage() {
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Lack of discipline",
|
||||
"Poor strategy execution",
|
||||
"Emotional trading bias",
|
||||
"Random market entry",
|
||||
"Ignoring volatility",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Institutional rigor",
|
||||
"Algorithmic clarity",
|
||||
"Data-driven decisions",
|
||||
"Disciplined risk management",
|
||||
"Systematic execution",
|
||||
],
|
||||
}}
|
||||
negativeCard={{ items: ["Lack of discipline", "Poor strategy execution", "Emotional trading bias", "Random market entry", "Ignoring volatility"] }}
|
||||
positiveCard={{ items: ["Institutional rigor", "Algorithmic clarity", "Data-driven decisions", "Disciplined risk management", "Systematic execution"] }}
|
||||
title="Elevating Market Intelligence"
|
||||
description="Compare amateur mistakes vs institutional standards."
|
||||
/>
|
||||
@@ -203,24 +105,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: BookOpen,
|
||||
title: "Knowledge Hub",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: BarChart,
|
||||
title: "Market Assets",
|
||||
value: "120+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: TrendingUp,
|
||||
title: "Strategies",
|
||||
value: "85+",
|
||||
},
|
||||
{ id: "m1", icon: BookOpen, title: "Knowledge Hub", value: "500+" },
|
||||
{ id: "m2", icon: BarChart, title: "Market Assets", value: "120+" },
|
||||
{ id: "m3", icon: TrendingUp, title: "Strategies", value: "85+" }
|
||||
]}
|
||||
title="Global Market Authority"
|
||||
description="Comprehensive data and education resources."
|
||||
@@ -231,44 +118,15 @@ export default function LandingPage() {
|
||||
<ProductCardThree
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Asset Calculator",
|
||||
price: "Tool",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148596032.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Glossary Guide",
|
||||
price: "Guide",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-office-used-as-financial-insurance-agency-headquarters_482257-106441.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Tech Indicators",
|
||||
price: "Assets",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-geometric-figures-with-pencil-yellow-surface_140725-63967.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Fundamental Dashboard",
|
||||
price: "Data",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-office-workspace-with-advanced-technology-enhance-efficiency_482257-122584.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Algo Backtester",
|
||||
price: "Model",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-market-cryptocurrency-concept-stock-trading-laptop_169016-66728.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Sentiment Indicator",
|
||||
price: "Signal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-person-futuristic-business-environment_23-2150970195.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Asset Calculator", price: "Tool", imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148596032.jpg" },
|
||||
{ id: "p2", name: "Glossary Guide", price: "Guide", imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-office-used-as-financial-insurance-agency-headquarters_482257-106441.jpg" },
|
||||
{ id: "p3", name: "Tech Indicators", price: "Assets", imageSrc: "http://img.b2bpic.net/free-photo/front-view-geometric-figures-with-pencil-yellow-surface_140725-63967.jpg" },
|
||||
{ id: "p4", name: "Fundamental Dashboard", price: "Data", imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-office-workspace-with-advanced-technology-enhance-efficiency_482257-122584.jpg" },
|
||||
{ id: "p5", name: "Algo Backtester", price: "Model", imageSrc: "http://img.b2bpic.net/free-photo/stock-market-cryptocurrency-concept-stock-trading-laptop_169016-66728.jpg" },
|
||||
{ id: "p6", name: "Sentiment Indicator", price: "Signal", imageSrc: "http://img.b2bpic.net/free-photo/business-person-futuristic-business-environment_23-2150970195.jpg" }
|
||||
]}
|
||||
title="Knowledge Toolkit"
|
||||
description="Powerful tools designed for professional analysis."
|
||||
@@ -278,56 +136,21 @@ export default function LandingPage() {
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
textboxLayout="split"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Basics",
|
||||
price: "$0",
|
||||
name: "Level 1: Fundamentals",
|
||||
buttons: [
|
||||
{
|
||||
text: "Start",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Terminology",
|
||||
"Concept Overview",
|
||||
"Market Basics",
|
||||
],
|
||||
id: "basic", badge: "Basics", price: "$0", name: "Level 1: Fundamentals", buttons: [{ text: "Start" }],
|
||||
features: ["Terminology", "Concept Overview", "Market Basics"]
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Intermediate",
|
||||
price: "$49",
|
||||
name: "Level 2: Analysis",
|
||||
buttons: [
|
||||
{
|
||||
text: "Upgrade",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Tech Analysis",
|
||||
"Fundamental Data",
|
||||
"Advanced Charts",
|
||||
],
|
||||
id: "pro", badge: "Intermediate", price: "$49", name: "Level 2: Analysis", buttons: [{ text: "Upgrade" }],
|
||||
features: ["Tech Analysis", "Fundamental Data", "Advanced Charts"]
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
badge: "Advanced",
|
||||
price: "$149",
|
||||
name: "Level 3: Algorithmic",
|
||||
buttons: [
|
||||
{
|
||||
text: "Scale",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Algo Design",
|
||||
"Backtesting",
|
||||
"Institutional Logic",
|
||||
],
|
||||
},
|
||||
id: "elite", badge: "Advanced", price: "$149", name: "Level 3: Algorithmic", buttons: [{ text: "Scale" }],
|
||||
features: ["Algo Design", "Backtesting", "Institutional Logic"]
|
||||
}
|
||||
]}
|
||||
title="Learning Paths"
|
||||
description="Progressive structured learning for modern traders."
|
||||
@@ -337,36 +160,16 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
cardAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-papers_1098-15660.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-using-digital-tablet_329181-12725.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mark V.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paper-analysis_1098-15678.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-indoors_23-2149915935.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "John D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-inspector-suit-monitoring-solar-panel-production-output_482257-125982.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-papers_1098-15660.jpg" },
|
||||
{ id: "t2", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-using-digital-tablet_329181-12725.jpg" },
|
||||
{ id: "t3", name: "Mark V.", imageSrc: "http://img.b2bpic.net/free-photo/paper-analysis_1098-15678.jpg" },
|
||||
{ id: "t4", name: "Elena K.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-indoors_23-2149915935.jpg" },
|
||||
{ id: "t5", name: "John D.", imageSrc: "http://img.b2bpic.net/free-photo/factory-inspector-suit-monitoring-solar-panel-production-output_482257-125982.jpg" }
|
||||
]}
|
||||
cardTitle="Member Success"
|
||||
cardTag="Community"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -375,21 +178,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is TradingAtlas suitable for beginners?",
|
||||
content: "Yes, our Level 1 path is tailored for foundational understanding.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you cover algo trading?",
|
||||
content: "Our Level 3 course is entirely dedicated to advanced algorithmic strategies.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is your data institutional-grade?",
|
||||
content: "Yes, we focus on methodologies used by top trading firms globally.",
|
||||
},
|
||||
{ id: "q1", title: "Is TradingAtlas suitable for beginners?", content: "Yes, our Level 1 path is tailored for foundational understanding." },
|
||||
{ id: "q2", title: "Do you cover algo trading?", content: "Our Level 3 course is entirely dedicated to advanced algorithmic strategies." },
|
||||
{ id: "q3", title: "Is your data institutional-grade?", content: "Yes, we focus on methodologies used by top trading firms globally." }
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Clarifying our learning paths and strategy philosophy."
|
||||
@@ -400,45 +191,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Knowledge",
|
||||
items: [
|
||||
{
|
||||
label: "Fundamentals",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Analysis",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Strategies",
|
||||
items: [
|
||||
{
|
||||
label: "Algorithmic",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Knowledge", items: [{ label: "Fundamentals", href: "#" }, { label: "Analysis", href: "#" }] },
|
||||
{ title: "Strategies", items: [{ label: "Algorithmic", href: "#" }, { label: "Portfolio", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "Contact", href: "#" }, { label: "About", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 TradingAtlas"
|
||||
bottomRightText="Market Education"
|
||||
@@ -447,4 +202,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user