Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,14 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactText from '@/components/sections/contact/ContactText';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
+import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
@@ -34,43 +34,25 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "#home"},
-          id: "#home",
-        },
         {
-          name: "About",
+          name: "About",          id: "#about"},
-          id: "#about",
-        },
         {
-          name: "Features",
+          name: "Features",          id: "#features"},
-          id: "#features",
-        },
         {
-          name: "Performance",
+          name: "Performance",          id: "#metrics"},
-          id: "#metrics",
-        },
         {
-          name: "Plans",
+          name: "Plans",          id: "#pricing"},
-          id: "#pricing",
-        },
         {
-          name: "Testimonials",
+          name: "Testimonials",          id: "#testimonials"},
-          id: "#testimonials",
-        },
         {
-          name: "FAQ",
+          name: "FAQ",          id: "#faq"},
-          id: "#faq",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "#contact"},
-          id: "#contact",
-        },
       ]}
       brandName="AI Negotiator"
       button={{
-        text: "Get Started",
+        text: "Get Started",        href: "#contact"}}
-        href: "#contact",
-      }}
       animateOnLoad={true}
     />
   </div>
@@ -78,8 +60,7 @@ export default function LandingPage() {
   <div id="home" data-section="home">
       <HeroBillboardGallery
       background={{
-        variant: "animated-grid",
+        variant: "animated-grid"}}
-      }}
       title="AI Negotiator: Master the Markets with Intelligent Trading"
       description="Unlock unparalleled market insights and achieve superior returns with our AI-driven investment platform. Experience precision, performance, and peace of mind."
       tag="Smart Investing, Smarter Returns"
@@ -87,36 +68,22 @@ export default function LandingPage() {
       tagAnimation="slide-up"
       buttons={[
         {
-          text: "Explore Our Plans",
+          text: "Explore Our Plans",          href: "#pricing"},
-          href: "#pricing",
-        },
         {
-          text: "Get a Free Consultation",
+          text: "Get a Free Consultation",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       buttonAnimation="slide-up"
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904331.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904331.jpg",          imageAlt: "Dynamic trading candles showing bullish trend"},
-          imageAlt: "Dynamic trading candles showing bullish trend",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904327.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904327.jpg",          imageAlt: "AI-driven market analysis"},
-          imageAlt: "AI-driven market analysis",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12013.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12013.jpg",          imageAlt: "Neural network over financial data"},
-          imageAlt: "Neural network over financial data",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-threats-map-with-real-time-pulse-visualization_23-2152001128.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-threats-map-with-real-time-pulse-visualization_23-2152001128.jpg",          imageAlt: "Real-time AI trading dashboard"},
-          imageAlt: "Real-time AI trading dashboard",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/finance-advisor-examining-current-business-situation-with-isolated-chroma-key_482257-105127.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/finance-advisor-examining-current-business-situation-with-isolated-chroma-key_482257-105127.jpg",          imageAlt: "Abstract AI processing financial data"},
-          imageAlt: "Abstract AI processing financial data",
-        },
       ]}
       mediaAnimation="opacity"
     />
@@ -146,30 +113,15 @@ export default function LandingPage() {
       tagAnimation="slide-up"
       accordionItems={[
         {
-          id: "f1",
+          id: "f1",          title: "Predictive Market Analysis",          content: "Our AI continuously scans global markets, identifying emerging trends and potential opportunities before they become mainstream. Gain insights into future market movements with high accuracy."},
-          title: "Predictive Market Analysis",
-          content: "Our AI continuously scans global markets, identifying emerging trends and potential opportunities before they become mainstream. Gain insights into future market movements with high accuracy.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Automated Smart Execution",          content: "Execute trades with lightning-fast speed and optimal timing. Our algorithms are designed to minimize slippage and maximize profit by reacting to market changes in milliseconds."},
-          title: "Automated Smart Execution",
-          content: "Execute trades with lightning-fast speed and optimal timing. Our algorithms are designed to minimize slippage and maximize profit by reacting to market changes in milliseconds.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Dynamic Risk Management",          content: "Protect your capital with adaptive risk management strategies. Our AI adjusts positions and allocates assets dynamically to safeguard your investments against volatility and unexpected downturns."},
-          title: "Dynamic Risk Management",
-          content: "Protect your capital with adaptive risk management strategies. Our AI adjusts positions and allocates assets dynamically to safeguard your investments against volatility and unexpected downturns.",
-        },
         {
-          id: "f4",
+          id: "f4",          title: "Personalized Portfolio Optimization",          content: "Receive tailored recommendations to optimize your portfolio for your specific goals and risk tolerance. Our AI learns from your preferences to refine strategies and enhance returns."},
-          title: "Personalized Portfolio Optimization",
-          content: "Receive tailored recommendations to optimize your portfolio for your specific goals and risk tolerance. Our AI learns from your preferences to refine strategies and enhance returns.",
-        },
         {
-          id: "f5",
+          id: "f5",          title: "Real-time Performance Tracking",          content: "Monitor your investments with a comprehensive, easy-to-understand dashboard. Get instant updates on performance, gains, and losses across all your assets."},
-          title: "Real-time Performance Tracking",
-          content: "Monitor your investments with a comprehensive, easy-to-understand dashboard. Get instant updates on performance, gains, and losses across all your assets.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/futuristic-robot-interacting-with-money_23-2151612628.jpg"
       imageAlt="Holographic AI algorithm over trading charts"
