Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -29,63 +29,28 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Features", id: "features" },
+        { name: "Metrics", id: "metrics" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Contact", id: "contact" },
       ]}
-      brandName="TradeFlow"
+      brandName="TradeMaster"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroCentered
-      background={{
-        variant: "plain",
-      }}
-      title="Trade With Precision."
-      description="Unlock advanced insights, real-time analytics, and high-performance execution. The stock trading platform for the next generation of investors."
+      background={{ variant: "plain" }}
+      title="Master the Market."
+      description="Professional-grade trading tools for modern stock market analysis. Gain the edge you need to execute smarter trades with confidence."
       avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ8lJhI0I2zCneilTDry5zgWuQ/professional-portrait-of-a-middle-aged-m-1774685418590-89b8cde0.png",
-          alt: "Trader 1",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ8lJhI0I2zCneilTDry5zgWuQ/professional-portrait-of-a-young-female--1774685420619-aa89c1ff.png",
-          alt: "Trader 2",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ8lJhI0I2zCneilTDry5zgWuQ/close-up-headshot-of-a-mature-financial--1774685418286-25a583b1.png",
-          alt: "Trader 3",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ8lJhI0I2zCneilTDry5zgWuQ/professional-portrait-of-a-diverse-young-1774685418448-60d0b4ee.png",
-          alt: "Trader 4",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ8lJhI0I2zCneilTDry5zgWuQ/professional-portrait-of-a-middle-aged-m-1774685418590-89b8cde0.png",
-          alt: "Trader 5",
-        },
-      ]}
-      avatarText="Trusted by 50,000+ traders"
-      buttons={[
-        {
-          text: "Start Trading",
-          href: "#contact",
-        },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ8lJhI0I2zCneilTDry5zgWuQ/professional-portrait-of-a-middle-aged-m-1774685418590-89b8cde0.png", alt: "Trader" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ8lJhI0I2zCneilTDry5zgWuQ/professional-portrait-of-a-young-female--1774685420619-aa89c1ff.png", alt: "Trader" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ8lJhI0I2zCneilTDry5zgWuQ/close-up-headshot-of-a-mature-financial--1774685418286-25a583b1.png", alt: "Trader" }
       ]}
+      avatarText="Used by 10,000+ stock traders"
+      buttons={[{ text: "Get Started", href: "#pricing" }]}
       buttonAnimation="slide-up"
     />
   </div>
@@ -96,56 +61,25 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          id: 1,
-          title: "Ultra-Fast Execution",
-          description: "Execute orders with microsecond latency to ensure you capture the best market prices every time.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ8lJhI0I2zCneilTDry5zgWuQ/a-close-up-view-of-a-high-speed-real-tim-1774685420539-050f2e91.png",
-          imageAlt: "Execution speed",
-        },
-        {
-          id: 2,
-          title: "Advanced Charting",
-          description: "Customizable indicators, timeframes, and drawing tools to help you identify market trends accurately.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ8lJhI0I2zCneilTDry5zgWuQ/a-clean-analysis-tool-showing-technical--1774685418960-024602a8.png",
-          imageAlt: "Charting tools",
-        },
-        {
-          id: 3,
-          title: "AI-Driven Insights",
-          description: "Receive actionable data patterns and sentiment analysis driven by advanced algorithms.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ8lJhI0I2zCneilTDry5zgWuQ/cloud-based-trade-infrastructure-shown-a-1774685419465-aa458066.png",
-          imageAlt: "AI Insights",
-        },
+        { id: 1, title: "Real-Time Data", description: "Market updates in milliseconds.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ8lJhI0I2zCneilTDry5zgWuQ/a-close-up-view-of-a-high-speed-real-tim-1774685420539-050f2e91.png", imageAlt: "Market Data" },
+        { id: 2, title: "Smart Analytics", description: "Deep insights into stock trends.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ8lJhI0I2zCneilTDry5zgWuQ/a-clean-analysis-tool-showing-technical--1774685418960-024602a8.png", imageAlt: "Analytics" }
       ]}
-      title="Built for Serious Traders."
-      description="Comprehensive tools designed to optimize your trading strategy and improve performance."
+      title="Engineered for Alpha."
+      description="Our platform provides the infrastructure required to succeed in volatile markets."
     />
   </div>
 
   <div id="metrics" data-section="metrics">
       <MetricCardFourteen
