From 797e94180eb474eeed8de032594edf0e4b164647 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 23 May 2026 03:22:54 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 206 +++++++----------------------------------------
 1 file changed, 28 insertions(+), 178 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0f4f227..ce78a0e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Dashboard",
-          id: "dashboard",
-        },
-        {
-          name: "Analytics",
-          id: "analytics",
-        },
-        {
-          name: "Log Trade",
-          id: "logger",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
+        { name: "Dashboard", id: "dashboard" },
+        { name: "Analytics", id: "analytics" },
+        { name: "Log Trade", id: "logger" },
+        { name: "Pricing", id: "pricing" },
       ]}
       brandName="TradeJournal"
     />
@@ -55,48 +43,24 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Master Your Trading Performance"
       description="Log trades, track metrics, and optimize your edge with the most advanced journal for SMC, ICT, and Price Action traders."
-      imageSrc="http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg"
       imageAlt="trading dashboard ui dark mode"
-      buttons={[
-        {
-          text: "Get Started Free",
-          href: "#pricing",
-        },
-      ]}
+      buttons={[{ text: "Get Started Free", href: "#pricing" }]}
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureCardMedia
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          id: "f1",
-          title: "SMC/ICT Tagging",
-          description: "Tag setups with FVG, Liquidity Sweeps, and MSS.",
-          tag: "Analysis",
-          imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg?_wi=1",
-        },
-        {
-          id: "f2",
-          title: "Intelligent Logging",
-          description: "Rapidly log your entries, exits, and session data.",
-          tag: "Workflow",
-          imageSrc: "http://img.b2bpic.net/free-photo/financial-graph-stock-market-tablet_53876-98076.jpg?_wi=1",
-        },
-        {
-          id: "f3",
-          title: "Advanced Analytics",
-          description: "Identify your best setups and worst mistakes.",
-          tag: "Performance",
-          imageSrc: "http://img.b2bpic.net/free-photo/teleworker-home-office-gathering-information-from-internet-seminar_482257-119301.jpg?_wi=1",
-        },
+        { id: "f1", title: "SMC/ICT Tagging", description: "Tag setups with FVG, Liquidity Sweeps, and MSS.", tag: "Analysis", imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg" },
+        { id: "f2", title: "Intelligent Logging", description: "Rapidly log your entries, exits, and session data.", tag: "Workflow", imageSrc: "http://img.b2bpic.net/free-photo/financial-graph-stock-market-tablet_53876-98076.jpg" },
+        { id: "f3", title: "Advanced Analytics", description: "Identify your best setups and worst mistakes.", tag: "Performance", imageSrc: "http://img.b2bpic.net/free-photo/teleworker-home-office-gathering-information-from-internet-seminar_482257-119301.jpg" },
       ]}
       title="Core Trading Features"
       description="Everything you need to stay disciplined and profitable."
@@ -110,27 +74,9 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "72%",
-          title: "Win Rate",
-          description: "Average monthly accuracy",
-          icon: CheckCircle,
-        },
-        {
-          id: "m2",
-          value: "1:3",
-          title: "Avg R:R",
-          description: "Reward to Risk ratio",
-          icon: TrendingUp,
-        },
-        {
-          id: "m3",
-          value: "2.4",
-          title: "Profit Factor",
-          description: "Gross profit / Gross loss",
-          icon: DollarSign,
-        },
+        { id: "m1", value: "72%", title: "Win Rate", description: "Average monthly accuracy", icon: CheckCircle },
+        { id: "m2", value: "1:3", title: "Avg R:R", description: "Reward to Risk ratio", icon: TrendingUp },
+        { id: "m3", value: "2.4", title: "Profit Factor", description: "Gross profit / Gross loss", icon: DollarSign },
       ]}
       title="Data Driven Edge"
       description="Track your professional progression with granular data."
@@ -142,14 +88,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "TradeZella",
-        "QuantTower",
-        "TradingView",
-        "NinjaTrader",
-        "MetaTrader",
-        "ThinkOrSwim",
-        "SierraChart",
-      ]}
+        "TradeZella",        "QuantTower",        "TradingView",        "NinjaTrader",        "MetaTrader",        "ThinkOrSwim",        "SierraChart"]}
       title="Trusted by Pro Traders"
       description="Join a growing community of disciplined traders."
     />
@@ -161,37 +100,8 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "p1",
-          tag: "Free",
-          price: "$0",
-          period: "/mo",
-          description: "Basic tracking for beginners.",
-          button: {
-            text: "Get Started",
-          },
-          featuresTitle: "Includes",
-          features: [
-            "5 trades/mo",
-            "Basic Analytics",
-          ],
-        },
-        {
-          id: "p2",
-          tag: "Pro",
-          price: "$29",
-          period: "/mo",
-          description: "Full access to pro metrics.",
-          button: {
-            text: "Upgrade Now",
-          },
-          featuresTitle: "Includes",
-          features: [
-            "Unlimited Trades",
-            "Advanced Analytics",
-            "SMC/ICT Tags",
-          ],
-        },
+        { id: "p1", tag: "Free", price: "$0", period: "/mo", description: "Basic tracking for beginners.", button: { text: "Get Started" }, featuresTitle: "Includes", features: ["5 trades/mo", "Basic Analytics"] },
+        { id: "p2", tag: "Pro", price: "$29", period: "/mo", description: "Full access to pro metrics.", button: { text: "Upgrade Now" }, featuresTitle: "Includes", features: ["Unlimited Trades", "Advanced Analytics", "SMC/ICT Tags"] },
       ]}
       title="Simple Pricing"
       description="No hidden fees, cancel anytime."
