Merge version_1 into main #2
181
src/app/page.tsx
181
src/app/page.tsx
@@ -33,48 +33,33 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Tradex Journal"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
logoText="Tradex Journal"
|
||||
description="The ultimate companion for serious traders. Track your performance, identify patterns, and master the markets with our comprehensive trading journal platform."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stock-data-office-computer-screen_482257-119275.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stock-data-office-computer-screen_482257-119275.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -87,7 +72,7 @@ export default function LandingPage() {
|
||||
description="We believe that consistent success comes from deliberate practice and data-driven analysis. Tradex Journal is engineered to turn your raw trades into clear insights."
|
||||
subdescription="Our platform combines intuitive logging with advanced analytics to help you grow your trading edge safely and effectively."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-office-analyzing-checking-finance-graphs_23-2150377194.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-office-analyzing-checking-finance-graphs_23-2150377194.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -99,49 +84,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Charting",
|
||||
description: "Seamless integration with market data for deep analysis.",
|
||||
icon: LineChart,
|
||||
title: "Advanced Charting", description: "Seamless integration with market data for deep analysis.", icon: LineChart,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-marketing-sales-dashboard-graphics-concept_53876-133831.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-marketing-sales-dashboard-graphics-concept_53876-133831.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-office-used-as-financial-insurance-agency-headquarters_482257-106441.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-office-used-as-financial-insurance-agency-headquarters_482257-106441.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-data-office-computer-screen_482257-119275.jpg?_wi=2",
|
||||
imageAlt: "trading data visual chart",
|
||||
},
|
||||
{
|
||||
title: "Real-time Notifications",
|
||||
description: "Stay updated on critical setups with instant alerts.",
|
||||
icon: Bell,
|
||||
title: "Real-time Notifications", description: "Stay updated on critical setups with instant alerts.", icon: Bell,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unwell-leader-taking-painkiller-ease-pain-due-overload-burnout_482257-116824.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unwell-leader-taking-painkiller-ease-pain-due-overload-burnout_482257-116824.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-office-analyzing-checking-finance-graphs_23-2150377194.jpg?_wi=2",
|
||||
imageAlt: "trading data visual chart",
|
||||
},
|
||||
{
|
||||
title: "Automated Trade Logs",
|
||||
description: "Effortlessly import your trades and keep perfect records.",
|
||||
icon: Database,
|
||||
title: "Automated Trade Logs", description: "Effortlessly import your trades and keep perfect records.", icon: Database,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-hands-using-computer-laptop-with-screen-showing-analysis-data_53876-23014.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-hands-using-computer-laptop-with-screen-showing-analysis-data_53876-23014.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isolated-copy-space-screen-running-laptop-fintech-annual-reports_482257-126520.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isolated-copy-space-screen-running-laptop-fintech-annual-reports_482257-126520.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-4689.jpg?_wi=1",
|
||||
imageAlt: "trading data visual chart",
|
||||
},
|
||||
]}
|
||||
title="Smart Tools for Smarter Trading"
|
||||
@@ -156,26 +123,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150%",
|
||||
title: "Growth Trend",
|
||||
description: "Average user growth rate.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904314.jpg",
|
||||
},
|
||||
id: "m1", value: "150%", title: "Growth Trend", description: "Average user growth rate.", imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904314.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "95%",
|
||||
title: "Target Accuracy",
|
||||
description: "Goal completion rates.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graph-growth-development-improvement-profit-success-concept_53876-133599.jpg",
|
||||
},
|
||||
id: "m2", value: "95%", title: "Target Accuracy", description: "Goal completion rates.", imageSrc: "http://img.b2bpic.net/free-photo/graph-growth-development-improvement-profit-success-concept_53876-133599.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Global Access",
|
||||
description: "Market data connectivity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/worldwide-connection-gray-background-illustration-vector_53876-76822.jpg",
|
||||
},
|
||||
id: "m3", value: "24/7", title: "Global Access", description: "Market data connectivity.", imageSrc: "http://img.b2bpic.net/free-vector/worldwide-connection-gray-background-illustration-vector_53876-76822.jpg"},
|
||||
]}
|
||||
title="Data-Driven Success"
|
||||
description="See how your trading performance improves when you track the numbers that matter."
|
||||
@@ -189,36 +141,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Essentials",
|
||||
price: "$19",
|
||||
period: "/mo",
|
||||
description: "Everything needed to start logging your trades.",
|
||||
button: {
|
||||
text: "Start Basic",
|
||||
},
|
||||
featuresTitle: "Included features",
|
||||
features: [
|
||||
"Manual Trade Logs",
|
||||
"Basic Analytics",
|
||||
"Daily Tips",
|
||||
],
|
||||
id: "basic", tag: "Essentials", price: "$19", period: "/mo", description: "Everything needed to start logging your trades.", button: {
|
||||
text: "Start Basic"},
|
||||
featuresTitle: "Included features", features: [
|
||||
"Manual Trade Logs", "Basic Analytics", "Daily Tips"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Professional",
|
||||
price: "$49",
|
||||
period: "/mo",
|
||||
description: "For traders serious about growth and deep analysis.",
|
||||
button: {
|
||||
text: "Start Pro",
|
||||
},
|
||||
featuresTitle: "Everything Basic, plus:",
|
||||
features: [
|
||||
"Automated Importing",
|
||||
"Advanced Charts",
|
||||
"Priority Support",
|
||||
],
|
||||
id: "pro", tag: "Professional", price: "$49", period: "/mo", description: "For traders serious about growth and deep analysis.", button: {
|
||||
text: "Start Pro"},
|
||||
featuresTitle: "Everything Basic, plus:", features: [
|
||||
"Automated Importing", "Advanced Charts", "Priority Support"],
|
||||
},
|
||||
]}
|
||||
title="Choose Your Plan"
|
||||
@@ -233,40 +165,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
role: "Full-time Trader",
|
||||
testimonial: "Tradex Journal changed my entire perspective on market volatility.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-4689.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Alex R.", role: "Full-time Trader", testimonial: "Tradex Journal changed my entire perspective on market volatility.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-4689.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah K.",
|
||||
role: "Swing Trader",
|
||||
testimonial: "The insights I get now are simply unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-emotions_1303-14600.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah K.", role: "Swing Trader", testimonial: "The insights I get now are simply unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-emotions_1303-14600.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike D.",
|
||||
role: "FX Trader",
|
||||
testimonial: "Logging is so easy now, I haven't missed a trade in months.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-thoughtful-man-with-long-hair-retro-style-dark-photo-studio_613910-17092.jpg",
|
||||
},
|
||||
id: "3", name: "Mike D.", role: "FX Trader", testimonial: "Logging is so easy now, I haven't missed a trade in months.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-thoughtful-man-with-long-hair-retro-style-dark-photo-studio_613910-17092.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena M.",
|
||||
role: "Scalper",
|
||||
testimonial: "Finally, a tool that keeps up with my fast-paced trading.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg",
|
||||
},
|
||||
id: "4", name: "Elena M.", role: "Scalper", testimonial: "Finally, a tool that keeps up with my fast-paced trading.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jason P.",
|
||||
role: "Crypto Trader",
|
||||
testimonial: "Essential for any crypto trader wanting to scale.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg",
|
||||
},
|
||||
id: "5", name: "Jason P.", role: "Crypto Trader", testimonial: "Essential for any crypto trader wanting to scale.", imageSrc: "http://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg"},
|
||||
]}
|
||||
title="Trusted by Traders Globally"
|
||||
description="Hear what our community says about their performance improvement."
|
||||
@@ -278,20 +185,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is my data secure?",
|
||||
content: "Yes, we use bank-grade encryption for all trade data.",
|
||||
},
|
||||
id: "q1", title: "Is my data secure?", content: "Yes, we use bank-grade encryption for all trade data."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I import existing data?",
|
||||
content: "Absolutely, we support CSV and direct API imports.",
|
||||
},
|
||||
id: "q2", title: "Can I import existing data?", content: "Absolutely, we support CSV and direct API imports."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is it suitable for beginners?",
|
||||
content: "Yes, our interface is designed for simplicity and growth.",
|
||||
},
|
||||
id: "q3", title: "Is it suitable for beginners?", content: "Yes, our interface is designed for simplicity and growth."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Need clarity? Check our common questions."
|
||||
@@ -303,8 +201,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Start Your Trading Journey"
|
||||
description="Join thousands of traders who are leveling up their performance."
|
||||
tag="Contact"
|
||||
|
||||
Reference in New Issue
Block a user