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

---
 src/app/page.tsx | 215 ++++++++---------------------------------------
 1 file changed, 34 insertions(+), 181 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 353d69b..419b33d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,69 +30,30 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Overview",
-          id: "hero",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Market",
-          id: "metrics",
-        },
-        {
-          name: "Plans",
-          id: "pricing",
-        },
+        { name: "Overview", id: "hero" },
+        { name: "Features", id: "features" },
+        { name: "Market", id: "metrics" },
+        { name: "Plans", id: "pricing" },
       ]}
       brandName="TradeSim"
       button={{
-        text: "Start Simulation",
-        href: "#contact",
-      }}
+        text: "Start Simulation",        href: "#contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       title="Simulate Real Market Gains"
       description="Master the art of trading with our advanced real-time market simulator. Built for learners and pros alike."
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Get Started", href: "#contact" }]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg?_wi=1",
-          imageAlt: "Trading UI 1",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg?_wi=2",
-          imageAlt: "Trading UI 2",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg?_wi=3",
-          imageAlt: "Trading UI 3",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg?_wi=4",
-          imageAlt: "Trading UI 4",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg?_wi=5",
-          imageAlt: "Trading UI 5",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg?_wi=6",
-          imageAlt: "Trading UI 6",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg", imageAlt: "Trading UI 1" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg", imageAlt: "Trading UI 2" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg", imageAlt: "Trading UI 3" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg", imageAlt: "Trading UI 4" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg", imageAlt: "Trading UI 5" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg", imageAlt: "Trading UI 6" },
       ]}
     />
   </div>
@@ -101,19 +62,9 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={true}
       heading={[
-        {
-          type: "text",
-          content: "The Future of",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/live-index-indices-pc-screen-showing-stock-demand-surge-close-up_482257-84808.jpg",
-          alt: "Market Chart",
-        },
-        {
-          type: "text",
-          content: "Trading Simulations",
-        },
+        { type: "text", content: "The Future of" },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/live-index-indices-pc-screen-showing-stock-demand-surge-close-up_482257-84808.jpg", alt: "Market Chart" },
+        { type: "text", content: "Trading Simulations" },
       ]}
     />
   </div>
@@ -125,21 +76,9 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "15M+",
-          description: "Simulated Trades Executed",
-        },
-        {
-          id: "m2",
-          value: "99.9%",
-          description: "Data Accuracy Rating",
-        },
-        {
-          id: "m3",
-          value: "500+",
-          description: "Global Market Pairs",
-        },
+        { id: "m1", value: "15M+", description: "Simulated Trades Executed" },
+        { id: "m2", value: "99.9%", description: "Data Accuracy Rating" },
+        { id: "m3", value: "500+", description: "Global Market Pairs" },
       ]}
       title="Real-Time Market Data"
       description="See why thousands of traders use our data to simulate successful strategies."
@@ -148,28 +87,14 @@ export default function LandingPage() {
 
   <div id="features" data-section="features">
       <FeatureCardOne
+      animationType="slide-up"
       textboxLayout="split"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Real-time Signals",
-          description: "Get instant notifications on market volatility.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-blockchain-technology_23-2151480185.jpg?_wi=1",
-          imageAlt: "Signals",
-        },
-        {
-          title: "Portfolio Modeling",
-          description: "Create and test diverse strategy baskets.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-blockchain-technology_23-2151480185.jpg?_wi=2",
-          imageAlt: "Modeling",
-        },
-        {
-          title: "Strategy Backtesting",
-          description: "Test your hypotheses against historical data.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-blockchain-technology_23-2151480185.jpg?_wi=3",
-          imageAlt: "Backtesting",
-        },
+        { title: "Real-time Signals", description: "Get instant notifications on market volatility.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-blockchain-technology_23-2151480185.jpg", imageAlt: "Signals" },
+        { title: "Portfolio Modeling", description: "Create and test diverse strategy baskets.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-blockchain-technology_23-2151480185.jpg", imageAlt: "Modeling" },
+        { title: "Strategy Backtesting", description: "Test your hypotheses against historical data.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-blockchain-technology_23-2151480185.jpg", imageAlt: "Backtesting" },
       ]}
       title="Advanced Trading Tools"
       description="Equip yourself with professional grade analytics."
@@ -182,39 +107,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "basic",
-          badge: "Entry",
-          price: "$0",
-          subtitle: "Perfect for learning",
-          features: [
-            "Basic Assets",
-            "Delayed Quotes",
-            "1 Dashboard",
-          ],
-        },
-        {
-          id: "pro",
-          badge: "Pro",
-          price: "$49",
-          subtitle: "For active traders",
-          features: [
-            "Real-time Data",
-            "Advanced Backtesting",
-            "5 Dashboards",
-          ],
-        },
-        {
-          id: "enterprise",
-          badge: "Elite",
-          price: "$199",
-          subtitle: "Institutional grade",
-          features: [
-            "Full API Access",
-            "Custom Algorithms",
-            "Unlimited Data",
-          ],
-        },
+        { id: "basic", badge: "Entry", price: "$0", subtitle: "Perfect for learning", features: ["Basic Assets", "Delayed Quotes", "1 Dashboard"] },
+        { id: "pro", badge: "Pro", price: "$49", subtitle: "For active traders", features: ["Real-time Data", "Advanced Backtesting", "5 Dashboards"] },
+        { id: "enterprise", badge: "Elite", price: "$199", subtitle: "Institutional grade", features: ["Full API Access", "Custom Algorithms", "Unlimited Data"] },
       ]}
       title="Flexible Trading Plans"
       description="Find the strategy level that works for you."
@@ -226,21 +121,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "q1",
-          title: "Is this real money?",
-          content: "No, this is a 100% risk-free simulator.",
-        },
-        {
-          id: "q2",
-          title: "Can I backtest strategies?",
-          content: "Yes, our platform includes deep backtesting tools.",
-        },
-        {
-          id: "q3",
-          title: "How is data sourced?",
-          content: "We utilize global exchange data feeds.",
-        },
+        { id: "q1", title: "Is this real money?", content: "No, this is a 100% risk-free simulator." },
+        { id: "q2", title: "Can I backtest strategies?", content: "Yes, our platform includes deep backtesting tools." },
+        { id: "q3", title: "How is data sourced?", content: "We utilize global exchange data feeds." },
       ]}
       title="Trading Questions"
       description="Get clear answers about our simulation platform."
@@ -254,18 +137,8 @@ export default function LandingPage() {
       title="Get Started Today"
       description="Join thousands of traders improving their skills."
       inputs={[
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Work Email",
-          required: true,
-        },
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Full Name",
-          required: true,
-        },
+        { name: "email", type: "email", placeholder: "Work Email", required: true },
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/data-center-computer-scientist-uses-pc-update-servers-tech_482257-126364.jpg"
     />
@@ -275,30 +148,10 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Platform",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
+          title: "Platform",          items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }],
         },
         {
-          title: "Support",
-          items: [
-            {
-              label: "Help Center",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
+          title: "Support",          items: [{ label: "Help Center", href: "#" }, { label: "Contact", href: "#contact" }],
         },
       ]}
       bottomLeftText="© 2024 TradeSim. All rights reserved."
@@ -308,4 +161,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file