Merge version_1 into main #2
279
src/app/page.tsx
279
src/app/page.tsx
@@ -20,27 +20,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "#metrics",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Metrics", id: "#metrics" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
]}
|
||||
brandName="TradeNova"
|
||||
/>
|
||||
@@ -48,34 +43,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Master the Markets with TradeNova"
|
||||
description="Unlock precision trading with institutional-grade analytics, ultra-low latency execution, and secure multi-asset support. Your financial future starts here."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Trading",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "View Documentation",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Start Trading", href: "#" },
|
||||
{ text: "View Documentation", href: "#" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-digital-tablet-with-bar-graph_1098-3523.jpg?_wi=1",
|
||||
imageAlt: "Trading UI",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-movie-background_23-2149546026.jpg?_wi=1",
|
||||
imageAlt: "Currency Symbols",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/forecast-expert-ceo-analyzing-investment-insights-negotiations-details_482257-122706.jpg?_wi=1",
|
||||
imageAlt: "Analytics",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-digital-tablet-with-bar-graph_1098-3523.jpg", imageAlt: "Trading UI" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-movie-background_23-2149546026.jpg", imageAlt: "Currency Symbols" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/forecast-expert-ceo-analyzing-investment-insights-negotiations-details_482257-122706.jpg", imageAlt: "Analytics" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -88,49 +66,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Real-time Execution",
|
||||
description: "Execute trades with sub-millisecond precision.",
|
||||
icon: Zap,
|
||||
title: "Real-time Execution", description: "Execute trades with sub-millisecond precision.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-market-graph-business-analysis-investment-monitors_482257-29619.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201876.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-digital-tablet-with-bar-graph_1098-3523.jpg?_wi=2",
|
||||
imageAlt: "trading candlesticks UI",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/stock-market-graph-business-analysis-investment-monitors_482257-29619.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201876.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Secure Portfolio",
|
||||
description: "Bank-grade encryption for all your digital assets.",
|
||||
icon: Shield,
|
||||
title: "Secure Portfolio", description: "Bank-grade encryption for all your digital assets.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-talking-phone-with-his-feet-table-moon-light_482257-32830.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-with-laptop-tablet_1232-487.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-movie-background_23-2149546026.jpg?_wi=2",
|
||||
imageAlt: "trading candlesticks UI",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/businessman-talking-phone-with-his-feet-table-moon-light_482257-32830.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/desktop-with-laptop-tablet_1232-487.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Automated Bots",
|
||||
description: "Deploy algorithmic trading strategies 24/7.",
|
||||
icon: Star,
|
||||
title: "Automated Bots", description: "Deploy algorithmic trading strategies 24/7.", icon: Star,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-data-protection-concepts_23-2152001154.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bitcoin-computer-graphic-card_93675-130066.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/forecast-expert-ceo-analyzing-investment-insights-negotiations-details_482257-122706.jpg?_wi=2",
|
||||
imageAlt: "trading candlesticks UI",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-data-protection-concepts_23-2152001154.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bitcoin-computer-graphic-card_93675-130066.jpg" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Advanced Trading Tools"
|
||||
@@ -144,33 +98,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
items: [
|
||||
"Consistent performance",
|
||||
"No downtime",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "$2B+",
|
||||
title: "Daily Volume",
|
||||
items: [
|
||||
"High liquidity",
|
||||
"Institutional trust",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1.5M",
|
||||
title: "Users",
|
||||
items: [
|
||||
"Global community",
|
||||
"Growing ecosystem",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "99.9%", title: "Uptime", items: ["Consistent performance", "No downtime"] },
|
||||
{ id: "m2", value: "$2B+", title: "Daily Volume", items: ["High liquidity", "Institutional trust"] },
|
||||
{ id: "m3", value: "1.5M", title: "Users", items: ["Global community", "Growing ecosystem"] },
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="We lead the industry with transparency and consistent platform reliability."
|
||||
@@ -183,55 +113,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
title: "Starter",
|
||||
price: "$29",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Basic Analytics",
|
||||
"10 Assets",
|
||||
"Standard Support",
|
||||
],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-holding-device-with-greenscreen_482257-76711.jpg",
|
||||
imageAlt: "digital wallet ui",
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Pro",
|
||||
price: "$99",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Advanced Charts",
|
||||
"All Assets",
|
||||
"Priority Support",
|
||||
"Bot Access",
|
||||
],
|
||||
button: {
|
||||
text: "Upgrade Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-digital-tablet-with-bar-graph_1098-3523.jpg?_wi=3",
|
||||
imageAlt: "digital wallet ui",
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
title: "Enterprise",
|
||||
price: "Custom",
|
||||
period: "Contact",
|
||||
features: [
|
||||
"API Access",
|
||||
"Account Manager",
|
||||
"Custom SLAs",
|
||||
],
|
||||
button: {
|
||||
text: "Contact Sales",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-movie-background_23-2149546026.jpg?_wi=3",
|
||||
imageAlt: "digital wallet ui",
|
||||
},
|
||||
{ id: "starter", title: "Starter", price: "$29", period: "/mo", features: ["Basic Analytics", "10 Assets", "Standard Support"], button: { text: "Get Started" }, imageSrc: "http://img.b2bpic.net/free-photo/worker-holding-device-with-greenscreen_482257-76711.jpg" },
|
||||
{ id: "pro", title: "Pro", price: "$99", period: "/mo", features: ["Advanced Charts", "All Assets", "Priority Support", "Bot Access"], button: { text: "Upgrade Now" }, imageSrc: "http://img.b2bpic.net/free-photo/close-up-digital-tablet-with-bar-graph_1098-3523.jpg" },
|
||||
{ id: "enterprise", title: "Enterprise", price: "Custom", period: "Contact", features: ["API Access", "Account Manager", "Custom SLAs"], button: { text: "Contact Sales" }, imageSrc: "http://img.b2bpic.net/free-photo/abstract-movie-background_23-2149546026.jpg" },
|
||||
]}
|
||||
title="Flexible Trading Plans"
|
||||
description="Transparent pricing tailored to your trading volume and strategy."
|
||||
@@ -242,13 +126,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Bitcoin",
|
||||
"Ethereum",
|
||||
"Binance",
|
||||
"Cardano",
|
||||
"Solana",
|
||||
]}
|
||||
names={["Bitcoin", "Ethereum", "Binance", "Cardano", "Solana"]}
|
||||
title="Trusted by Leaders"
|
||||
description="Supporting global institutions and retail traders alike."
|
||||
/>
|
||||
@@ -259,46 +137,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Excellent Platform",
|
||||
quote: "The analytics here are unmatched.",
|
||||
name: "Sarah Johnson",
|
||||
role: "Full-time Trader",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5370.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Great Support",
|
||||
quote: "Fast execution and helpful support.",
|
||||
name: "Michael Chen",
|
||||
role: "Crypto Analyst",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-digital-nomad-woman-with-tablet-working-outdoors-fresh-air-smiling-looking-away_1258-194355.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Reliable",
|
||||
quote: "I trust this platform with my capital.",
|
||||
name: "David Kim",
|
||||
role: "Portfolio Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Best Features",
|
||||
quote: "The bot automation works perfectly.",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Freelance Trader",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/research-experts-studies-economic-activity_482257-82295.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Seamless",
|
||||
quote: "The interface is very intuitive.",
|
||||
name: "Alex Smith",
|
||||
role: "Portfolio Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-interviewee-taking-notes_23-2149037862.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Excellent Platform", quote: "The analytics here are unmatched.", name: "Sarah Johnson", role: "Full-time Trader", imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5370.jpg" },
|
||||
{ id: "t2", title: "Great Support", quote: "Fast execution and helpful support.", name: "Michael Chen", role: "Crypto Analyst", imageSrc: "http://img.b2bpic.net/free-photo/young-digital-nomad-woman-with-tablet-working-outdoors-fresh-air-smiling-looking-away_1258-194355.jpg" },
|
||||
{ id: "t3", title: "Reliable", quote: "I trust this platform with my capital.", name: "David Kim", role: "Portfolio Manager", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg" },
|
||||
{ id: "t4", title: "Best Features", quote: "The bot automation works perfectly.", name: "Emily Rodriguez", role: "Freelance Trader", imageSrc: "http://img.b2bpic.net/free-photo/research-experts-studies-economic-activity_482257-82295.jpg" },
|
||||
{ id: "t5", title: "Seamless", quote: "The interface is very intuitive.", name: "Alex Smith", role: "Portfolio Manager", imageSrc: "http://img.b2bpic.net/free-photo/close-up-interviewee-taking-notes_23-2149037862.jpg" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Join thousands of traders who have optimized their strategies with our platform."
|
||||
@@ -310,21 +153,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is my capital safe?",
|
||||
content: "Yes, we use advanced multi-sig security.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How do I withdraw?",
|
||||
content: "Withdrawals are processed instantly via our portal.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you support API keys?",
|
||||
content: "Full REST and WebSocket API support is available.",
|
||||
},
|
||||
{ id: "f1", title: "Is my capital safe?", content: "Yes, we use advanced multi-sig security." },
|
||||
{ id: "f2", title: "How do I withdraw?", content: "Withdrawals are processed instantly via our portal." },
|
||||
{ id: "f3", title: "Do you support API keys?", content: "Full REST and WebSocket API support is available." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/banking-app-interface-collection_23-2148626877.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -337,9 +168,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get Started"
|
||||
title="Join the Future of Trading"
|
||||
description="Sign up today and experience the next generation of financial trading technology."
|
||||
@@ -351,21 +180,9 @@ export default function LandingPage() {
|
||||
logoText="TradeNova"
|
||||
copyrightText="© 2025 TradeNova. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Github,
|
||||
href: "https://github.com",
|
||||
ariaLabel: "GitHub",
|
||||
},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
|
||||
{ icon: Github, href: "https://github.com", ariaLabel: "GitHub" },
|
||||
{ icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user