-      useInvertedBackground={false}
-      title="By The Numbers."
-      tag="Performance"
+      title="Platform Reliability"
+      tag="Infrastructure"
       metrics={[
-        {
-          id: "m1",
-          value: "99.9%",
-          description: "Order Uptime",
-        },
-        {
-          id: "m2",
-          value: "$1.2B",
-          description: "Daily Volume",
-        },
-        {
-          id: "m3",
-          value: "50k+",
-          description: "Active Traders",
-        },
+        { id: "1", value: "99.99%", description: "Uptime" },
+        { id: "2", value: "<5ms", description: "Latency" },
+        { id: "3", value: "$50B+", description: "Asset Volume" }
       ]}
       metricsAnimation="slide-up"
+      useInvertedBackground={false}
     />
   </div>
 
@@ -155,160 +89,46 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "starter",
-          price: "$0",
-          name: "Starter",
-          buttons: [
-            {
-              text: "Get Started",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Basic Market Data",
-            "Standard Execution",
-            "Email Support",
-          ],
-        },
-        {
-          id: "pro",
-          price: "$99",
-          name: "Professional",
-          buttons: [
-            {
-              text: "Upgrade",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Advanced Analytics",
-            "Zero Fee Trades",
-            "Priority Support",
-          ],
-        },
-        {
-          id: "enterprise",
-          price: "$499",
-          name: "Institutional",
-          buttons: [
-            {
-              text: "Contact Us",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Custom APIs",
-            "Direct Access",
-            "Dedicated Manager",
-          ],
-        },
+        { id: "basic", price: "$29", name: "Trader", features: ["Standard Data", "Mobile App"], buttons: [{ text: "Choose Plan" }] },
+        { id: "pro", price: "$149", name: "Pro Trader", features: ["Real-time Data", "API Access", "Priority Support"], buttons: [{ text: "Choose Plan" }] }
       ]}
-      title="Plans That Grow With You."
-      description="Flexible pricing options for every stage of your trading journey."
+      title="Transparent Pricing."
+      description="Choose the plan that fits your trading scale."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTwelve
-      useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "John D.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ8lJhI0I2zCneilTDry5zgWuQ/professional-portrait-of-a-middle-aged-m-1774685418590-89b8cde0.png?_wi=1",
-        },
-        {
-          id: "t2",
-          name: "Sarah K.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ8lJhI0I2zCneilTDry5zgWuQ/professional-portrait-of-a-young-female--1774685420619-aa89c1ff.png",
-        },
-        {
-          id: "t3",
-          name: "Michael L.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ8lJhI0I2zCneilTDry5zgWuQ/close-up-headshot-of-a-mature-financial--1774685418286-25a583b1.png",
-        },
-        {
-          id: "t4",
-          name: "Elena P.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ8lJhI0I2zCneilTDry5zgWuQ/professional-portrait-of-a-diverse-young-1774685418448-60d0b4ee.png",
-        },
-        {
-          id: "t5",
-          name: "Robert B.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ8lJhI0I2zCneilTDry5zgWuQ/professional-portrait-of-a-middle-aged-m-1774685418590-89b8cde0.png?_wi=2",
-        },
+        { id: "1", name: "Alex R.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ8lJhI0I2zCneilTDry5zgWuQ/professional-portrait-of-a-middle-aged-m-1774685418590-89b8cde0.png" }
       ]}
-      cardTitle="Hear from Our Community."
+      cardTitle="Market Leaders Trust Us."
       cardTag="Testimonials"
       cardAnimation="slide-up"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCTA
+      tag="Ready to Trade?"
+      title="Start Your Journey."
+      description="Get access to professional tools today."
+      buttons={[{ text: "Open Account" }]}
+      background={{ variant: "sparkles-gradient" }}
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Ready to Start?"
-      title="Open Your Account Today."
-      description="Join thousands of traders worldwide and take your strategy to the next level."
-      buttons={[
-        {
-          text: "Create Account",
-          href: "#",
-        },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Platform",
-          items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Platform", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
+        { title: "Company", items: [{ label: "About", href: "#" }] }
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}