@@ -186,32 +138,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "20%+",          title: "Average Annual Returns",          description: "Consistent growth year after year, outperforming traditional benchmarks.",          icon: TrendingUp,
-          value: "20%+",
-          title: "Average Annual Returns",
-          description: "Consistent growth year after year, outperforming traditional benchmarks.",
-          icon: TrendingUp,
         },
         {
-          id: "m2",
+          id: "m2",          value: "95%",          title: "Trade Accuracy Rate",          description: "High precision in identifying profitable trades and minimizing errors.",          icon: Target,
-          value: "95%",
-          title: "Trade Accuracy Rate",
-          description: "High precision in identifying profitable trades and minimizing errors.",
-          icon: Target,
         },
         {
-          id: "m3",
+          id: "m3",          value: "100%",          title: "Client Satisfaction",          description: "Our clients trust our platform for its reliability and exceptional support.",          icon: Smile,
-          value: "100%",
-          title: "Client Satisfaction",
-          description: "Our clients trust our platform for its reliability and exceptional support.",
-          icon: Smile,
         },
         {
-          id: "m4",
+          id: "m4",          value: "24/7",          title: "Market Monitoring",          description: "Our AI never sleeps, continuously analyzing markets for optimal opportunities.",          icon: Watch,
-          value: "24/7",
-          title: "Market Monitoring",
-          description: "Our AI never sleeps, continuously analyzing markets for optimal opportunities.",
-          icon: Watch,
         },
       ]}
       title="Quantifiable Results: Our Track Record of Success"
@@ -223,70 +159,37 @@ export default function LandingPage() {
   </div>
 
   <div id="pricing" data-section="pricing">
-      <PricingCardThree
+      <PricingCardTwo
       animationType="scale-rotate"
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
         {
-          id: "starter",
+          id: "starter",          badge: "Popular",          badgeIcon: Star,
-          badge: "Popular",
+          price: "$199/month",          subtitle: "Starter",          buttons: [
-          badgeIcon: Star,
-          price: "$199/month",
-          name: "Starter",
-          buttons: [
             {
-              text: "Get Started",
+              text: "Get Started",              href: "#contact"},
-              href: "#contact",
-            },
           ],
           features: [
-            "Basic AI Market Insights",
+            "Basic AI Market Insights",            "Automated Trading (up to $10K portfolio)",            "Standard Risk Management",            "Email Support"],
-            "Automated Trading (up to $10K portfolio)",
-            "Standard Risk Management",
-            "Email Support",
-          ],
         },
         {
-          id: "pro",
+          id: "pro",          badge: "Recommended",          badgeIcon: Award,
-          badge: "Recommended",
+          price: "$499/month",          subtitle: "Professional",          buttons: [
-          badgeIcon: Award,
-          price: "$499/month",
-          name: "Professional",
-          buttons: [
             {
-              text: "Choose Pro",
+              text: "Choose Pro",              href: "#contact"},
-              href: "#contact",
-            },
           ],
           features: [
-            "Advanced AI Market Insights",
+            "Advanced AI Market Insights",            "Automated Trading (up to $100K portfolio)",            "Dynamic Risk Management",            "Priority Email & Chat Support",            "Monthly Performance Reports"],
-            "Automated Trading (up to $100K portfolio)",
-            "Dynamic Risk Management",
-            "Priority Email & Chat Support",
-            "Monthly Performance Reports",
-          ],
         },
         {
-          id: "elite",
+          id: "elite",          badge: "Premium",          badgeIcon: Crown,
-          badge: "Premium",
+          price: "$999/month",          subtitle: "Elite",          buttons: [
-          badgeIcon: Crown,
-          price: "$999/month",
-          name: "Elite",
-          buttons: [
             {
-              text: "Contact for Elite",
+              text: "Contact for Elite",              href: "#contact"},
-              href: "#contact",
-            },
           ],
           features: [
-            "Exclusive AI Market Insights",
+            "Exclusive AI Market Insights",            "Automated Trading (Unlimited Portfolio)",            "Customizable Risk Management",            "Dedicated Account Manager",            "Weekly Strategy Consultations",            "Alpha Signal Access"],
-            "Automated Trading (Unlimited Portfolio)",
-            "Customizable Risk Management",
-            "Dedicated Account Manager",
-            "Weekly Strategy Consultations",
-            "Alpha Signal Access",
-          ],
         },
       ]}
       title="Choose Your Path to Financial Mastery"
