From 34f48938a6d260c5386137602d44117d9125895e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 10 Jun 2026 08:16:52 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 338 +++++++++++------------------------------------
 1 file changed, 74 insertions(+), 264 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a7c25b9..88d5e0c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,37 +33,21 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "#hero",
-        },
+          name: "Home",          id: "#hero"},
         {
-          name: "About",
-          id: "#about",
-        },
+          name: "About",          id: "#about"},
         {
-          name: "Features",
-          id: "#features",
-        },
+          name: "Features",          id: "#features"},
         {
-          name: "Metrics",
-          id: "#metrics",
-        },
+          name: "Metrics",          id: "#metrics"},
         {
-          name: "Pricing",
-          id: "#pricing",
-        },
+          name: "Pricing",          id: "#pricing"},
         {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
+          name: "Testimonials",          id: "#testimonials"},
         {
-          name: "FAQ",
-          id: "#faq",
-        },
+          name: "FAQ",          id: "#faq"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x50wss"
       logoAlt="Trade Xeler Logo"
@@ -74,86 +58,55 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "animated-grid",
-      }}
+        variant: "animated-grid"}}
       title="Unleash Your Trading Potential with Trade Xeler"
       description="Experience a new era of trading with our intuitive platform, real-time insights, and advanced analytical tools designed for every investor."
       kpis={[
         {
-          value: "1.2M+",
-          label: "Daily Trades",
-        },
+          value: "1.2M+",          label: "Daily Trades"},
         {
-          value: "250K+",
-          label: "Active Users",
-        },
+          value: "250K+",          label: "Active Users"},
         {
-          value: "99.9%",
-          label: "Uptime Guarantee",
-        },
+          value: "99.9%",          label: "Uptime Guarantee"},
       ]}
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "Start Trading Now",
-          href: "#contact",
-        },
+          text: "Start Trading Now",          href: "#contact"},
         {
-          text: "Learn More",
-          href: "#features",
-        },
+          text: "Learn More",          href: "#features"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/isolated-copy-space-screen-running-laptop-fintech-annual-reports_482257-126520.jpg"
       imageAlt="futuristic trading dashboard ui"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",
-          alt: "Portrait of a smiling blonde businesswoman formal dressed.",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",          alt: "Portrait of a smiling blonde businesswoman formal dressed."},
         {
-          src: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg",
-          alt: "Employee working with trendy clothes",
-        },
+          src: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg",          alt: "Employee working with trendy clothes"},
         {
-          src: "http://img.b2bpic.net/free-photo/smile-woman-talking-phone-looking-camera_23-2148317284.jpg",
-          alt: "Smile woman talking at phone and looking at camera",
-        },
+          src: "http://img.b2bpic.net/free-photo/smile-woman-talking-phone-looking-camera_23-2148317284.jpg",          alt: "Smile woman talking at phone and looking at camera"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
-          alt: "Young Businesswoman Portrait in Office",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",          alt: "Young Businesswoman Portrait in Office"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-businessman-with-bottle-water-walking-city_637285-3404.jpg",
-          alt: "Young businessman with bottle of water walking in the city",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-businessman-with-bottle-water-walking-city_637285-3404.jpg",          alt: "Young businessman with bottle of water walking in the city"},
       ]}
       avatarText="Join 250K+ Satisfied Traders"
       marqueeItems={[
         {
-          type: "text-icon",
-          text: "AI-Powered Analytics",
-          icon: Code,
+          type: "text-icon",          text: "AI-Powered Analytics",          icon: Code,
         },
         {
-          type: "text-icon",
-          text: "Global Market Access",
-          icon: Globe,
+          type: "text-icon",          text: "Global Market Access",          icon: Globe,
         },
         {
-          type: "text-icon",
-          text: "24/7 Support",
-          icon: Headphones,
+          type: "text-icon",          text: "24/7 Support",          icon: Headphones,
         },
         {
-          type: "text-icon",
-          text: "Risk Management",
-          icon: AlertCircle,
+          type: "text-icon",          text: "Risk Management",          icon: AlertCircle,
         },
         {
-          type: "text-icon",
-          text: "Portfolio Diversification",
-          icon: Grid,
+          type: "text-icon",          text: "Portfolio Diversification",          icon: Grid,
         },
       ]}
     />
