diff --git a/src/app/page.tsx b/src/app/page.tsx index b296437..c1d5e3e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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" /> @@ -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"