Update src/app/page.tsx
This commit is contained in:
182
src/app/page.tsx
182
src/app/page.tsx
@@ -32,70 +32,41 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Metrics", id: "metrics"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
]}
|
||||
brandName="TradePulse"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Master Your Trading Performance"
|
||||
description="Log, analyze, and optimize every trade with TradePulse—the ultimate platform built for serious traders who value precision, data, and edge."
|
||||
description="Log, analyze, and optimize every trade with automated logging—the ultimate platform built for serious traders who value precision, data, and edge."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Journaling",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Journaling", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg",
|
||||
imageAlt: "Dashboard overview",
|
||||
},
|
||||
id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg", imageAlt: "Dashboard overview"},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-looking-finance-graphs_52683-116600.jpg",
|
||||
imageAlt: "Chart analysis",
|
||||
},
|
||||
id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/person-looking-finance-graphs_52683-116600.jpg", imageAlt: "Chart analysis"},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg",
|
||||
imageAlt: "Risk monitoring",
|
||||
},
|
||||
id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg", imageAlt: "Risk monitoring"},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg",
|
||||
imageAlt: "Performance tracking",
|
||||
},
|
||||
id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg", imageAlt: "Performance tracking"},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-54998.jpg",
|
||||
imageAlt: "Trade log",
|
||||
},
|
||||
id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-54998.jpg", imageAlt: "Trade log"},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tablet-showing-financial-data-with-coffee_23-2152020633.jpg",
|
||||
imageAlt: "Strategy report",
|
||||
},
|
||||
id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/tablet-showing-financial-data-with-coffee_23-2152020633.jpg", imageAlt: "Strategy report"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,20 +78,11 @@ export default function LandingPage() {
|
||||
tag="Performance Stats"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "12,000+",
|
||||
description: "Trades Logged Daily",
|
||||
},
|
||||
id: "m1", value: "12,000+", description: "Trades Logged Daily"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "45%",
|
||||
description: "Avg. Growth Rate",
|
||||
},
|
||||
id: "m2", value: "45%", description: "Avg. Growth Rate"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
description: "Data Reliability",
|
||||
},
|
||||
id: "m3", value: "99.9%", description: "Data Reliability"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -134,19 +96,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: BarChart2,
|
||||
title: "Advanced Analytics",
|
||||
description: "Break down your performance with custom charts, P&L reporting, and asset allocation insights.",
|
||||
},
|
||||
title: "Advanced Analytics", description: "Break down your performance with custom charts, P&L reporting, and asset allocation insights."},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Risk Management",
|
||||
description: "Set dynamic position sizing rules and track your risk-to-reward ratios seamlessly.",
|
||||
},
|
||||
title: "Risk Management", description: "Set dynamic position sizing rules and track your risk-to-reward ratios seamlessly."},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Real-time Sync",
|
||||
description: "Connect your broker accounts for instant trade logging and automated journal updates.",
|
||||
},
|
||||
title: "Real-time Sync", description: "Connect your broker accounts for instant trade logging and automated journal updates."},
|
||||
]}
|
||||
title="Engineered for Growth"
|
||||
description="Sophisticated tools designed to turn every trade into a learning opportunity and build your long-term success."
|
||||
@@ -160,40 +116,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivet",
|
||||
handle: "@alexr",
|
||||
testimonial: "The best trading journal I've used. My win rate improved significantly after just three months.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-cartoon-style_23-2151134089.jpg",
|
||||
},
|
||||
id: "1", name: "Alex Rivet", handle: "@alexr", testimonial: "The best trading journal I've used. My win rate improved significantly after just three months.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-cartoon-style_23-2151134089.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jordan Lee",
|
||||
handle: "@jlee",
|
||||
testimonial: "Game changer. The analytics engine is precise and actually helps me identify my emotional trading mistakes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-with-coffee-hands-emotion-concept-emotion-happiness_169016-66303.jpg",
|
||||
},
|
||||
id: "2", name: "Jordan Lee", handle: "@jlee", testimonial: "Game changer. The analytics engine is precise and actually helps me identify my emotional trading mistakes.", imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-with-coffee-hands-emotion-concept-emotion-happiness_169016-66303.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Morgan F.",
|
||||
handle: "@mf_trade",
|
||||
testimonial: "Solid platform. Clean UI and extremely fast synchronization with my broker.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-stock-market-trader-looking-camera-with-hands-crossed_482257-30734.jpg",
|
||||
},
|
||||
id: "3", name: "Morgan F.", handle: "@mf_trade", testimonial: "Solid platform. Clean UI and extremely fast synchronization with my broker.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-stock-market-trader-looking-camera-with-hands-crossed_482257-30734.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Casey Day",
|
||||
handle: "@casey",
|
||||
testimonial: "Data-driven trading is now possible for me. Highly recommended for full-time traders.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyous-photographer-creative-agency-studio-adjusting-images_482257-121827.jpg",
|
||||
},
|
||||
id: "4", name: "Casey Day", handle: "@casey", testimonial: "Data-driven trading is now possible for me. Highly recommended for full-time traders.", imageSrc: "http://img.b2bpic.net/free-photo/joyous-photographer-creative-agency-studio-adjusting-images_482257-121827.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sam Taylor",
|
||||
handle: "@st_invest",
|
||||
testimonial: "The risk management features have kept me profitable during volatile market swings.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-entrepreneur-showing-bitcoin-while-sitting-desk-with-laptop-computer-isolated-black_231208-11151.jpg",
|
||||
},
|
||||
id: "5", name: "Sam Taylor", handle: "@st_invest", testimonial: "The risk management features have kept me profitable during volatile market swings.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-entrepreneur-showing-bitcoin-while-sitting-desk-with-laptop-computer-isolated-black_231208-11151.jpg"},
|
||||
]}
|
||||
title="Voices of the Market"
|
||||
description="Join thousands of traders who are leveling up their strategy with TradePulse."
|
||||
@@ -206,20 +137,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Does this work with my broker?",
|
||||
content: "We support over 50 major brokerage platforms. Check our list to see if your account is compatible.",
|
||||
},
|
||||
id: "f1", title: "Does this work with my broker?", content: "We support over 50 major brokerage platforms. Check our list to see if your account is compatible."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is my data secure?",
|
||||
content: "Absolutely. We use enterprise-grade encryption to ensure your financial and trade data is private and secure.",
|
||||
},
|
||||
id: "f2", title: "Is my data secure?", content: "Absolutely. We use enterprise-grade encryption to ensure your financial and trade data is private and secure."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I export my data?",
|
||||
content: "Yes, you can export your entire trading history to CSV or Excel at any time.",
|
||||
},
|
||||
id: "f3", title: "Can I export my data?", content: "Yes, you can export your entire trading history to CSV or Excel at any time."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about getting started with TradePulse."
|
||||
@@ -234,38 +156,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Entry",
|
||||
price: "$19/mo",
|
||||
subtitle: "For new traders",
|
||||
buttons: [
|
||||
id: "basic", badge: "Entry", price: "$19/mo", subtitle: "For new traders", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Basic journal",
|
||||
"Daily analytics",
|
||||
"Community access",
|
||||
],
|
||||
"Basic journal", "Daily analytics", "Community access"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Elite",
|
||||
price: "$49/mo",
|
||||
subtitle: "For pro traders",
|
||||
buttons: [
|
||||
id: "pro", badge: "Elite", price: "$49/mo", subtitle: "For pro traders", buttons: [
|
||||
{
|
||||
text: "Go Pro",
|
||||
href: "#",
|
||||
},
|
||||
text: "Go Pro", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Advanced reports",
|
||||
"Automated broker sync",
|
||||
"Priority support",
|
||||
],
|
||||
"Advanced reports", "Automated broker sync", "Priority support"],
|
||||
},
|
||||
]}
|
||||
title="Flexible Pricing Plans"
|
||||
@@ -280,16 +184,10 @@ export default function LandingPage() {
|
||||
description="Join the waitlist or send us a request for a custom demo."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-business-office-with-cubicles-used-organizational-activity-efficiency_482257-125625.jpg"
|
||||
@@ -300,16 +198,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="TradePulse"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user