"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Award, Shield, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="mediumSizeLargeTitles"
        background="floatingGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About",          id: "#about"},
        {
          name: "Features",          id: "#features"},
        {
          name: "Solutions",          id: "#products"},
        {
          name: "Pricing",          id: "#pricing"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/digital-logo_384344-2040.jpg"
      logoAlt="Prosperity Nexus Logo"
      brandName="Prosperity Nexus"
      button={{
        text: "Get Started",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "downward-rays-animated-grid"}}
      title="Unleash Your Prosperity: The Ultimate Wealth-Building Platform"
      description="Discover a world-class platform engineered to maximize your financial potential. From advanced analytics to automated investments, achieve unprecedented growth and secure your future."
      tag="Elevate Your Wealth"
      tagIcon={Sparkles}
      buttons={[
        {
          text: "Explore Features",          href: "#features"},
        {
          text: "View Pricing",          href: "#pricing"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-vector/technology-background_23-2148126580.jpg",          imageAlt: "Futuristic digital cityscape"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/abstract-pink-blue-lights-background_1017-2786.jpg",          imageAlt: "Abstract blockchain network"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-their-daily-occupation_23-2151137288.jpg",          imageAlt: "Holographic financial UI"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/network-connection-graphic-overlay-banner-floor_53876-121275.jpg",          imageAlt: "Global market connections"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/blurred-purple-decorative-light-black-backdrop_23-2148055554.jpg",          imageAlt: "Abstract AI neural network"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-with-headphones-sits-desk-front-computer_1258-296305.jpg",          imageAlt: "Sleek minimalist workspace"},
      ]}
      mediaAnimation="opacity"
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      title="About Prosperity Nexus: Your Partner in Financial Success"
      description="We are dedicated to providing cutting-edge solutions that empower individuals and businesses to achieve their financial aspirations. Our platform is built on innovation, security, and a deep understanding of market dynamics."
      bulletPoints={[
        {
          title: "Visionary Technology",          description: "Leveraging AI and machine learning for predictive insights."},
        {
          title: "Unwavering Security",          description: "State-of-the-art encryption and fraud prevention."},
        {
          title: "Global Reach",          description: "Access to markets and opportunities worldwide."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/teamworking-photovoltaics-factory-engineers-researching-cheaper-solar-solutions_482257-120606.jpg"
      imageAlt="Diverse team collaborating in an innovative office"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyOne
      useInvertedBackground={false}
      title="Key Features: Powering Your Financial Growth"
      description="Our comprehensive suite of tools and services is designed to give you an unfair advantage in the market. Explore how Prosperity Nexus can transform your financial journey."
      accordionItems={[
        {
          id: "ai-analytics",          title: "AI-Driven Predictive Analytics",          content: "Gain deep market insights with our advanced AI algorithms, providing accurate predictions and data-driven strategies for optimal investment decisions."},
        {
          id: "automated-investments",          title: "Automated & Smart Investment Portfolios",          content: "Set up automated investment strategies tailored to your risk tolerance and financial goals, managed by intelligent systems to maximize returns effortlessly."},
        {
          id: "realtime-monitoring",          title: "Real-time Market Monitoring",          content: "Stay ahead with live updates and alerts on market trends, news, and portfolio performance, ensuring you never miss a critical opportunity."},
        {
          id: "multi-asset",          title: "Multi-Asset Class Support",          content: "Diversify your portfolio across various asset classes including stocks, crypto, commodities, and real estate, all managed from one intuitive dashboard."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/3d-cryptocurrency-rendering-design_23-2149074560.jpg"
      imageAlt="Financial management app on smartphone and laptop"
      mediaAnimation="opacity"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "product-1",          name: "Advanced Analytics Suite",          price: "From $99/month",          imageSrc: "http://img.b2bpic.net/free-vector/modern-flat-design-infographic_23-2147490788.jpg",          imageAlt: "Advanced Analytics Icon"},
        {
          id: "product-2",          name: "Automated Trading Bots",          price: "From $149/month",          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139260.jpg",          imageAlt: "Automated Trading Icon"},
        {
          id: "product-3",          name: "Secure Digital Wallets",          price: "Included",          imageSrc: "http://img.b2bpic.net/free-photo/gold-bitcoin-padlock_93675-129522.jpg",          imageAlt: "Secure Digital Wallets Icon"},
        {
          id: "product-4",          name: "Global Market Access",          price: "Included",          imageSrc: "http://img.b2bpic.net/free-photo/gold-coin-belarusian-ruble-currency-money-icon-sign-symbol-business-financial-exchange-3d-background-illustration_56104-1969.jpg",          imageAlt: "Global Market Access Icon"},
        {
          id: "product-5",          name: "Portfolio Diversification Tools",          price: "From $79/month",          imageSrc: "http://img.b2bpic.net/free-photo/pie-chart-paper-business-hand-craft-element_53876-127098.jpg",          imageAlt: "Portfolio Diversification Icon"},
        {
          id: "product-6",          name: "Real-time Risk Management",          price: "Included",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-illustrating-ethics-concept_23-2149412233.jpg",          imageAlt: "Risk Management Icon"},
      ]}
      title="Our Solutions: Tools for Every Investor"
      description="Explore our powerful suite of tools designed to cater to both novice and experienced investors, ensuring you have everything you need for success."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "starter",          badge: "Beginner",          badgeIcon: Sparkles,
          price: "$49",          name: "Starter Plan",          buttons: [
            {
              text: "Choose Starter",              href: "#contact"},
          ],
          features: [
            "Basic Analytics",            "1 Automated Strategy",            "Standard Support",            "Up to $10k Managed"],
        },
        {
          id: "pro",          badge: "Most Popular",          badgeIcon: Award,
          price: "$199",          name: "Pro Plan",          buttons: [
            {
              text: "Choose Pro",              href: "#contact"},
          ],
          features: [
            "Advanced Analytics",            "5 Automated Strategies",            "Priority Support",            "Up to $100k Managed",            "Real-time Alerts"],
        },
        {
          id: "enterprise",          badge: "For Institutions",          badgeIcon: Shield,
          price: "$499",          name: "Enterprise Plan",          buttons: [
            {
              text: "Contact Sales",              href: "#contact"},
          ],
          features: [
            "Custom Analytics Dashboard",            "Unlimited Strategies",            "Dedicated Account Manager",            "Unlimited Managed Capital",            "API Access"],
        },
      ]}
      title="Flexible Pricing: Invest in Your Future"
      description="Choose the plan that best fits your financial goals and scale as you grow. Our transparent pricing ensures you get the most value for your investment."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "growth",          value: "250%",          title: "Average Portfolio Growth",          description: "Achieved by our users in the last year through smart investments.",          imageSrc: "http://img.b2bpic.net/free-photo/paper-arrow-shape-indicating-economy-growth_23-2148568082.jpg",          imageAlt: "Bar graph showing 250% growth"},
        {
          id: "users",          value: "1M+",          title: "Active Users Worldwide",          description: "A growing community of investors trusting our platform globally.",          imageSrc: "http://img.b2bpic.net/free-photo/network-connection-graphic-overlay-background-computer-screen_53876-124346.jpg",          imageAlt: "Global network of 1M+ active users"},
        {
          id: "security",          value: "99.9%",          title: "Uptime & Data Security",          description: "Ensuring your assets are always safe and accessible on our secure platform.",          imageSrc: "http://img.b2bpic.net/free-photo/skilled-administrator-researches-global-market-boost-legal-revenue_482257-97332.jpg",          imageAlt: "Digital shield for 99.9% data security"},
      ]}
      title="Our Impact: Driving Real Financial Results"
      description="See the tangible results and trust built through our commitment to excellence and user success. Numbers speak louder than words."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah J.",          handle: "@sarah_invests",          testimonial: "Prosperity Nexus transformed my investment strategy! The AI insights are incredible, and I've seen a consistent 15% increase in my portfolio since joining.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/fbi-agent-focused-investigation_1098-14749.jpg",          imageAlt: "Sarah J., CEO"},
        {
          id: "2",          name: "Michael C.",          handle: "@mike_capital",          testimonial: "The automated trading bots are a game-changer. It’s truly passive income with expert-level management. Highly recommend for busy professionals.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-studies-artificial-intelligence-neural-network-dashboards_482257-126589.jpg",          imageAlt: "Michael C., CTO"},
        {
          id: "3",          name: "Emily R.",          handle: "@emily_growth",          testimonial: "I was skeptical at first, but Prosperity Nexus made diversifying my portfolio so easy. The support team is fantastic, and the security is top-notch.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-businessman-talking-mobile-phone_53876-65441.jpg",          imageAlt: "Emily R., Marketing Director"},
        {
          id: "4",          name: "David K.",          handle: "@david_funds",          testimonial: "As a seasoned investor, I appreciate the depth of analytics. It complements my own research perfectly and helps me make more informed decisions.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg",          imageAlt: "David K., Founder"},
        {
          id: "5",          name: "Olivia M.",          handle: "@olivia_wealth",          testimonial: "The global market access is unparalleled. I can easily invest in emerging markets without any hassle. Prosperity Nexus is truly a global platform.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",          imageAlt: "Olivia M., Investor"},
      ]}
      showRating={true}
      title="Hear From Our Successful Investors"
      description="Join thousands of satisfied users who are achieving their financial dreams with Prosperity Nexus. Your success is our mission."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",          title: "How secure is my data and investments?",          content: "Your security is our highest priority. We use military-grade encryption, multi-factor authentication, and adhere to strict regulatory compliance to protect your assets and personal information."},
        {
          id: "faq2",          title: "What kind of support can I expect?",          content: "We offer 24/7 customer support via live chat, email, and phone. Pro and Enterprise plan users receive priority support and a dedicated account manager."},
        {
          id: "faq3",          title: "Can I integrate my existing financial accounts?",          content: "Yes, our platform supports seamless integration with a wide range of external financial accounts for a unified view of your entire financial landscape."},
        {
          id: "faq4",          title: "Is Prosperity Nexus suitable for beginners?",          content: "Absolutely! Our intuitive interface, educational resources, and automated tools are designed to help investors of all experience levels succeed. The Starter Plan is perfect for beginners."},
        {
          id: "faq5",          title: "What are the fees associated with investments?",          content: "Our fee structure is transparent and competitive. Specific fees vary by plan and asset class, but we always ensure you have a clear understanding of all costs upfront. No hidden charges."},
        {
          id: "faq6",          title: "How do I get started with a plan?",          content: "Simply choose your desired plan on our pricing page, complete the quick onboarding process, and begin your journey to financial prosperity. Our team is ready to assist you every step of the way."},
      ]}
      title="Frequently Asked Questions"
      description="Have questions? We've got answers. Find common queries about our platform, services, and how we can help you achieve financial freedom."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      tag="Ready to Grow?"
      title="Join Prosperity Nexus Today"
      description="Enter your email to receive exclusive insights, market updates, and start your journey towards unparalleled financial success. Don't miss out on your next opportunity."
      inputPlaceholder="Enter your email for updates"
      buttonText="Get Exclusive Insights"
      termsText="By clicking 'Get Exclusive Insights' you're confirming that you agree with our Terms and Conditions and Privacy Policy."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301599.jpg"
      imageAlt="Futuristic data center"
      logoText="Prosperity Nexus"
      columns={[
        {
          title: "Platform",          items: [
            {
              label: "Features",              href: "#features"},
            {
              label: "Pricing",              href: "#pricing"},
            {
              label: "Solutions",              href: "#products"},
            {
              label: "Security",              href: "#about"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Careers",              href: "#"},
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "Blog",              href: "#"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact Us",              href: "#contact"},
            {
              label: "Help Center",              href: "#"},
            {
              label: "Status",              href: "#"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
            {
              label: "Cookie Policy",              href: "#"},
            {
              label: "Disclaimer",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2025 Prosperity Nexus. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
