Merge version_1 into main #2
206
src/app/page.tsx
206
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "dashboard",
|
||||
},
|
||||
{
|
||||
name: "Analytics",
|
||||
id: "analytics",
|
||||
},
|
||||
{
|
||||
name: "Log Trade",
|
||||
id: "logger",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{ name: "Dashboard", id: "dashboard" },
|
||||
{ name: "Analytics", id: "analytics" },
|
||||
{ name: "Log Trade", id: "logger" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
]}
|
||||
brandName="TradeJournal"
|
||||
/>
|
||||
@@ -55,48 +43,24 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Master Your Trading Performance"
|
||||
description="Log trades, track metrics, and optimize your edge with the most advanced journal for SMC, ICT, and Price Action traders."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg"
|
||||
imageAlt="trading dashboard ui dark mode"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started Free",
|
||||
href: "#pricing",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Started Free", href: "#pricing" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "SMC/ICT Tagging",
|
||||
description: "Tag setups with FVG, Liquidity Sweeps, and MSS.",
|
||||
tag: "Analysis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Intelligent Logging",
|
||||
description: "Rapidly log your entries, exits, and session data.",
|
||||
tag: "Workflow",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-graph-stock-market-tablet_53876-98076.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Advanced Analytics",
|
||||
description: "Identify your best setups and worst mistakes.",
|
||||
tag: "Performance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teleworker-home-office-gathering-information-from-internet-seminar_482257-119301.jpg?_wi=1",
|
||||
},
|
||||
{ id: "f1", title: "SMC/ICT Tagging", description: "Tag setups with FVG, Liquidity Sweeps, and MSS.", tag: "Analysis", imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg" },
|
||||
{ id: "f2", title: "Intelligent Logging", description: "Rapidly log your entries, exits, and session data.", tag: "Workflow", imageSrc: "http://img.b2bpic.net/free-photo/financial-graph-stock-market-tablet_53876-98076.jpg" },
|
||||
{ id: "f3", title: "Advanced Analytics", description: "Identify your best setups and worst mistakes.", tag: "Performance", imageSrc: "http://img.b2bpic.net/free-photo/teleworker-home-office-gathering-information-from-internet-seminar_482257-119301.jpg" },
|
||||
]}
|
||||
title="Core Trading Features"
|
||||
description="Everything you need to stay disciplined and profitable."
|
||||
@@ -110,27 +74,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "72%",
|
||||
title: "Win Rate",
|
||||
description: "Average monthly accuracy",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1:3",
|
||||
title: "Avg R:R",
|
||||
description: "Reward to Risk ratio",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "2.4",
|
||||
title: "Profit Factor",
|
||||
description: "Gross profit / Gross loss",
|
||||
icon: DollarSign,
|
||||
},
|
||||
{ id: "m1", value: "72%", title: "Win Rate", description: "Average monthly accuracy", icon: CheckCircle },
|
||||
{ id: "m2", value: "1:3", title: "Avg R:R", description: "Reward to Risk ratio", icon: TrendingUp },
|
||||
{ id: "m3", value: "2.4", title: "Profit Factor", description: "Gross profit / Gross loss", icon: DollarSign },
|
||||
]}
|
||||
title="Data Driven Edge"
|
||||
description="Track your professional progression with granular data."
|
||||
@@ -142,14 +88,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TradeZella",
|
||||
"QuantTower",
|
||||
"TradingView",
|
||||
"NinjaTrader",
|
||||
"MetaTrader",
|
||||
"ThinkOrSwim",
|
||||
"SierraChart",
|
||||
]}
|
||||
"TradeZella", "QuantTower", "TradingView", "NinjaTrader", "MetaTrader", "ThinkOrSwim", "SierraChart"]}
|
||||
title="Trusted by Pro Traders"
|
||||
description="Join a growing community of disciplined traders."
|
||||
/>
|
||||
@@ -161,37 +100,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
tag: "Free",
|
||||
price: "$0",
|
||||
period: "/mo",
|
||||
description: "Basic tracking for beginners.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
featuresTitle: "Includes",
|
||||
features: [
|
||||
"5 trades/mo",
|
||||
"Basic Analytics",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
tag: "Pro",
|
||||
price: "$29",
|
||||
period: "/mo",
|
||||
description: "Full access to pro metrics.",
|
||||
button: {
|
||||
text: "Upgrade Now",
|
||||
},
|
||||
featuresTitle: "Includes",
|
||||
features: [
|
||||
"Unlimited Trades",
|
||||
"Advanced Analytics",
|
||||
"SMC/ICT Tags",
|
||||
],
|
||||
},
|
||||
{ id: "p1", tag: "Free", price: "$0", period: "/mo", description: "Basic tracking for beginners.", button: { text: "Get Started" }, featuresTitle: "Includes", features: ["5 trades/mo", "Basic Analytics"] },
|
||||
{ id: "p2", tag: "Pro", price: "$29", period: "/mo", description: "Full access to pro metrics.", button: { text: "Upgrade Now" }, featuresTitle: "Includes", features: ["Unlimited Trades", "Advanced Analytics", "SMC/ICT Tags"] },
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
description="No hidden fees, cancel anytime."
|
||||
@@ -203,51 +113,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Life Changing",
|
||||
quote: "I finally found my edge with this tool.",
|
||||
name: "Alex K.",
|
||||
role: "ICT Trader",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-end-empty-work-environment-used-business-industry-corporate-culture_482257-125734.jpg",
|
||||
imageAlt: "High end empty work environment used in business industry and corporate culture",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Great Analytics",
|
||||
quote: "The analytics view saved my account.",
|
||||
name: "Sarah L.",
|
||||
role: "SMC Trader",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg?_wi=2",
|
||||
imageAlt: "High end empty work environment used in business industry and corporate culture",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "So Smooth",
|
||||
quote: "Logging trades takes less than 30 seconds.",
|
||||
name: "Mike P.",
|
||||
role: "Forex Pro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg?_wi=2",
|
||||
imageAlt: "High end empty work environment used in business industry and corporate culture",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Game Changer",
|
||||
quote: "Understanding my mistakes made me profitable.",
|
||||
name: "David W.",
|
||||
role: "Swing Trader",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-graph-stock-market-tablet_53876-98076.jpg?_wi=2",
|
||||
imageAlt: "High end empty work environment used in business industry and corporate culture",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Must Have",
|
||||
quote: "Essential for professional growth.",
|
||||
name: "Jenny H.",
|
||||
role: "Scalper",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teleworker-home-office-gathering-information-from-internet-seminar_482257-119301.jpg?_wi=2",
|
||||
imageAlt: "High end empty work environment used in business industry and corporate culture",
|
||||
},
|
||||
{ id: "t1", title: "Life Changing", quote: "I finally found my edge with this tool.", name: "Alex K.", role: "ICT Trader", imageSrc: "http://img.b2bpic.net/free-photo/high-end-empty-work-environment-used-business-industry-corporate-culture_482257-125734.jpg", imageAlt: "High end empty work environment used in business industry and corporate culture" },
|
||||
{ id: "t2", title: "Great Analytics", quote: "The analytics view saved my account.", name: "Sarah L.", role: "SMC Trader", imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg", imageAlt: "High end empty work environment used in business industry and corporate culture" },
|
||||
{ id: "t3", title: "So Smooth", quote: "Logging trades takes less than 30 seconds.", name: "Mike P.", role: "Forex Pro", imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg", imageAlt: "High end empty work environment used in business industry and corporate culture" },
|
||||
{ id: "t4", title: "Game Changer", quote: "Understanding my mistakes made me profitable.", name: "David W.", role: "Swing Trader", imageSrc: "http://img.b2bpic.net/free-photo/financial-graph-stock-market-tablet_53876-98076.jpg", imageAlt: "High end empty work environment used in business industry and corporate culture" },
|
||||
{ id: "t5", title: "Must Have", quote: "Essential for professional growth.", name: "Jenny H.", role: "Scalper", imageSrc: "http://img.b2bpic.net/free-photo/teleworker-home-office-gathering-information-from-internet-seminar_482257-119301.jpg", imageAlt: "High end empty work environment used in business industry and corporate culture" },
|
||||
]}
|
||||
title="Trader Reviews"
|
||||
description="Results speak for themselves."
|
||||
@@ -259,21 +129,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is it secure?",
|
||||
content: "Yes, all trade data is encrypted.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I import logs?",
|
||||
content: "CSV imports are supported on the Pro plan.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you support crypto?",
|
||||
content: "Yes, we support all major crypto assets.",
|
||||
},
|
||||
{ id: "q1", title: "Is it secure?", content: "Yes, all trade data is encrypted." },
|
||||
{ id: "q2", title: "Can I import logs?", content: "CSV imports are supported on the Pro plan." },
|
||||
{ id: "q3", title: "Do you support crypto?", content: "Yes, we support all major crypto assets." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our platform."
|
||||
@@ -286,9 +144,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact"
|
||||
title="Get Started Today"
|
||||
description="Ready to level up your trading journey?"
|
||||
@@ -298,14 +154,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="TradeJournal"
|
||||
leftLink={{
|
||||
text: "Terms",
|
||||
href: "/terms",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy",
|
||||
href: "/privacy",
|
||||
}}
|
||||
leftLink={{ text: "Terms", href: "/terms" }}
|
||||
rightLink={{ text: "Privacy", href: "/privacy" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user