From c9308b68e0f62f42a91b41d5edf43bc55f50098b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 3 Jun 2026 15:03:47 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 305 ++++++++++-------------------------------------
 1 file changed, 63 insertions(+), 242 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index edeff16..494845f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -34,25 +34,15 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Markets",
-          id: "#market-stats",
-        },
+          name: "Markets",          id: "#market-stats"},
         {
-          name: "Charts",
-          id: "#hero",
-        },
+          name: "Charts",          id: "#hero"},
         {
-          name: "News",
-          id: "#latest-insights",
-        },
+          name: "News",          id: "#latest-insights"},
         {
-          name: "Portfolio",
-          id: "#premium-access",
-        },
+          name: "Portfolio",          id: "#premium-access"},
         {
-          name: "Login",
-          id: "#contact",
-        },
+          name: "Login",          id: "#contact"},
       ]}
       brandName="Void Trade"
     />
@@ -61,21 +51,16 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "downward-rays-animated-grid",
-      }}
+        variant: "downward-rays-animated-grid"}}
       title="Trade Smarter. Live Better."
       description="Access real-time data, powerful charting tools, and seamless execution on a platform designed for serious traders. Experience the future of finance with Void Trade."
       tag="Advanced Trading Platform"
       tagAnimation="slide-up"
       buttons={[
         {
-          text: "Start Trading Now",
-          href: "#contact",
-        },
+          text: "Start Trading Now",          href: "#contact"},
         {
-          text: "Explore Features",
-          href: "#trading-features",
-        },
+          text: "Explore Features",          href: "#trading-features"},
       ]}
       buttonAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/woman-broker-looking-real-time-stock-market-sales-analyzing-global-trade-exchange-statistics-capital-money-investment-working-with-hegde-fund-index-profit-forex-trading-night_482257-46966.jpg"
@@ -90,17 +75,11 @@ export default function LandingPage() {
       description="Gain a competitive edge with our advanced analytics and real-time data streams. Void Trade provides you with the crucial metrics needed to make informed trading decisions, faster than ever before."
       metrics={[
         {
-          value: "24/7",
-          title: "Market Access",
-        },
+          value: "24/7",          title: "Market Access"},
         {
-          value: "0.01%",
-          title: "Lowest Fees",
-        },
+          value: "0.01%",          title: "Lowest Fees"},
         {
-          value: "1M+",
-          title: "Global Traders",
-        },
+          value: "1M+",          title: "Global Traders"},
       ]}
       tag="Data-Driven Trading"
       imageSrc="http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30670.jpg"
@@ -118,53 +97,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "btc-usd",
-          name: "Bitcoin",
-          variant: "BTC/USD",
-          price: "$68,500",
-          imageSrc: "http://img.b2bpic.net/free-photo/location-map-direction-left-side_187299-45689.jpg",
-          imageAlt: "Bitcoin icon",
-        },
+          id: "btc-usd",          name: "Bitcoin",          variant: "BTC/USD",          price: "$68,500",          imageSrc: "http://img.b2bpic.net/free-photo/location-map-direction-left-side_187299-45689.jpg",          imageAlt: "Bitcoin icon"},
         {
-          id: "eth-usd",
-          name: "Ethereum",
-          variant: "ETH/USD",
-          price: "$3,800",
-          imageSrc: "http://img.b2bpic.net/free-photo/bitcoin-coin-closeup-black-background-background-with-cryptocurrency_169016-62202.jpg",
-          imageAlt: "Ethereum icon",
-        },
+          id: "eth-usd",          name: "Ethereum",          variant: "ETH/USD",          price: "$3,800",          imageSrc: "http://img.b2bpic.net/free-photo/bitcoin-coin-closeup-black-background-background-with-cryptocurrency_169016-62202.jpg",          imageAlt: "Ethereum icon"},
         {
-          id: "sol-usd",
-          name: "Solana",
-          variant: "SOL/USD",
-          price: "$175",
-          imageSrc: "http://img.b2bpic.net/free-photo/golden-bitcoin-coin-with-beautiful-background-cryptocurrency-money-concept_169016-66287.jpg",
-          imageAlt: "Solana icon",
-        },
+          id: "sol-usd",          name: "Solana",          variant: "SOL/USD",          price: "$175",          imageSrc: "http://img.b2bpic.net/free-photo/golden-bitcoin-coin-with-beautiful-background-cryptocurrency-money-concept_169016-66287.jpg",          imageAlt: "Solana icon"},
         {
-          id: "bnb-usd",
-          name: "Binance Coin",
-          variant: "BNB/USD",
-          price: "$610",
-          imageSrc: "http://img.b2bpic.net/free-vector/abstract-landing-page-template_52683-4526.jpg",
-          imageAlt: "Binance Coin icon",
-        },
+          id: "bnb-usd",          name: "Binance Coin",          variant: "BNB/USD",          price: "$610",          imageSrc: "http://img.b2bpic.net/free-vector/abstract-landing-page-template_52683-4526.jpg",          imageAlt: "Binance Coin icon"},
         {
-          id: "gold",
-          name: "Gold",
-          variant: "XAU/USD",
-          price: "$2,350",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wood-logs_23-2151340284.jpg",
-          imageAlt: "Gold icon",
-        },
+          id: "gold",          name: "Gold",          variant: "XAU/USD",          price: "$2,350",          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wood-logs_23-2151340284.jpg",          imageAlt: "Gold icon"},
         {
-          id: "xrp-usd",
-          name: "Ripple",
-          variant: "XRP/USD",
-          price: "$0.52",
-          imageSrc: "http://img.b2bpic.net/free-vector/crypto-coin-logo-new-design_483537-4816.jpg",
-          imageAlt: "Ripple icon",
-        },
+          id: "xrp-usd",          name: "Ripple",          variant: "XRP/USD",          price: "$0.52",          imageSrc: "http://img.b2bpic.net/free-vector/crypto-coin-logo-new-design_483537-4816.jpg",          imageAlt: "Ripple icon"},
       ]}
       title="Your Personalized Watchlist"
       description="Keep an eye on the assets that matter most. Customize your watchlist with top cryptocurrencies and commodities, always updated with live market data."
