From 1a3bccfce45735d1b02030376e38fe921ad9895f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 16 Apr 2026 15:00:39 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 279 ++++++++---------------------------------------
 1 file changed, 48 insertions(+), 231 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5319f1d..7c1bad4 100644
--- a/src/app/page.tsx
+++ b/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>
-- 
2.49.1