bender/b5bc69c9-22b5-4d75-b9d4-a2d8de3b23aa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-13 16:36:53 +00:00
parent 528e5ecd1f
commit 2cd5ce3d66
1 changed files with 54 additions and 185 deletions
Download Patch File Download Diff File Expand all files Collapse all files

239
src/app/page.tsx
View File

@@ -24,8 +24,7 @@ export default function HomePage() {
const footerColumns = [
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Features", href: "#features" },
{ label: "Pricing", href: "#pricing" },
{ label: "Security", href: "#" },
@@ -33,8 +32,7 @@ export default function HomePage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Trading Academy", href: "/resources" },
{ label: "Webinars", href: "#" },
{ label: "Blog", href: "#" },
@@ -42,8 +40,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Contact", href: "#contact" },
{ label: "Careers", href: "#" },
@@ -51,8 +48,7 @@ export default function HomePage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Terms of Service", href: "#" },
{ label: "Privacy Policy", href: "#" },
{ label: "Cookie Policy", href: "#" },
@@ -79,9 +75,7 @@ export default function HomePage() {
navItems={navItems}
brandName="TradeVault"
button={{
text: "Get Started",
href: "/contact",
}}
text: "Get Started", href: "/contact"}}
buttonClassName="bg-gradient-to-r from-red-600 to-red-500 hover:from-red-700 hover:to-red-600 text-white px-6 py-2 rounded-lg transition-all"
className="w-full bg-white/80 backdrop-blur-md border border-gray-200"
/>
@@ -101,15 +95,12 @@ export default function HomePage() {
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Atl2YWDNYkjan55IJ2TSPKX2sF/modern-trading-dashboard-interface-with--1773419647889-48295e04.png",
imageAlt: "Professional trading dashboard with real-time analytics",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Atl2YWDNYkjan55IJ2TSPKX2sF/modern-trading-dashboard-interface-with--1773419647889-48295e04.png", imageAlt: "Professional trading dashboard with real-time analytics"},
]}
mediaAnimation="blur-reveal"
background={{ variant: "gradient-bars" }}
className="w-full"
containerClassName="max-w-7xl mx-auto px-4 py-20"
titleClassName="text-5xl md:text-6xl font-bold text-gray-900 mb-6"
descriptionClassName="text-xl text-gray-600 mb-8 max-w-2xl"
buttonContainerClassName="flex gap-4 mt-8"
buttonClassName="px-8 py-3 rounded-lg font-semibold transition-all"
@@ -129,28 +120,19 @@ export default function HomePage() {
useInvertedBackground={false}
features={[
{
title: "Real-Time Market Data",
description: "Access live price feeds, order book data, and market microstructure across 150+ exchanges globally.",
button: { text: "Explore Data", href: "#" },
bentoComponent: "line-chart",
},
title: "Real-Time Market Data", description: "Access live price feeds, order book data, and market microstructure across 150+ exchanges globally.", button: { text: "Explore Data", href: "#" },
bentoComponent: "line-chart"},
{
title: "Advanced Risk Management",
description: "Intelligent stop-loss placement, position sizing, and portfolio heat monitoring with AI-powered recommendations.",
button: { text: "Learn More", href: "#" },
bentoComponent: "icon-info-cards",
items: [
title: "Advanced Risk Management", description: "Intelligent stop-loss placement, position sizing, and portfolio heat monitoring with AI-powered recommendations.", button: { text: "Learn More", href: "#" },
bentoComponent: "icon-info-cards", items: [
{ icon: Shield, label: "Risk Control", value: "24/7 Monitoring" },
{ icon: AlertCircle, label: "Alerts", value: "Real-time" },
{ icon: TrendingDown, label: "Drawdown", value: "Tracked" },
],
},
{
title: "Lightning-Fast Execution",
description: "Sub-millisecond order execution with direct market access. Connect to your preferred brokers seamlessly.",
button: { text: "Get Connected", href: "#" },
bentoComponent: "orbiting-icons",
centerIcon: Zap,
title: "Lightning-Fast Execution", description: "Sub-millisecond order execution with direct market access. Connect to your preferred brokers seamlessly.", button: { text: "Get Connected", href: "#" },
bentoComponent: "orbiting-icons", centerIcon: Zap,
items: [
{ icon: Zap, ring: 1, duration: 20 },
{ icon: Zap, ring: 2, duration: 25 },
@@ -158,11 +140,8 @@ export default function HomePage() {
],
},
{
title: "Trading Mastery Path",
description: "Master trading strategies with our comprehensive library of courses, webinars, and expert-led tutorials.",
button: { text: "Explore Academy", href: "/resources" },
bentoComponent: "3d-task-list",
items: [
title: "Trading Mastery Path", description: "Master trading strategies with our comprehensive library of courses, webinars, and expert-led tutorials.", button: { text: "Explore Academy", href: "/resources" },
bentoComponent: "3d-task-list", items: [
{ icon: BookOpen, label: "Fundamental Analysis", time: "12 hours" },
{ icon: TrendingUp, label: "Technical Analysis", time: "15 hours" },
{ icon: Target, label: "Advanced Strategies", time: "20 hours" },
@@ -172,8 +151,8 @@ export default function HomePage() {
carouselMode="buttons"
className="w-full"
containerClassName="max-w-7xl mx-auto px-4 py-20"
titleClassName="text-4xl md:text-5xl font-bold text-gray-900 mb-4"
descriptionClassName="text-lg text-gray-600 mb-12 max-w-2xl"
textBoxTitleClassName="text-4xl md:text-5xl font-bold text-gray-900 mb-4"
textBoxDescriptionClassName="text-lg text-gray-600 mb-12 max-w-2xl"
gridClassName="grid grid-cols-1 md:grid-cols-2 gap-6 mt-12"
/>
</div>
@@ -208,25 +187,9 @@ export default function HomePage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Goldman Sachs Partners",
"JP Morgan Trading",
"Citadel Advisors",
"Bridgewater Associates",
"Renaissance Technologies",
"Two Sigma",
"Millenium Management",
"Point72 Asset Management",
]}
"Goldman Sachs Partners", "JP Morgan Trading", "Citadel Advisors", "Bridgewater Associates", "Renaissance Technologies", "Two Sigma", "Millenium Management", "Point72 Asset Management"]}
logos={[
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Atl2YWDNYkjan55IJ2TSPKX2sF/modern-financial-company-logo-profession-1773419647513-2950eb5e.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Atl2YWDNYkjan55IJ2TSPKX2sF/professional-brokerage-logo-modern-desig-1773419647901-22b8cb03.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Atl2YWDNYkjan55IJ2TSPKX2sF/fintech-company-logo-modern-minimalist-d-1773419647933-9e88e1f6.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Atl2YWDNYkjan55IJ2TSPKX2sF/stock-exchange-logo-professional-financi-1773419647430-398702bb.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Atl2YWDNYkjan55IJ2TSPKX2sF/investment-bank-logo-professional-brandi-1773419647665-c78bd7c3.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Atl2YWDNYkjan55IJ2TSPKX2sF/cryptocurrency-trading-platform-logo-mod-1773419647781-a843a984.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Atl2YWDNYkjan55IJ2TSPKX2sF/commodities-trading-logo-professional-fi-1773419648127-a206baa4.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Atl2YWDNYkjan55IJ2TSPKX2sF/fintech-analytics-logo-professional-data-1773419646998-fd3c3d07.png",
]}
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Atl2YWDNYkjan55IJ2TSPKX2sF/modern-financial-company-logo-profession-1773419647513-2950eb5e.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Atl2YWDNYkjan55IJ2TSPKX2sF/professional-brokerage-logo-modern-desig-1773419647901-22b8cb03.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Atl2YWDNYkjan55IJ2TSPKX2sF/fintech-company-logo-modern-minimalist-d-1773419647933-9e88e1f6.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Atl2YWDNYkjan55IJ2TSPKX2sF/stock-exchange-logo-professional-financi-1773419647430-398702bb.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Atl2YWDNYkjan55IJ2TSPKX2sF/investment-bank-logo-professional-brandi-1773419647665-c78bd7c3.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Atl2YWDNYkjan55IJ2TSPKX2sF/cryptocurrency-trading-platform-logo-mod-1773419647781-a843a984.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Atl2YWDNYkjan55IJ2TSPKX2sF/commodities-trading-logo-professional-fi-1773419648127-a206baa4.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Atl2YWDNYkjan55IJ2TSPKX2sF/fintech-analytics-logo-professional-data-1773419646998-fd3c3d07.png"]}
showCard={true}
speed={40}
className="w-full"
@@ -247,62 +210,22 @@ export default function HomePage() {
animationType="blur-reveal"
plans={[
{
id: "starter",
tag: "Popular",
tagIcon: Star,
price: "$29",
period: "/month",
description: "Perfect for aspiring traders",
button: { text: "Get Started", href: "/contact" },
featuresTitle: "What's included",
features: [
"Real-time market data",
"5 concurrent alerts",
"Basic charting tools",
"Email support",
"Mobile app access",
"Educational resources",
],
id: "starter", tag: "Popular", tagIcon: Star,
price: "$29", period: "/month", description: "Perfect for aspiring traders", button: { text: "Get Started", href: "/contact" },
featuresTitle: "What's included", features: [
"Real-time market data", "5 concurrent alerts", "Basic charting tools", "Email support", "Mobile app access", "Educational resources"],
},
{
id: "professional",
tag: "Recommended",
tagIcon: Zap,
price: "$99",
period: "/month",
description: "For active professional traders",
button: { text: "Start Trial", href: "/contact" },
featuresTitle: "Everything in Starter, plus",
features: [
"Advanced analytics suite",
"Unlimited alerts",
"Custom indicators",
"Priority support",
"API access",
"Strategy backtesting",
"Portfolio management tools",
"Advanced risk controls",
],
id: "professional", tag: "Recommended", tagIcon: Zap,
price: "$99", period: "/month", description: "For active professional traders", button: { text: "Start Trial", href: "/contact" },
featuresTitle: "Everything in Starter, plus", features: [
"Advanced analytics suite", "Unlimited alerts", "Custom indicators", "Priority support", "API access", "Strategy backtesting", "Portfolio management tools", "Advanced risk controls"],
},
{
id: "enterprise",
tag: "Custom",
tagIcon: Zap,
price: "Custom",
period: "pricing",
description: "For institutional traders",
button: { text: "Contact Sales", href: "/contact" },
featuresTitle: "Everything in Professional, plus",
features: [
"Dedicated account manager",
"White-label solutions",
"Custom integrations",
"Unlimited users",
"Co-location services",
"Market maker agreements",
"24/7 phone support",
"SLA guarantees",
],
id: "enterprise", tag: "Custom", tagIcon: Zap,
price: "Custom", period: "pricing", description: "For institutional traders", button: { text: "Contact Sales", href: "/contact" },
featuresTitle: "Everything in Professional, plus", features: [
"Dedicated account manager", "White-label solutions", "Custom integrations", "Unlimited users", "Co-location services", "Market maker agreements", "24/7 phone support", "SLA guarantees"],
},
]}
className="w-full"
@@ -329,64 +252,28 @@ export default function HomePage() {
tagAnimation="slide-up"
testimonials={[
{
id: "testimonial-1",
name: "Michael Chen",
role: "Professional Day Trader",
testimonial:
"TradeVault transformed my trading completely. The real-time data and risk management tools helped me reduce losses by 40% while increasing my win rate. Outstanding platform!",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Atl2YWDNYkjan55IJ2TSPKX2sF/professional-trader-headshot-confident-e-1773419647075-57cb2cb6.png",
imageAlt: "Michael Chen professional trader",
icon: Star,
id: "testimonial-1", name: "Michael Chen", role: "Professional Day Trader", testimonial:
"TradeVault transformed my trading completely. The real-time data and risk management tools helped me reduce losses by 40% while increasing my win rate. Outstanding platform!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Atl2YWDNYkjan55IJ2TSPKX2sF/professional-trader-headshot-confident-e-1773419647075-57cb2cb6.png", imageAlt: "Michael Chen professional trader", icon: Star,
},
{
id: "testimonial-2",
name: "Sarah Williams",
role: "Hedge Fund Manager",
testimonial:
"The institutional-grade features and API access enabled us to automate 90% of our trading workflows. The support team is exceptional and always responsive.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Atl2YWDNYkjan55IJ2TSPKX2sF/professional-investor-headshot-confident-1773419647688-664fa721.png",
imageAlt: "Sarah Williams hedge fund manager",
icon: Star,
id: "testimonial-2", name: "Sarah Williams", role: "Hedge Fund Manager", testimonial:
"The institutional-grade features and API access enabled us to automate 90% of our trading workflows. The support team is exceptional and always responsive.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Atl2YWDNYkjan55IJ2TSPKX2sF/professional-investor-headshot-confident-1773419647688-664fa721.png", imageAlt: "Sarah Williams hedge fund manager", icon: Star,
},
{
id: "testimonial-3",
name: "David Rodriguez",
role: "Options Trader",
testimonial:
"Best execution speeds I've seen. The sub-millisecond order execution means I catch opportunities others miss. Worth every penny for serious traders.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Atl2YWDNYkjan55IJ2TSPKX2sF/professional-woman-trader-headshot-confi-1773419647217-9d690870.png",
imageAlt: "David Rodriguez options trader",
icon: Star,
id: "testimonial-3", name: "David Rodriguez", role: "Options Trader", testimonial:
"Best execution speeds I've seen. The sub-millisecond order execution means I catch opportunities others miss. Worth every penny for serious traders.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Atl2YWDNYkjan55IJ2TSPKX2sF/professional-woman-trader-headshot-confi-1773419647217-9d690870.png", imageAlt: "David Rodriguez options trader", icon: Star,
},
{
id: "testimonial-4",
name: "Jennifer Park",
role: "Portfolio Manager",
testimonial:
"The educational resources helped my team upskill dramatically. The webinars and courses are taught by real market professionals, not generic instructors.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Atl2YWDNYkjan55IJ2TSPKX2sF/professional-trader-headshot-with-confid-1773419646715-fd2d3d97.png",
imageAlt: "Jennifer Park portfolio manager",
icon: Star,
id: "testimonial-4", name: "Jennifer Park", role: "Portfolio Manager", testimonial:
"The educational resources helped my team upskill dramatically. The webinars and courses are taught by real market professionals, not generic instructors.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Atl2YWDNYkjan55IJ2TSPKX2sF/professional-trader-headshot-with-confid-1773419646715-fd2d3d97.png", imageAlt: "Jennifer Park portfolio manager", icon: Star,
},
{
id: "testimonial-5",
name: "Mark Thompson",
role: "Swing Trader",
testimonial:
"Simple interface with powerful features. I'm not a tech wizard, but TradeVault makes advanced trading accessible and intuitive. Love it!",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Atl2YWDNYkjan55IJ2TSPKX2sF/professional-advisor-headshot-confident--1773419647484-b83280f5.png",
imageAlt: "Mark Thompson swing trader",
icon: Star,
id: "testimonial-5", name: "Mark Thompson", role: "Swing Trader", testimonial:
"Simple interface with powerful features. I'm not a tech wizard, but TradeVault makes advanced trading accessible and intuitive. Love it!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Atl2YWDNYkjan55IJ2TSPKX2sF/professional-advisor-headshot-confident--1773419647484-b83280f5.png", imageAlt: "Mark Thompson swing trader", icon: Star,
},
{
id: "testimonial-6",
name: "Lisa Nakamura",
role: "Cryptocurrency Trader",
testimonial:
"Support for 150+ exchanges is incredible. I can manage all my trading across different markets from one unified platform. Game changer!",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Atl2YWDNYkjan55IJ2TSPKX2sF/confident-trader-professional-headshot-c-1773419647403-2315923f.png",
imageAlt: "Lisa Nakamura cryptocurrency trader",
icon: Star,
id: "testimonial-6", name: "Lisa Nakamura", role: "Cryptocurrency Trader", testimonial:
"Support for 150+ exchanges is incredible. I can manage all my trading across different markets from one unified platform. Game changer!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Atl2YWDNYkjan55IJ2TSPKX2sF/confident-trader-professional-headshot-c-1773419647403-2315923f.png", imageAlt: "Lisa Nakamura cryptocurrency trader", icon: Star,
},
]}
carouselMode="buttons"
@@ -412,41 +299,23 @@ export default function HomePage() {
showCard={true}
faqs={[
{
id: "faq-1",
title: "Is TradeVault suitable for beginners?",
content:
"Absolutely! While TradeVault offers institutional-grade tools, our intuitive interface and comprehensive educational resources make it perfect for traders at all levels. We recommend starting with our Academy courses to build a strong foundation.",
},
id: "faq-1", title: "Is TradeVault suitable for beginners?", content:
"Absolutely! While TradeVault offers institutional-grade tools, our intuitive interface and comprehensive educational resources make it perfect for traders at all levels. We recommend starting with our Academy courses to build a strong foundation."},
{
id: "faq-2",
title: "What brokers does TradeVault support?",
content:
"We support direct integration with 150+ exchanges and brokers globally, including major players like Interactive Brokers, TD Ameritrade, Coinbase Pro, Kraken, and many more. Check our integrations page for a complete list.",
},
id: "faq-2", title: "What brokers does TradeVault support?", content:
"We support direct integration with 150+ exchanges and brokers globally, including major players like Interactive Brokers, TD Ameritrade, Coinbase Pro, Kraken, and many more. Check our integrations page for a complete list."},
{
id: "faq-3",
title: "Can I use TradeVault for automated trading?",
content:
"Yes! Professional and Enterprise plans include API access and strategy backtesting tools. You can build, test, and deploy automated trading strategies directly from our platform.",
},
id: "faq-3", title: "Can I use TradeVault for automated trading?", content:
"Yes! Professional and Enterprise plans include API access and strategy backtesting tools. You can build, test, and deploy automated trading strategies directly from our platform."},
{
id: "faq-4",
title: "What are the data latency specifications?",
content:
"Our real-time data feeds have latency below 100 milliseconds for most major exchanges. Order execution happens in sub-milliseconds through our DMA connections. Enterprise customers get co-location options for even lower latency.",
},
id: "faq-4", title: "What are the data latency specifications?", content:
"Our real-time data feeds have latency below 100 milliseconds for most major exchanges. Order execution happens in sub-milliseconds through our DMA connections. Enterprise customers get co-location options for even lower latency."},
{
id: "faq-5",
title: "Is my trading data secure?",
content:
"Yes, we use military-grade encryption, multi-factor authentication, and comply with all major regulatory frameworks including SEC, FINRA, and GDPR. Your data is never shared with third parties.",
},
id: "faq-5", title: "Is my trading data secure?", content:
"Yes, we use military-grade encryption, multi-factor authentication, and comply with all major regulatory frameworks including SEC, FINRA, and GDPR. Your data is never shared with third parties."},
{
id: "faq-6",
title: "What support is available?",
content:
"Starter plans get email support, Professional plans include priority support, and Enterprise clients receive dedicated account managers and 24/7 phone support. All plans include access to our help center and community forums.",
},
id: "faq-6", title: "What support is available?", content:
"Starter plans get email support, Professional plans include priority support, and Enterprise clients receive dedicated account managers and 24/7 phone support. All plans include access to our help center and community forums."},
]}
className="w-full"
containerClassName="max-w-4xl mx-auto px-4 py-20"