@@ -179,58 +122,29 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "starter",
-          badge: "Standard",
-          price: "$0/month",
-          subtitle: "Basic features for new traders",
-          buttons: [
+          id: "starter",          badge: "Standard",          price: "$0/month",          subtitle: "Basic features for new traders",          buttons: [
             {
-              text: "Get Started Free",
-            },
+              text: "Get Started Free"},
           ],
           features: [
-            "Real-time market data",
-            "Basic charting tools",
-            "Access to top 10 assets",
-            "Community support",
-          ],
+            "Real-time market data",            "Basic charting tools",            "Access to top 10 assets",            "Community support"],
         },
         {
-          id: "pro",
-          badge: "Popular",
-          badgeIcon: Sparkles,
-          price: "$49/month",
-          subtitle: "Advanced tools for active traders",
-          buttons: [
+          id: "pro",          badge: "Popular",          badgeIcon: Sparkles,
+          price: "$49/month",          subtitle: "Advanced tools for active traders",          buttons: [
             {
-              text: "Go Pro Now",
-            },
+              text: "Go Pro Now"},
           ],
           features: [
-            "All Starter features",
-            "Advanced charting indicators",
-            "Full asset access",
-            "Priority support",
-            "Trading automation",
-          ],
+            "All Starter features",            "Advanced charting indicators",            "Full asset access",            "Priority support",            "Trading automation"],
         },
         {
-          id: "vip",
-          badge: "Executive",
-          price: "$199/month",
-          subtitle: "Exclusive benefits for elite traders",
-          buttons: [
+          id: "vip",          badge: "Executive",          price: "$199/month",          subtitle: "Exclusive benefits for elite traders",          buttons: [
             {
-              text: "Contact Sales",
-            },
+              text: "Contact Sales"},
           ],
           features: [
-            "All Pro features",
-            "Dedicated account manager",
-            "Customizable API access",
-            "Exclusive market reports",
-            "VIP events access",
-          ],
+            "All Pro features",            "Dedicated account manager",            "Customizable API access",            "Exclusive market reports",            "VIP events access"],
         },
       ]}
       title="Unlock Your Trading Potential"
