From 21d3df3e1d8fa52d5dbee01521ee840130abd8ef Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 6 May 2026 16:45:10 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 507 +++++++++++++++--------------------------------
 1 file changed, 157 insertions(+), 350 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1edaf04..02e21a1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -20,367 +20,174 @@ export default function LandingPage() {
         defaultButtonVariant="expand-hover"
         defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Analysis",
-          id: "#hero",
-        },
-        {
-          name: "Engines",
-          id: "#features",
-        },
-        {
-          name: "Architecture",
-          id: "#about",
-        },
-        {
-          name: "Support",
-          id: "#contact",
-        },
-      ]}
-      brandName="WaveCycle AI"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Analysis", id: "#hero" },
+              { name: "Engines", id: "#features" },
+              { name: "Architecture", id: "#about" },
+              { name: "Support", id: "#contact" }
+            ]}
+            brandName="WaveCycle AI"
+            button={{ text: "Start Analysis", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplit
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Institutional Financial Intelligence Platform"
-      description="Unify Elliott Wave Theory with Advanced Time Cycle Modeling. Detect failures, project targets, and rank probabilistic scenarios with AI-driven precision."
-      buttons={[
-        {
-          text: "Start Analysis",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/asian-woman-freelancer-working-from-home-business-app-home-business-laptop-computer-businesswoman-office-working-sitting-woman-work-communication-internet-people-online-happy-technology_482257-47239.jpg?_wi=1"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/stock-exchange-data-investment-workplace-concept_53876-23183.jpg",
-          alt: "Financial Analyst 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-119022.jpg",
-          alt: "Financial Analyst 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-laptop-running-data-insights-empty-dark-office-late-night_482257-130090.jpg",
-          alt: "Financial Analyst 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/stock-data-office-computer-screen_482257-119275.jpg",
-          alt: "Financial Analyst 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/tablet-showing-financial-data-with-coffee_23-2152020633.jpg",
-          alt: "Financial Analyst 5",
-        },
-      ]}
-      avatarText="Trusted by 500+ quantitative firms"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "High-Frequency Analysis",
-        },
-        {
-          type: "text",
-          text: "Deterministic Cycles",
-        },
-        {
-          type: "text",
-          text: "AI Scenario Ranking",
-        },
-        {
-          type: "text",
-          text: "Institutional Grade",
-        },
-        {
-          type: "text",
-          text: "Real-time Processing",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplit
+            background={{ variant: "gradient-bars" }}
+            title="Institutional Financial Intelligence Platform"
+            description="Unify Elliott Wave Theory with Advanced Time Cycle Modeling. Detect failures, project targets, and rank probabilistic scenarios with AI-driven precision."
+            buttons={[{ text: "Start Analysis", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/asian-woman-freelancer-working-from-home-business-app-home-business-laptop-computer-businesswoman-office-working-sitting-woman-work-communication-internet-people-online-happy-technology_482257-47239.jpg"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/stock-exchange-data-investment-workplace-concept_53876-23183.jpg", alt: "Financial Analyst 1" },
+              { src: "http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-119022.jpg", alt: "Financial Analyst 2" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-laptop-running-data-insights-empty-dark-office-late-night_482257-130090.jpg", alt: "Financial Analyst 3" },
+              { src: "http://img.b2bpic.net/free-photo/stock-data-office-computer-screen_482257-119275.jpg", alt: "Financial Analyst 4" },
+              { src: "http://img.b2bpic.net/free-photo/tablet-showing-financial-data-with-coffee_23-2152020633.jpg", alt: "Financial Analyst 5" }
+            ]}
+            avatarText="Trusted by 500+ quantitative firms"
+            marqueeItems={[{ type: "text", text: "High-Frequency Analysis" }, { type: "text", text: "Deterministic Cycles" }, { type: "text", text: "AI Scenario Ranking" }, { type: "text", text: "Institutional Grade" }, { type: "text", text: "Real-time Processing" }]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Wave Engine",
-          description: "Automated detection of impulses, diagonals, and complex corrections adhering to rigorous Elliott rules.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/files-digitally-generated-friendly-smiling-work_1134-758.jpg",
-            imageAlt: "Wave Analysis Engine",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/collection-many-decorative-balls_23-2147968452.jpg",
-            imageAlt: "Wave Rules Engine",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-freelancer-working-from-home-business-app-home-business-laptop-computer-businesswoman-office-working-sitting-woman-work-communication-internet-people-online-happy-technology_482257-47239.jpg?_wi=2",
-          imageAlt: "wave chart visualization",
-        },
-        {
-          title: "Time Cycle Engine",
-          description: "Deterministic cycle phase detection using body-to-wick analysis and structural break logic.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-car-dashboard-with-big-display_93675-128629.jpg",
-            imageAlt: "Cycle Modeling",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/alarm-clock-surrounded-by-black-friday-tags_23-2148285065.jpg",
-            imageAlt: "Phase Detection",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/paper-handicraft-mock-up-computer-laptop-stationery-yellow-background_53876-163285.jpg",
-          imageAlt: "wave chart visualization",
-        },
-        {
-          title: "Fibonacci Suite",
-          description: "Dynamic measurement systems for retracements, expansions, and extensions based on candlestick dominance.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/jolly-it-expert-doing-maintenance-server-room-infrastructure_482257-124598.jpg?_wi=1",
-            imageAlt: "Fibonacci Engine",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/mix-office-supplies-gadgets-white-table-background-view-from-xa_1421-590.jpg",
-            imageAlt: "Fibonacci Grid",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg",
-          imageAlt: "wave chart visualization",
-        },
-      ]}
-      showStepNumbers={true}
-      title="Core Analytical Engines"
-      description="A modular backend architected for high-accuracy financial modeling."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardNine
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            showStepNumbers={true}
+            title="Core Analytical Engines"
+            description="A modular backend architected for high-accuracy financial modeling."
+            features={[
+              {
+                title: "Wave Engine",                description: "Automated detection of impulses, diagonals, and complex corrections adhering to rigorous Elliott rules.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/files-digitally-generated-friendly-smiling-work_1134-758.jpg", imageAlt: "Wave Analysis Engine" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/collection-many-decorative-balls_23-2147968452.jpg", imageAlt: "Wave Rules Engine" }
+              },
+              {
+                title: "Time Cycle Engine",                description: "Deterministic cycle phase detection using body-to-wick analysis and structural break logic.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-car-dashboard-with-big-display_93675-128629.jpg", imageAlt: "Cycle Modeling" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/alarm-clock-surrounded-by-black-friday-tags_23-2148285065.jpg", imageAlt: "Phase Detection" }
+              },
+              {
+                title: "Fibonacci Suite",                description: "Dynamic measurement systems for retracements, expansions, and extensions based on candlestick dominance.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/jolly-it-expert-doing-maintenance-server-room-infrastructure_482257-124598.jpg", imageAlt: "Fibonacci Engine" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/mix-office-supplies-gadgets-white-table-background-view-from-xa_1421-590.jpg", imageAlt: "Fibonacci Grid" }
+              }
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "94%",
-          title: "Scenario Accuracy",
-          description: "Historical backtest performance",
-          icon: CheckCircle,
-        },
-        {
-          id: "m2",
-          value: "0.4s",
-          title: "Engine Latency",
-          description: "Real-time structural processing",
-          icon: Zap,
-        },
-        {
-          id: "m3",
-          value: "12+",
-          title: "Wave Types",
-          description: "Structural recognition models",
-          icon: Layers,
-        },
-      ]}
-      title="System Performance Metrics"
-      description="Quantifying institutional market structure."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "94%", title: "Scenario Accuracy", description: "Historical backtest performance", icon: CheckCircle },
+              { id: "m2", value: "0.4s", title: "Engine Latency", description: "Real-time structural processing", icon: Zap },
+              { id: "m3", value: "12+", title: "Wave Types", description: "Structural recognition models", icon: Layers }
+            ]}
+            title="System Performance Metrics"
+            description="Quantifying institutional market structure."
+          />
+        </div>
 