@@ -166,19 +119,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Lightbulb,
-          label: "Innovation",
-          value: "Cutting-edge tech",
-        },
+          label: "Innovation",          value: "Cutting-edge tech"},
         {
           icon: ShieldCheck,
-          label: "Security",
-          value: "Bank-grade encryption",
-        },
+          label: "Security",          value: "Bank-grade encryption"},
         {
           icon: TrendingUp,
-          label: "Performance",
-          value: "Real-time execution",
-        },
+          label: "Performance",          value: "Real-time execution"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -192,29 +139,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Advanced Charting Tools",
-          description: "Utilize highly customizable charts with over 100 indicators to identify market trends and opportunities.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-futuristic-screen_23-2149126945.jpg",
-          imageAlt: "holographic trading interface hand",
-        },
+          title: "Advanced Charting Tools",          description: "Utilize highly customizable charts with over 100 indicators to identify market trends and opportunities.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-futuristic-screen_23-2149126945.jpg",          imageAlt: "holographic trading interface hand"},
         {
-          title: "Real-time Market Data",
-          description: "Access lightning-fast, real-time data feeds directly from major exchanges to never miss a beat.",
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-entrepreneur-reading-global-news-online-his-tablet-pc_1098-19021.jpg",
-          imageAlt: "multiple monitors financial news",
-        },
+          title: "Real-time Market Data",          description: "Access lightning-fast, real-time data feeds directly from major exchanges to never miss a beat.",          imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-entrepreneur-reading-global-news-online-his-tablet-pc_1098-19021.jpg",          imageAlt: "multiple monitors financial news"},
         {
-          title: "Secure & Fast Transactions",
-          description: "Our robust infrastructure ensures your trades are executed swiftly and securely, protected by top-tier encryption.",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-background-with-many-small-details-generative-ai_169016-30142.jpg",
-          imageAlt: "secure data network abstract blue",
-        },
+          title: "Secure & Fast Transactions",          description: "Our robust infrastructure ensures your trades are executed swiftly and securely, protected by top-tier encryption.",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-background-with-many-small-details-generative-ai_169016-30142.jpg",          imageAlt: "secure data network abstract blue"},
         {
-          title: "Customizable Interface",
-          description: "Tailor your trading environment to your preferences with flexible layouts, widgets, and themes.",
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-advisor-reviewing-legal-balance-desk-green-screen_482257-121489.jpg",
-          imageAlt: "minimalist trading workstation laptop",
-        },
+          title: "Customizable Interface",          description: "Tailor your trading environment to your preferences with flexible layouts, widgets, and themes.",          imageSrc: "http://img.b2bpic.net/free-photo/african-american-advisor-reviewing-legal-balance-desk-green-screen_482257-121489.jpg",          imageAlt: "minimalist trading workstation laptop"},
       ]}
       title="Powerful Features for Smart Trading"
       description="Our platform provides a comprehensive suite of tools to give you an edge in dynamic markets."
@@ -223,25 +154,17 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardTwo
+      animationType="slide-up"
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
-          value: "99.99%",
-          description: "System Uptime",
-        },
+          id: "m1",          value: "99.99%",          description: "System Uptime"},
         {
-          id: "m2",
-          value: "<50ms",
-          description: "Average Execution Speed",
-        },
+          id: "m2",          value: "<50ms",          description: "Average Execution Speed"},
         {
-          id: "m3",
-          value: "AES-256",
-          description: "Encryption Standard",
-        },
+          id: "m3",          value: "AES-256",          description: "Encryption Standard"},
       ]}
       title="Achieve Your Financial Goals"
       description="Track key performance indicators and see the tangible impact of our platform on your trading success."
@@ -255,63 +178,31 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
-          badge: "Starter",
-          badgeIcon: Sparkles,
-          price: "$29/mo",
-          name: "Basic Trader",
-          buttons: [
+          id: "basic",          badge: "Starter",          badgeIcon: Sparkles,
+          price: "$29/mo",          name: "Basic Trader",          buttons: [
             {
-              text: "Get Started",
-              href: "#contact",
-            },
+              text: "Get Started",              href: "#contact"},
           ],
           features: [
-            "Real-time Data",
-            "Basic Charting",
-            "100 Trades/month",
-            "Email Support",
-          ],
+            "Real-time Data",            "Basic Charting",            "100 Trades/month",            "Email Support"],
         },
         {
-          id: "pro",
-          badge: "Popular",
-          badgeIcon: Star,
-          price: "$79/mo",
-          name: "Pro Trader",
-          buttons: [
+          id: "pro",          badge: "Popular",          badgeIcon: Star,
+          price: "$79/mo",          name: "Pro Trader",          buttons: [
             {
-              text: "Choose Pro",
-              href: "#contact",
-            },
+              text: "Choose Pro",              href: "#contact"},
           ],
           features: [
-            "All Basic Features",
-            "Advanced Charting",
-            "Unlimited Trades",
-            "Priority Support",
-            "API Access",
-          ],
+            "All Basic Features",            "Advanced Charting",            "Unlimited Trades",            "Priority Support",            "API Access"],
         },
         {
-          id: "enterprise",
-          badge: "Custom",
-          badgeIcon: Award,
-          price: "Custom",
-          name: "Enterprise",
-          buttons: [
+          id: "enterprise",          badge: "Custom",          badgeIcon: Award,
+          price: "Custom",          name: "Enterprise",          buttons: [
             {
-              text: "Contact Sales",
-              href: "#contact",
-            },
+              text: "Contact Sales",              href: "#contact"},
           ],
           features: [
-            "All Pro Features",
-            "Dedicated Account Manager",
-            "Custom Integrations",
-            "White-label Solutions",
-            "Advanced Analytics",
-          ],
+            "All Pro Features",            "Dedicated Account Manager",            "Custom Integrations",            "White-label Solutions",            "Advanced Analytics"],
         },
       ]}
       title="Flexible Plans for Every Trader"