@@ -247,23 +161,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Lightning-Fast Execution",
-          description: "Execute trades in milliseconds with our high-performance matching engine, ensuring you never miss a market opportunity.",
-          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139260.jpg",
-          imageAlt: "Abstract representation of fast execution speed",
-        },
+          title: "Lightning-Fast Execution",          description: "Execute trades in milliseconds with our high-performance matching engine, ensuring you never miss a market opportunity.",          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139260.jpg",          imageAlt: "Abstract representation of fast execution speed"},
         {
-          title: "Bank-Grade Security",
-          description: "Your assets and data are protected by advanced encryption and multi-factor authentication, giving you peace of mind.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-digital-padlock-protection-concept_23-2152004113.jpg",
-          imageAlt: "Abstract representation of digital security",
-        },
+          title: "Bank-Grade Security",          description: "Your assets and data are protected by advanced encryption and multi-factor authentication, giving you peace of mind.",          imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-digital-padlock-protection-concept_23-2152004113.jpg",          imageAlt: "Abstract representation of digital security"},
         {
-          title: "Advanced Analytical Tools",
-          description: "Utilize a comprehensive suite of indicators, drawing tools, and customizable layouts to perform in-depth market analysis.",
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-consultant-studying-constitutional-records_482257-102830.jpg",
-          imageAlt: "Abstract representation of advanced analytical tools",
-        },
+          title: "Advanced Analytical Tools",          description: "Utilize a comprehensive suite of indicators, drawing tools, and customizable layouts to perform in-depth market analysis.",          imageSrc: "http://img.b2bpic.net/free-photo/african-american-consultant-studying-constitutional-records_482257-102830.jpg",          imageAlt: "Abstract representation of advanced analytical tools"},
       ]}
       title="Powerful Features for Every Trader"
       description="Void Trade is built with state-of-the-art technology to provide you with the speed, security, and precision you need to excel in today's fast-paced markets."
@@ -280,50 +182,20 @@ export default function LandingPage() {
       carouselMode="buttons"
       testimonials={[
         {
-          id: "1",
-          name: "Sarah J.",
-          role: "Professional Trader",
-          company: "CryptoCapital",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/male-factory-consultant-observes-production-systems-pc-solar-plant_482257-126030.jpg",
-          imageAlt: "Avatar of Sarah J.",
-        },
+          id: "1",          name: "Sarah J.",          role: "Professional Trader",          company: "CryptoCapital",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/male-factory-consultant-observes-production-systems-pc-solar-plant_482257-126030.jpg",          imageAlt: "Avatar of Sarah J."},
         {
-          id: "2",
-          name: "Michael C.",
-          role: "Financial Analyst",
-          company: "GlobalInvest",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-face-african-american-girl-looking-away_1262-3098.jpg",
-          imageAlt: "Avatar of Michael C.",
-        },
+          id: "2",          name: "Michael C.",          role: "Financial Analyst",          company: "GlobalInvest",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-face-african-american-girl-looking-away_1262-3098.jpg",          imageAlt: "Avatar of Michael C."},
         {
-          id: "3",
-          name: "Emily R.",
-          role: "Day Trader",
-          company: "MarketMakers",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/enterprise-manager-analyzes-annual-reports-statistics-pc_482257-94061.jpg",
-          imageAlt: "Avatar of Emily R.",
-        },
+          id: "3",          name: "Emily R.",          role: "Day Trader",          company: "MarketMakers",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/enterprise-manager-analyzes-annual-reports-statistics-pc_482257-94061.jpg",          imageAlt: "Avatar of Emily R."},
         {
-          id: "4",
-          name: "David K.",
-          role: "Hedge Fund Manager",
-          company: "AlphaCapital",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241274.jpg",
-          imageAlt: "Avatar of David K.",
-        },
+          id: "4",          name: "David K.",          role: "Hedge Fund Manager",          company: "AlphaCapital",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241274.jpg",          imageAlt: "Avatar of David K."},
         {
-          id: "5",
-          name: "Jessica L.",
-          role: "Quantitative Analyst",
-          company: "QuantEdge",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-stock-market-trader-looking-camera-with-hands-crossed_482257-30734.jpg",
-          imageAlt: "Avatar of Jessica L.",
-        },
+          id: "5",          name: "Jessica L.",          role: "Quantitative Analyst",          company: "QuantEdge",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/bearded-stock-market-trader-looking-camera-with-hands-crossed_482257-30734.jpg",          imageAlt: "Avatar of Jessica L."},
       ]}
       title="What Our Traders Say"
       description="Hear directly from our community about how Void Trade has transformed their trading experience and helped them achieve their financial goals."
@@ -337,30 +209,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "faq1",
-          title: "How do I open an account?",
-          content: "Opening an account with Void Trade is simple and takes just a few minutes. Click on the 'Get Started' button, fill in your details, and complete our quick verification process.",
-        },
+          id: "faq1",          title: "How do I open an account?",          content: "Opening an account with Void Trade is simple and takes just a few minutes. Click on the 'Get Started' button, fill in your details, and complete our quick verification process."},
         {
-          id: "faq2",
-          title: "What assets can I trade?",
-          content: "Void Trade offers a wide range of assets, including major cryptocurrencies like Bitcoin and Ethereum, as well as commodities such as Gold and Silver.",
-        },
+          id: "faq2",          title: "What assets can I trade?",          content: "Void Trade offers a wide range of assets, including major cryptocurrencies like Bitcoin and Ethereum, as well as commodities such as Gold and Silver."},
         {
-          id: "faq3",
-          title: "Is my money safe with Void Trade?",
-          content: "Yes, security is our top priority. We employ industry-leading encryption, multi-factor authentication, and cold storage solutions to protect your funds and personal data.",
-        },
+          id: "faq3",          title: "Is my money safe with Void Trade?",          content: "Yes, security is our top priority. We employ industry-leading encryption, multi-factor authentication, and cold storage solutions to protect your funds and personal data."},
         {
-          id: "faq4",
-          title: "What trading tools are available?",
-          content: "Our platform provides advanced charting with numerous indicators, customizable layouts, real-time market data, and various order types to suit your trading strategy.",
-        },
+          id: "faq4",          title: "What trading tools are available?",          content: "Our platform provides advanced charting with numerous indicators, customizable layouts, real-time market data, and various order types to suit your trading strategy."},
         {
-          id: "faq5",
-          title: "How can I deposit and withdraw funds?",
-          content: "We support multiple deposit and withdrawal methods, including bank transfers, credit/debit cards, and various cryptocurrency options. Funds are processed securely and efficiently.",
-        },
+          id: "faq5",          title: "How can I deposit and withdraw funds?",          content: "We support multiple deposit and withdrawal methods, including bank transfers, credit/debit cards, and various cryptocurrency options. Funds are processed securely and efficiently."},
       ]}
       title="Frequently Asked Questions"
       description="Find quick answers to the most common questions about Void Trade, our platform, and trading."
