Merge version_1 into main #2
351
src/app/page.tsx
351
src/app/page.tsx
@@ -27,255 +27,122 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Mentorship",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Community",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
]}
|
||||
brandName="TradeFlow"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Mentorship", id: "about" },
|
||||
{ name: "Community", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
]}
|
||||
brandName="TradeFlow"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background="gradient-bars"
|
||||
title="Master the Markets or Watch From the Sidelines"
|
||||
description="The elite trading community is closing its doors. Join 500+ successful traders who turned their portfolios around this year. Seats are strictly limited to maintain market edge."
|
||||
tag="LIMITED ENROLLMENT"
|
||||
buttons={[
|
||||
{
|
||||
text: "Claim Your Seat",
|
||||
href: "#pricing",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-statistic-green-blackboard_1379-290.jpg?_wi=1",
|
||||
imageAlt: "Trading data visualization",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139291.jpg",
|
||||
imageAlt: "Trading terminal",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-bokeh-background-with-star-shaped-lights_23-2147815135.jpg",
|
||||
imageAlt: "Abstract bokeh background with star shaped lights",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trading-stock-stock-market-trading-investment-broker-stock-exchange-market_169016-66490.jpg",
|
||||
imageAlt: "Trading stock Stock market Trading investment Broker Stock exchange market",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-cyber-lines_1048-14148.jpg",
|
||||
imageAlt: "3D render of a modern background with flowing cyber lines",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
rating={5}
|
||||
ratingText="Trusted by 500+ Traders"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Master the Markets or Watch From the Sidelines"
|
||||
description="The elite trading community is closing its doors. Join 500+ successful traders who turned their portfolios around this year. Seats are strictly limited to maintain market edge."
|
||||
tag="LIMITED ENROLLMENT"
|
||||
buttons={[{ text: "Claim Your Seat", href: "#pricing" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/data-statistic-green-blackboard_1379-290.jpg", imageAlt: "Trading data visualization" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139291.jpg", imageAlt: "Trading terminal" }
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
rating={5}
|
||||
ratingText="Trusted by 500+ Traders"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Proven Results Only"
|
||||
metrics={[
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Avg Monthly Return",
|
||||
value: "24%",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Active Community",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Success Rate",
|
||||
value: "92%",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
title="Proven Results Only"
|
||||
metrics={[
|
||||
{ icon: TrendingUp, label: "Avg Monthly Return", value: "24%" },
|
||||
{ icon: Users, label: "Active Community", value: "500+" },
|
||||
{ icon: Award, label: "Success Rate", value: "92%" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Live Market Analysis",
|
||||
description: "Real-time trade calls and market breakdown before the bell rings.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-48896.jpg",
|
||||
imageAlt: "Live charts",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Real-time updates",
|
||||
},
|
||||
{
|
||||
icon: BarChart,
|
||||
text: "Institutional insights",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-statistic-green-blackboard_1379-290.jpg?_wi=2",
|
||||
imageAlt: "dark stock market trend lines",
|
||||
},
|
||||
{
|
||||
title: "1-on-1 Mentorship",
|
||||
description: "Direct access to head traders to refine your strategy daily.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-threats-map-with-real-time-pulse-visualization_23-2152001128.jpg",
|
||||
imageAlt: "One-on-one session",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: User,
|
||||
text: "Private sessions",
|
||||
},
|
||||
{
|
||||
icon: MessageSquare,
|
||||
text: "24/7 Support",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businesman_1157-21743.jpg?_wi=1",
|
||||
imageAlt: "dark stock market trend lines",
|
||||
},
|
||||
]}
|
||||
title="Why Elite Traders Stay Here"
|
||||
description="Stop guessing and start executing with institutional-grade data and mentorship."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Live Market Analysis", description: "Real-time trade calls and market breakdown before the bell rings.", media: { imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-48896.jpg", imageAlt: "Live charts" },
|
||||
items: [{ icon: Zap, text: "Real-time updates" }, { icon: BarChart, text: "Institutional insights" }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "1-on-1 Mentorship", description: "Direct access to head traders to refine your strategy daily.", media: { imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-threats-map-with-real-time-pulse-visualization_23-2152001128.jpg", imageAlt: "One-on-one session" },
|
||||
items: [{ icon: User, text: "Private sessions" }, { icon: MessageSquare, text: "24/7 Support" }],
|
||||
reverse: true
|
||||
}
|
||||
]}
|
||||
title="Why Elite Traders Stay Here"
|
||||
description="Stop guessing and start executing with institutional-grade data and mentorship."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
handle: "@alex_trader",
|
||||
testimonial: "This group paid for itself in one week. My portfolio is finally green.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businesman_1157-21743.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah K.",
|
||||
handle: "@sarah_trades",
|
||||
testimonial: "I was losing for years until I found these guys. Life changing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plus-size-woman-working-professional-business-office_23-2150579583.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark D.",
|
||||
handle: "@mark_capital",
|
||||
testimonial: "Institutional insights are next level. Worth every penny.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-priest-looking-out-window_23-2149300827.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "James L.",
|
||||
handle: "@james_daytrade",
|
||||
testimonial: "The community support is unbeatable. Never trading alone again.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991380.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena P.",
|
||||
handle: "@elena_finance",
|
||||
testimonial: "My risk management improved 100x since joining.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thinking-business-ideas_1098-14443.jpg",
|
||||
},
|
||||
]}
|
||||
title="The Last Trading Group You'll Need"
|
||||
description="Hear from traders who finally stopped losing money."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alex R.", handle: "@alex_trader", testimonial: "This group paid for itself in one week. My portfolio is finally green.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-businesman_1157-21743.jpg" },
|
||||
{ id: "2", name: "Sarah K.", handle: "@sarah_trades", testimonial: "I was losing for years until I found these guys. Life changing.", imageSrc: "http://img.b2bpic.net/free-photo/plus-size-woman-working-professional-business-office_23-2150579583.jpg" },
|
||||
{ id: "3", name: "Mark D.", handle: "@mark_capital", testimonial: "Institutional insights are next level. Worth every penny.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-priest-looking-out-window_23-2149300827.jpg" },
|
||||
{ id: "4", name: "James L.", handle: "@james_daytrade", testimonial: "The community support is unbeatable. Never trading alone again.", imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991380.jpg" },
|
||||
{ id: "5", name: "Elena P.", handle: "@elena_finance", testimonial: "My risk management improved 100x since joining.", imageSrc: "http://img.b2bpic.net/free-photo/thinking-business-ideas_1098-14443.jpg" },
|
||||
]}
|
||||
title="The Last Trading Group You'll Need"
|
||||
description="Hear from traders who finally stopped losing money."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Most Popular",
|
||||
price: "$499/mo",
|
||||
subtitle: "Full access to live channels and 1-on-1 calls",
|
||||
buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Live Trade Calls",
|
||||
"Daily Strategy",
|
||||
"1-on-1 Mentorship",
|
||||
"Community Access",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Exclusive Access Only"
|
||||
description="We are closing enrollment in 48 hours."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "pro", badge: "Most Popular", price: "$499/mo", subtitle: "Full access to live channels and 1-on-1 calls", buttons: [{ text: "Join Now", href: "#" }], features: ["Live Trade Calls", "Daily Strategy", "1-on-1 Mentorship", "Community Access"] },
|
||||
]}
|
||||
title="Exclusive Access Only"
|
||||
description="We are closing enrollment in 48 hours."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="URGENT"
|
||||
title="Final Chance"
|
||||
description="Join the waitlist if spots are full. Don't miss the next opening."
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-tablet-close-up-table_1303-22695.jpg"
|
||||
imageAlt="Man working on tablet close up at the table"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="URGENT"
|
||||
title="Final Chance"
|
||||
description="Join the waitlist if spots are full. Don't miss the next opening."
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-tablet-close-up-table_1303-22695.jpg"
|
||||
imageAlt="Man working on tablet close up at the table"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="TradeFlow"
|
||||
copyrightText="© 2025 TradeFlow Mentorship. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="TradeFlow"
|
||||
copyrightText="© 2025 TradeFlow Mentorship. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user