"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
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 SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Award, Crown, DollarSign, Lightbulb, LineChart, MessageSquare, Phone, Smile, Star, Target, TrendingUp, Watch, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="medium"
        sizing="largeSmallSizeLargeTitles"
        background="aurora"
        cardStyle="outline"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Features",
          id: "#features",
        },
        {
          name: "Performance",
          id: "#metrics",
        },
        {
          name: "Plans",
          id: "#pricing",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="AI Negotiator"
      button={{
        text: "Get Started",
        href: "#contact",
      }}
      animateOnLoad={true}
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardGallery
      background={{
        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"
      tagIcon={Zap}
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Explore Our Plans",
          href: "#pricing",
        },
        {
          text: "Get a Free Consultation",
          href: "#contact",
        },
      ]}
      buttonAnimation="slide-up"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904331.jpg",
          imageAlt: "Dynamic trading candles showing bullish trend",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904327.jpg",
          imageAlt: "AI-driven market analysis",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12013.jpg",
          imageAlt: "Neural network over financial data",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-threats-map-with-real-time-pulse-visualization_23-2152001128.jpg",
          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",
          imageAlt: "Abstract AI processing financial data",
        },
      ]}
      mediaAnimation="opacity"
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="About Us"
      title="Empowering Your Investments with Advanced AI"
      description="At AI Negotiator, we blend cutting-edge artificial intelligence with deep market expertise to give you an unfair advantage. Our proprietary algorithms analyze billions of data points, identifying opportunities and executing trades with unmatched precision."
      subdescription="We are committed to transparency, security, and delivering exceptional value, transforming how you approach the financial markets."
      icon={Star}
      imageSrc="http://img.b2bpic.net/free-photo/detective-evaluating-old-archived-folders-organize-all-cases-based-crimes_482257-83366.jpg"
      imageAlt="Server room with glowing AI infrastructure"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyOne
      useInvertedBackground={false}
      title="Unleash the Power of AI in Your Portfolio"
      description="Our platform offers a suite of powerful features designed to maximize your investment potential and simplify your trading experience."
      tag="Key Capabilities"
      tagIcon={Lightbulb}
      tagAnimation="slide-up"
      accordionItems={[
        {
          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.",
        },
        {
          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.",
        },
        {
          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.",
        },
        {
          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.",
        },
        {
          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.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/futuristic-robot-interacting-with-money_23-2151612628.jpg"
      imageAlt="Holographic AI algorithm over trading charts"
      mediaAnimation="slide-up"
      mediaPosition="right"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "20%+",
          title: "Average Annual Returns",
          description: "Consistent growth year after year, outperforming traditional benchmarks.",
          icon: TrendingUp,
        },
        {
          id: "m2",
          value: "95%",
          title: "Trade Accuracy Rate",
          description: "High precision in identifying profitable trades and minimizing errors.",
          icon: Target,
        },
        {
          id: "m3",
          value: "100%",
          title: "Client Satisfaction",
          description: "Our clients trust our platform for its reliability and exceptional support.",
          icon: Smile,
        },
        {
          id: "m4",
          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"
      description="Our AI-driven strategies consistently deliver impressive results, proving the power of intelligent automation in the unpredictable world of finance."
      tag="Performance Highlights"
      tagIcon={LineChart}
      tagAnimation="slide-up"
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardThree
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "starter",
          badge: "Popular",
          badgeIcon: Star,
          price: "$199/month",
          name: "Starter",
          buttons: [
            {
              text: "Get Started",
              href: "#contact",
            },
          ],
          features: [
            "Basic AI Market Insights",
            "Automated Trading (up to $10K portfolio)",
            "Standard Risk Management",
            "Email Support",
          ],
        },
        {
          id: "pro",
          badge: "Recommended",
          badgeIcon: Award,
          price: "$499/month",
          name: "Professional",
          buttons: [
            {
              text: "Choose Pro",
              href: "#contact",
            },
          ],
          features: [
            "Advanced AI Market Insights",
            "Automated Trading (up to $100K portfolio)",
            "Dynamic Risk Management",
            "Priority Email & Chat Support",
            "Monthly Performance Reports",
          ],
        },
        {
          id: "elite",
          badge: "Premium",
          badgeIcon: Crown,
          price: "$999/month",
          name: "Elite",
          buttons: [
            {
              text: "Contact for Elite",
              href: "#contact",
            },
          ],
          features: [
            "Exclusive AI Market Insights",
            "Automated Trading (Unlimited Portfolio)",
            "Customizable Risk Management",
            "Dedicated Account Manager",
            "Weekly Strategy Consultations",
            "Alpha Signal Access",
          ],
        },
      ]}
      title="Choose Your Path to Financial Mastery"
      description="Select the investment plan that aligns with your goals and risk appetite. Each tier offers unique benefits powered by AI Negotiator's intelligence."
      tag="Investment Plans"
      tagIcon={DollarSign}
      tagAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah J.",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg",
        },
        {
          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",
        },
        {
          id: "3",
          name: "Emily R.",
          imageSrc: "http://img.b2bpic.net/free-photo/grey-haired-male-looking-confident-smiles_23-2148401491.jpg",
        },
        {
          id: "4",
          name: "David K.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3777.jpg",
        },
        {
          id: "5",
          name: "Jessica L.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-industrial-plant-shareholder-conducting-research_482257-120516.jpg",
        },
        {
          id: "6",
          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",
          href: "#",
        },
      ]}
      buttonAnimation="slide-up"
      cardAnimation="blur-reveal"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Alpha Finance",
        "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."
      tag="Our Network"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          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.",
        },
        {
          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.",
        },
        {
          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.",
        },
        {
          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.",
        },
        {
          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.",
        },
        {
          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="Your Questions, Answered"
      description="Find quick answers to the most common questions about AI Negotiator, our platform, and investment strategies."
      tag="FAQ"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Get in Touch"
      title="Ready to Transform Your Investments?"
      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}
      imageSrc="http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg"
      imageAlt="Futuristic contact center with holographic interfaces"
      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>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoSrc="http://img.b2bpic.net/free-vector/gradient-hub-logo-template_23-2149847317.jpg"
      logoText="AI Negotiator"
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Careers",
              href: "#",
            },
            {
              label: "Blog",
              href: "#",
            },
          ],
        },
        {
          title: "Solutions",
          items: [
            {
              label: "Features",
              href: "#features",
            },
            {
              label: "Pricing",
              href: "#pricing",
            },
            {
              label: "Performance",
              href: "#metrics",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
            {
              label: "Risk Disclosure",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 AI Negotiator. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