@@ -374,14 +231,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Global FinTech",
-        "BlockSecure",
-        "DataPulse",
-        "VentureX",
-        "ReguGuard",
-        "AI Market Lab",
-        "Digital Custody",
-      ]}
+        "Global FinTech",        "BlockSecure",        "DataPulse",        "VentureX",        "ReguGuard",        "AI Market Lab",        "Digital Custody"]}
       title="Trusted by Industry Leaders"
       description="Our partnerships with leading financial institutions and technology providers ensure a robust and secure trading environment."
       tag="Our Collaborations"
@@ -392,20 +242,16 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "glowing-orb",
-      }}
+        variant: "sparkles-gradient"}}
       tag="Ready to Trade?"
       tagAnimation="slide-up"
       title="Join Void Trade Today"
       description="Elevate your trading journey with a platform built for performance. Sign up now and access unparalleled market insights."
       buttons={[
         {
-          text: "Create Free Account",
-        },
+          text: "Create Free Account"},
         {
-          text: "Talk to Sales",
-          href: "mailto:sales@voidtrade.com",
-        },
+          text: "Talk to Sales",          href: "mailto:sales@voidtrade.com"},
       ]}
       buttonAnimation="slide-up"
     />
@@ -416,62 +262,37 @@ export default function LandingPage() {
       logoText="Void Trade"
       columns={[
         {
-          title: "Platform",
-          items: [
+          title: "Platform",          items: [
             {
-              label: "Markets",
-              href: "#market-stats",
-            },
+              label: "Markets",              href: "#market-stats"},
             {
-              label: "Charts",
-              href: "#hero",
-            },
+              label: "Charts",              href: "#hero"},
             {
-              label: "Features",
-              href: "#trading-features",
-            },
+              label: "Features",              href: "#trading-features"},
             {
-              label: "Pricing",
-              href: "#premium-access",
-            },
+              label: "Pricing",              href: "#premium-access"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About Us",
-              href: "#",
-            },
+              label: "About Us",              href: "#"},
             {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Careers",              href: "#"},
             {
-              label: "News",
-              href: "#latest-insights",
-            },
+              label: "News",              href: "#latest-insights"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
             {
-              label: "Risk Disclosure",
-              href: "#",
-            },
+              label: "Risk Disclosure",              href: "#"},
           ],
         },
       ]}