-  <div id="product" data-section="product">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Wave Intelligence Core",
-          price: "Custom",
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-blue-background_1017-2653.jpg",
-        },
-        {
-          id: "p2",
-          name: "Time-Failure Alerts",
-          price: "Custom",
-          imageSrc: "http://img.b2bpic.net/free-vector/abstract-collection-infographic-elements_23-2147521771.jpg",
-        },
-        {
-          id: "p3",
-          name: "Structural ML Engine",
-          price: "Custom",
-          imageSrc: "http://img.b2bpic.net/free-photo/jolly-it-expert-doing-maintenance-server-room-infrastructure_482257-124598.jpg?_wi=2",
-        },
-        {
-          id: "p4",
-          name: "Advanced Backtesting",
-          price: "Custom",
-          imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-flat-design_52683-16269.jpg",
-        },
-        {
-          id: "p5",
-          name: "Fibonacci Adaptive Pro",
-          price: "Custom",
-          imageSrc: "http://img.b2bpic.net/free-vector/psychedelic-optical-illusion-background_52683-38958.jpg",
-        },
-        {
-          id: "p6",
-          name: "Scenario Ranking API",
-          price: "Custom",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-abstract-neon-light-wonder-wheel-dollar-sign_23-2148328062.jpg",
-        },
-      ]}
-      title="Available Modules"
-      description="Professional-grade analytical tools for institutional traders."
-    />
-  </div>
+        <div id="product" data-section="product">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            title="Available Modules"
+            description="Professional-grade analytical tools for institutional traders."
+            products={[
+              { id: "p1", name: "Wave Intelligence Core", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-blue-background_1017-2653.jpg" },
+              { id: "p2", name: "Time-Failure Alerts", price: "Custom", imageSrc: "http://img.b2bpic.net/free-vector/abstract-collection-infographic-elements_23-2147521771.jpg" },
+              { id: "p3", name: "Structural ML Engine", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/jolly-it-expert-doing-maintenance-server-room-infrastructure_482257-124598.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={true}
-      tag="Architecture"
-      title="Mathematical Formalization"
-      description="We translate descriptive methodologies into deterministic rule sets for consistent analysis."
-      subdescription="Our architecture integrates structural wave analysis with time-cycle duration modeling, ensuring every projection is mathematically sound."
-      icon={Database}
-      imageSrc="http://img.b2bpic.net/free-photo/data-network-abstract-concept_23-2152004105.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            useInvertedBackground={true}
+            tag="Architecture"
+            title="Mathematical Formalization"
+            description="We translate descriptive methodologies into deterministic rule sets for consistent analysis."
+            subdescription="Our architecture integrates structural wave analysis with time-cycle duration modeling, ensuring every projection is mathematically sound."
+            icon={Database}
+            imageSrc="http://img.b2bpic.net/free-photo/data-network-abstract-concept_23-2152004105.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="The wave-time integration is the missing link in our institutional trading stack. The deterministic cycle projections provide clarity in volatile regimes."
-      rating={5}
-      author="Dr. Aris Thorne, Lead Quantitative Strategist"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg",
-          alt: "Aris Thorne",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-business-leader-showing-statistics_1262-2964.jpg",
-          alt: "Strategy Manager",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/successful-confident-businessman-glasses-speaking-beige-wall_176420-136.jpg",
-          alt: "Quant Specialist",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
-          alt: "Senior Analyst",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-man-with-glasses_23-2148514897.jpg",
-          alt: "Data Scientist",
-        },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFifteen
+            useInvertedBackground={false}
+            testimonial="The wave-time integration is the missing link in our institutional trading stack. The deterministic cycle projections provide clarity in volatile regimes."
+            rating={5}
+            author="Dr. Aris Thorne, Lead Quantitative Strategist"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg", alt: "Aris Thorne" },
+              { src: "http://img.b2bpic.net/free-photo/cheerful-business-leader-showing-statistics_1262-2964.jpg", alt: "Strategy Manager" },
+              { src: "http://img.b2bpic.net/free-photo/successful-confident-businessman-glasses-speaking-beige-wall_176420-136.jpg", alt: "Quant Specialist" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg", alt: "Senior Analyst" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-man-with-glasses_23-2148514897.jpg", alt: "Data Scientist" }
+            ]}
+            ratingAnimation="slide-up"
+            avatarsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "How does AI enhance wave counts?",
-          content: "Our AI continuously learns from past wave structure outcomes, adjusting the probability score of generated scenarios.",
-        },
-        {
-          id: "f2",
-          title: "Can I backtest scenarios?",
-          content: "Yes, the backtesting engine allows historical simulation of all generated scenarios across various timeframes and instruments.",
-        },
-        {
-          id: "f3",
-          title: "What instruments are supported?",
-          content: "The platform is instrument-agnostic, supporting Forex, Crypto, and Stocks through standardized OHLC data ingestion.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Common inquiries about our platform capabilities."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "How does AI enhance wave counts?", content: "Our AI continuously learns from past wave structure outcomes, adjusting the probability score of generated scenarios." },
+              { id: "f2", title: "Can I backtest scenarios?", content: "Yes, the backtesting engine allows historical simulation of all generated scenarios across various timeframes and instruments." },
+              { id: "f3", title: "What instruments are supported?", content: "The platform is instrument-agnostic, supporting Forex, Crypto, and Stocks through standardized OHLC data ingestion." }
+            ]}
+            title="Frequently Asked Questions"
+            description="Common inquiries about our platform capabilities."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
-      title="Request Institutional Access"
-      description="Get in touch to deploy our analytical stack for your trading desk."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Name",
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Professional Email",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/high-tech-office-ready-stock-trading_482257-121465.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={true}
+            title="Request Institutional Access"
+            description="Get in touch to deploy our analytical stack for your trading desk."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Name" },
+              { name: "email", type: "email", placeholder: "Professional Email" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/high-tech-office-ready-stock-trading_482257-121465.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Analysis",
-              href: "#hero",
-            },
-            {
-              label: "Backtesting",
-              href: "#product",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Documentation",
-              href: "#",
-            },
-            {
-              label: "Security",
-              href: "#",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="WaveCycle AI"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Analysis", href: "#hero" }, { label: "Backtesting", href: "#product" }, { label: "Contact", href: "#contact" }] },
+              { items: [{ label: "Documentation", href: "#" }, { label: "Security", href: "#" }, { label: "Privacy", href: "#" }] }
+            ]}
+            logoText="WaveCycle AI"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1