@@ -203,51 +113,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          title: "Life Changing",
-          quote: "I finally found my edge with this tool.",
-          name: "Alex K.",
-          role: "ICT Trader",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-end-empty-work-environment-used-business-industry-corporate-culture_482257-125734.jpg",
-          imageAlt: "High end empty work environment used in business industry and corporate culture",
-        },
-        {
-          id: "t2",
-          title: "Great Analytics",
-          quote: "The analytics view saved my account.",
-          name: "Sarah L.",
-          role: "SMC Trader",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg?_wi=2",
-          imageAlt: "High end empty work environment used in business industry and corporate culture",
-        },
-        {
-          id: "t3",
-          title: "So Smooth",
-          quote: "Logging trades takes less than 30 seconds.",
-          name: "Mike P.",
-          role: "Forex Pro",
-          imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg?_wi=2",
-          imageAlt: "High end empty work environment used in business industry and corporate culture",
-        },
-        {
-          id: "t4",
-          title: "Game Changer",
-          quote: "Understanding my mistakes made me profitable.",
-          name: "David W.",
-          role: "Swing Trader",
-          imageSrc: "http://img.b2bpic.net/free-photo/financial-graph-stock-market-tablet_53876-98076.jpg?_wi=2",
-          imageAlt: "High end empty work environment used in business industry and corporate culture",
-        },
-        {
-          id: "t5",
-          title: "Must Have",
-          quote: "Essential for professional growth.",
-          name: "Jenny H.",
-          role: "Scalper",
-          imageSrc: "http://img.b2bpic.net/free-photo/teleworker-home-office-gathering-information-from-internet-seminar_482257-119301.jpg?_wi=2",
-          imageAlt: "High end empty work environment used in business industry and corporate culture",
-        },
+        { id: "t1", title: "Life Changing", quote: "I finally found my edge with this tool.", name: "Alex K.", role: "ICT Trader", imageSrc: "http://img.b2bpic.net/free-photo/high-end-empty-work-environment-used-business-industry-corporate-culture_482257-125734.jpg", imageAlt: "High end empty work environment used in business industry and corporate culture" },
+        { id: "t2", title: "Great Analytics", quote: "The analytics view saved my account.", name: "Sarah L.", role: "SMC Trader", imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg", imageAlt: "High end empty work environment used in business industry and corporate culture" },
+        { id: "t3", title: "So Smooth", quote: "Logging trades takes less than 30 seconds.", name: "Mike P.", role: "Forex Pro", imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg", imageAlt: "High end empty work environment used in business industry and corporate culture" },
+        { id: "t4", title: "Game Changer", quote: "Understanding my mistakes made me profitable.", name: "David W.", role: "Swing Trader", imageSrc: "http://img.b2bpic.net/free-photo/financial-graph-stock-market-tablet_53876-98076.jpg", imageAlt: "High end empty work environment used in business industry and corporate culture" },
+        { id: "t5", title: "Must Have", quote: "Essential for professional growth.", name: "Jenny H.", role: "Scalper", imageSrc: "http://img.b2bpic.net/free-photo/teleworker-home-office-gathering-information-from-internet-seminar_482257-119301.jpg", imageAlt: "High end empty work environment used in business industry and corporate culture" },
       ]}
       title="Trader Reviews"
       description="Results speak for themselves."
@@ -259,21 +129,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "Is it secure?",
-          content: "Yes, all trade data is encrypted.",
-        },
-        {
-          id: "q2",
-          title: "Can I import logs?",
-          content: "CSV imports are supported on the Pro plan.",
-        },
-        {
-          id: "q3",
-          title: "Do you support crypto?",
-          content: "Yes, we support all major crypto assets.",
-        },
+        { id: "q1", title: "Is it secure?", content: "Yes, all trade data is encrypted." },
+        { id: "q2", title: "Can I import logs?", content: "CSV imports are supported on the Pro plan." },
+        { id: "q3", title: "Do you support crypto?", content: "Yes, we support all major crypto assets." },
       ]}
       title="Common Questions"
       description="Everything you need to know about our platform."
@@ -286,9 +144,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Contact"
       title="Get Started Today"
       description="Ready to level up your trading journey?"
@@ -298,14 +154,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="TradeJournal"
-      leftLink={{
-        text: "Terms",
-        href: "/terms",
-      }}
-      rightLink={{
-        text: "Privacy",
-        href: "/privacy",
-      }}
+      leftLink={{ text: "Terms", href: "/terms" }}
+      rightLink={{ text: "Privacy", href: "/privacy" }}
     />
   </div>
       </ReactLenis>
-- 
2.49.1