@@ -325,50 +216,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          title: "A Game-Changer for My Trading Strategy",
-          quote: "Trade Xeler has completely transformed my approach to the market. The real-time data and intuitive tools give me an undeniable edge. Highly recommended for serious traders!",
-          name: "Sarah J.",
-          role: "Independent Trader",
-          imageSrc: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg",
-          imageAlt: "female trader smiling headshot",
-        },
+          id: "1",          title: "A Game-Changer for My Trading Strategy",          quote: "Trade Xeler has completely transformed my approach to the market. The real-time data and intuitive tools give me an undeniable edge. Highly recommended for serious traders!",          name: "Sarah J.",          role: "Independent Trader",          imageSrc: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg",          imageAlt: "female trader smiling headshot"},
         {
-          id: "2",
-          title: "Unparalleled Speed and Reliability",
-          quote: "The execution speed on Trade Xeler is unmatched. I can confidently place trades knowing they'll go through instantly, even during volatile periods. A truly reliable platform.",
-          name: "Michael R.",
-          role: "Hedge Fund Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-stylish-woman-coat-joyfully-looking-camera-walking-through-city-street_574295-2122.jpg",
-          imageAlt: "male investor confident headshot",
-        },
+          id: "2",          title: "Unparalleled Speed and Reliability",          quote: "The execution speed on Trade Xeler is unmatched. I can confidently place trades knowing they'll go through instantly, even during volatile periods. A truly reliable platform.",          name: "Michael R.",          role: "Hedge Fund Manager",          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-stylish-woman-coat-joyfully-looking-camera-walking-through-city-street_574295-2122.jpg",          imageAlt: "male investor confident headshot"},
         {
-          id: "3",
-          title: "Best Analytics Suite I've Used",
-          quote: "As an analyst, deep insights are crucial. Trade Xeler's comprehensive analytics tools provide exactly what I need to make informed decisions and optimize my portfolio.",
-          name: "Emily C.",
-          role: "Financial Analyst",
-          imageSrc: "http://img.b2bpic.net/free-photo/factory-inspector-suit-monitoring-solar-panel-production-output_482257-125982.jpg",
-          imageAlt: "female analyst thoughtful portrait",
-        },
+          id: "3",          title: "Best Analytics Suite I've Used",          quote: "As an analyst, deep insights are crucial. Trade Xeler's comprehensive analytics tools provide exactly what I need to make informed decisions and optimize my portfolio.",          name: "Emily C.",          role: "Financial Analyst",          imageSrc: "http://img.b2bpic.net/free-photo/factory-inspector-suit-monitoring-solar-panel-production-output_482257-125982.jpg",          imageAlt: "female analyst thoughtful portrait"},
         {
-          id: "4",
-          title: "User-Friendly and Powerful",
-          quote: "I'm impressed by how easy it is to navigate, yet how powerful the features are. Trade Xeler strikes the perfect balance for both new and experienced traders. Fantastic product!",
-          name: "David K.",
-          role: "Startup Investor",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-genius-man-dressed-casually-studio-shot-pleased-green-wall_140725-152827.jpg",
-          imageAlt: "male entrepreneur dynamic headshot",
-        },
+          id: "4",          title: "User-Friendly and Powerful",          quote: "I'm impressed by how easy it is to navigate, yet how powerful the features are. Trade Xeler strikes the perfect balance for both new and experienced traders. Fantastic product!",          name: "David K.",          role: "Startup Investor",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-genius-man-dressed-casually-studio-shot-pleased-green-wall_140725-152827.jpg",          imageAlt: "male entrepreneur dynamic headshot"},
         {
-          id: "5",
-          title: "Exceptional Support and Features",
-          quote: "From setting up my account to executing complex strategies, the support team and platform features have been exceptional. Trade Xeler truly puts its users first.",
-          name: "Jessica L.",
-          role: "Portfolio Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-man-using-tablet-street-cafe_1262-19056.jpg",
-          imageAlt: "female portfolio manager poised",
-        },
+          id: "5",          title: "Exceptional Support and Features",          quote: "From setting up my account to executing complex strategies, the support team and platform features have been exceptional. Trade Xeler truly puts its users first.",          name: "Jessica L.",          role: "Portfolio Manager",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-man-using-tablet-street-cafe_1262-19056.jpg",          imageAlt: "female portfolio manager poised"},
       ]}
       title="Hear From Our Successful Traders"
       description="Real stories from real people who transformed their trading journey with Trade Xeler."