@@ -294,6 +197,13 @@ export default function LandingPage() {
       tag="Investment Plans"
       tagIcon={DollarSign}
       tagAnimation="slide-up"
+      buttons={[
+        {
+          text: "View All Plans",          href: "#pricing"},
+        {
+          text: "Compare Features",          href: "#faq"},
+      ]}
+      buttonAnimation="slide-up"
     />
   </div>
 
@@ -302,44 +212,24 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Sarah J.",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg"},
-          name: "Sarah J.",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Michael T.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-girl-dressed-white-shirt-posing-studio-isolated-dark-background_613910-6364.jpg"},
-          name: "Michael T.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-girl-dressed-white-shirt-posing-studio-isolated-dark-background_613910-6364.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Emily R.",          imageSrc: "http://img.b2bpic.net/free-photo/grey-haired-male-looking-confident-smiles_23-2148401491.jpg"},
-          name: "Emily R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/grey-haired-male-looking-confident-smiles_23-2148401491.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "David K.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3777.jpg"},
-          name: "David K.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3777.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Jessica L.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-industrial-plant-shareholder-conducting-research_482257-120516.jpg"},
-          name: "Jessica L.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-industrial-plant-shareholder-conducting-research_482257-120516.jpg",
-        },
         {
-          id: "6",
+          id: "6",          name: "Chris B.",          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-happy-be-back-work_23-2148727621.jpg"},
-          name: "Chris B.",
-          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-happy-be-back-work_23-2148727621.jpg",
-        },
       ]}
       cardTitle="Our Clients' Success Stories"
       cardTag="Trusted by Investors Globally"
       cardTagIcon={MessageSquare}
       buttons={[
         {
-          text: "Read More Reviews",
+          text: "Read More Reviews",          href: "#"},
-          href: "#",
-        },
       ]}
       buttonAnimation="slide-up"
       cardAnimation="blur-reveal"
@@ -351,13 +241,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Alpha Finance",
+        "Alpha Finance",        "Quantum Labs",        "DataStream Inc.",        "Synapse AI",        "CryptoVault",        "VentureCap Partners",        "FinTech Innovate"
-        "Quantum Labs",
-        "DataStream Inc.",
-        "Synapse AI",
-        "CryptoVault",
-        "VentureCap Partners",
-        "FinTech Innovate",
       ]}
       title="Partnered with Industry Leaders"
       description="Our commitment to innovation and security is recognized by top financial institutions and technology partners worldwide."
@@ -366,65 +250,49 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
+      <FaqSplitText
-      textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "How does AI Negotiator's algorithm work?",          content: "Our proprietary AI algorithm utilizes deep learning and predictive analytics to identify market trends, assess risks, and execute trades with optimal timing. It continuously learns and adapts to market conditions for superior performance."},
-          title: "How does AI Negotiator's algorithm work?",
-          content: "Our proprietary AI algorithm utilizes deep learning and predictive analytics to identify market trends, assess risks, and execute trades with optimal timing. It continuously learns and adapts to market conditions for superior performance.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "Is my investment secure with AI Negotiator?",          content: "Absolutely. We prioritize the security of your investments and personal data with advanced encryption, multi-factor authentication, and robust cybersecurity protocols. We partner with regulated financial institutions for asset custody."},
-          title: "Is my investment secure with AI Negotiator?",
-          content: "Absolutely. We prioritize the security of your investments and personal data with advanced encryption, multi-factor authentication, and robust cybersecurity protocols. We partner with regulated financial institutions for asset custody.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "What kind of returns can I expect?",          content: "While past performance does not guarantee future results, our platform consistently aims to achieve above-average market returns. Specific returns depend on market conditions and your chosen investment plan."},
-          title: "What kind of returns can I expect?",
-          content: "While past performance does not guarantee future results, our platform consistently aims to achieve above-average market returns. Specific returns depend on market conditions and your chosen investment plan.",
-        },
         {
-          id: "q4",
+          id: "q4",          title: "What is the minimum investment required?",          content: "The minimum investment varies by plan. Our Starter plan is designed for accessibility, while our Professional and Elite plans cater to larger portfolios. Please refer to our pricing section for details."},
-          title: "What is the minimum investment required?",
-          content: "The minimum investment varies by plan. Our Starter plan is designed for accessibility, while our Professional and Elite plans cater to larger portfolios. Please refer to our pricing section for details.",
-        },
         {
-          id: "q5",
+          id: "q5",          title: "Can I customize my AI trading strategy?",          content: "Yes, our Elite plan offers customizable risk management and strategy adjustments tailored to your specific investment goals and preferences, with guidance from a dedicated account manager."},
-          title: "Can I customize my AI trading strategy?",
-          content: "Yes, our Elite plan offers customizable risk management and strategy adjustments tailored to your specific investment goals and preferences, with guidance from a dedicated account manager.",
-        },
         {
-          id: "q6",
+          id: "q6",          title: "How do I get started?",          content: "Getting started is easy! Simply choose your desired plan from our pricing section and follow the sign-up instructions. Our team is available to assist you with any questions during onboarding."},
-          title: "How do I get started?",
-          content: "Getting started is easy! Simply choose your desired plan from our pricing section and follow the sign-up instructions. Our team is available to assist you with any questions during onboarding.",
-        },
       ]}
-      title="Your Questions, Answered"
+      sideTitle="Your Questions, Answered"
-      description="Find quick answers to the most common questions about AI Negotiator, our platform, and investment strategies."
+      sideDescription="Find quick answers to the most common questions about AI Negotiator, our platform, and investment strategies."
-      tag="FAQ"
       faqsAnimation="slide-up"
+      textPosition="left"
+      buttons={[
+        {
+          text: "Contact Support",          href: "#contact"},
+        {
+          text: "Learn More",          href: "#about"},
+      ]}
+      buttonAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
+      text="Ready to Transform Your Investments? Join AI Negotiator and experience the future of intelligent trading. Contact our expert team today to learn how our AI can elevate your financial strategy."
-      tag="Get in Touch"
+      animationType="entrance-slide"
-      title="Ready to Transform Your Investments?"
+      buttons={[
-      description="Join AI Negotiator and experience the future of intelligent trading. Contact our expert team today to learn how our AI can elevate your financial strategy."
+        {
-      tagIcon={Phone}
+          text: "Start Investing Now",          href: "#contact"},
-      imageSrc="http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg"
+        {
-      imageAlt="Futuristic contact center with holographic interfaces"
+          text: "Schedule a Call",          href: "#"}
-      mediaAnimation="opacity"
+      ]}
-      mediaPosition="left"
-      inputPlaceholder="Enter your email"
-      buttonText="Start Investing Now"
-      termsText="By clicking 'Start Investing Now' you're confirming that you agree with our Terms and Conditions."
     />
   </div>
 
@@ -434,54 +302,33 @@ export default function LandingPage() {
       logoText="AI Negotiator"
       columns={[
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About Us",
+              label: "About Us",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Careers",
+              label: "Careers",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Blog",
+              label: "Blog",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Solutions",
+          title: "Solutions",          items: [
-          items: [
             {
-              label: "Features",
+              label: "Features",              href: "#features"},
-              href: "#features",
-            },
             {
-              label: "Pricing",
+              label: "Pricing",              href: "#pricing"},
-              href: "#pricing",
-            },
             {
-              label: "Performance",
+              label: "Performance",              href: "#metrics"},
-              href: "#metrics",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms of Service",
+              label: "Terms of Service",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Risk Disclosure",
+              label: "Risk Disclosure",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -491,4 +338,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}