@@ -381,35 +237,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "faq1",
-          title: "What assets can I trade on Trade Xeler?",
-          content: "Trade Xeler supports a wide range of assets including stocks, cryptocurrencies, forex, commodities, and indices. We are continuously expanding our offerings.",
-        },
+          id: "faq1",          title: "What assets can I trade on Trade Xeler?",          content: "Trade Xeler supports a wide range of assets including stocks, cryptocurrencies, forex, commodities, and indices. We are continuously expanding our offerings."},
         {
-          id: "faq2",
-          title: "Is Trade Xeler suitable for beginners?",
-          content: "Yes, our platform is designed to be intuitive for beginners while offering advanced tools for experienced traders. We also provide educational resources and demo accounts.",
-        },
+          id: "faq2",          title: "Is Trade Xeler suitable for beginners?",          content: "Yes, our platform is designed to be intuitive for beginners while offering advanced tools for experienced traders. We also provide educational resources and demo accounts."},
         {
-          id: "faq3",
-          title: "How does Trade Xeler ensure security?",
-          content: "We employ bank-grade AES-256 encryption, multi-factor authentication, and adhere to strict regulatory compliance to protect your assets and data.",
-        },
+          id: "faq3",          title: "How does Trade Xeler ensure security?",          content: "We employ bank-grade AES-256 encryption, multi-factor authentication, and adhere to strict regulatory compliance to protect your assets and data."},
         {
-          id: "faq4",
-          title: "What are the fees associated with trading?",
-          content: "Our fee structure is transparent and competitive, varying based on your chosen plan and asset class. Details are available on our pricing page.",
-        },
+          id: "faq4",          title: "What are the fees associated with trading?",          content: "Our fee structure is transparent and competitive, varying based on your chosen plan and asset class. Details are available on our pricing page."},
         {
-          id: "faq5",
-          title: "Can I integrate Trade Xeler with other platforms? ",
-          content: "Yes, our Pro and Enterprise plans offer API access for seamless integration with third-party tools and custom trading solutions.",
-        },
+          id: "faq5",          title: "Can I integrate Trade Xeler with other platforms? ",          content: "Yes, our Pro and Enterprise plans offer API access for seamless integration with third-party tools and custom trading solutions."},
         {
-          id: "faq6",
-          title: "What kind of customer support is available?",
-          content: "We offer email support for Basic plans and priority live chat/phone support for Pro and Enterprise clients, ensuring timely assistance.",
-        },
+          id: "faq6",          title: "What kind of customer support is available?",          content: "We offer email support for Basic plans and priority live chat/phone support for Pro and Enterprise clients, ensuring timely assistance."},
       ]}
       title="Your Questions, Answered."
       description="Find quick answers to the most common questions about Trade Xeler."
@@ -421,8 +259,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={true}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Get in Touch"
       title="Start Your Trading Journey Today"
       description="Have questions or ready to explore Trade Xeler? Contact our experts for personalized assistance."
@@ -436,66 +273,39 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Platform",
-          items: [
+          title: "Platform",          items: [
             {
-              label: "Features",
-              href: "#features",
-            },
+              label: "Features",              href: "#features"},
             {
-              label: "Pricing",
-              href: "#pricing",
-            },
+              label: "Pricing",              href: "#pricing"},
             {
-              label: "Security",
-              href: "#about",
-            },
+              label: "Security",              href: "#about"},
             {
-              label: "API",
-              href: "#",
-            },
+              label: "API",              href: "#"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About Us",
-              href: "#about",
-            },
+              label: "About Us",              href: "#about"},
             {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Careers",              href: "#"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
             {
-              label: "Blog",
-              href: "#",
-            },
+              label: "Blog",              href: "#"},
           ],
         },
         {
-          title: "Resources",
-          items: [
+          title: "Resources",          items: [
             {
-              label: "FAQ",
-              href: "#faq",
-            },
+              label: "FAQ",              href: "#faq"},
             {
-              label: "Support Center",
-              href: "#",
-            },
+              label: "Support Center",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1