"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Facebook, Linkedin, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="compact"
        sizing="mediumLargeSizeLargeTitles"
        background="circleGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Solutions",          id: "#solutions"},
        {
          name: "Results",          id: "#results"},
        {
          name: "Team",          id: "#team"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="AI Innovate"
      button={{
        text: "Get a Quote",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "rotated-rays-animated-grid"}}
      title="Unlock Next-Gen {AI} Solutions for Your Business"
      description="Transform operations, boost efficiency, and drive innovation with our bespoke artificial intelligence strategies and deployments. Partner with us to redefine what's possible."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg",          imageAlt: "AI Dashboard showcasing data visualizations"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139374.jpg",          imageAlt: "Abstract data visualization with glowing lines"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-shanghai-overpass-night_1359-952.jpg",          imageAlt: "Smart city with AI-powered traffic management"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12013.jpg",          imageAlt: "Abstract visualization of machine learning algorithms"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/server-farm-it-expert-responds-security-breach-alert-displayed-computer-monitor-working_482257-136068.jpg",          imageAlt: "AI defending a digital network against cyber threats"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/admin-data-center-works-with-artificial-intelligence-computerized-model_482257-90084.jpg",          imageAlt: "Cloud computing infrastructure powered by AI"},
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-woman-protective-glasses-doing-experiments-robotics-laboratory-robot_1268-23346.jpg",          imageAlt: "Futuristic robot interacting with a touchscreen"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/doctors-wearing-vr-simulation-with-hologram-medical-technology_53876-98566.jpg",          imageAlt: "AI doctor reviewing patient data"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/engineers-working-smart-factory-collecting-analyzing-data_482257-120556.jpg",          imageAlt: "Industrial robots in an automated factory"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code-green_146671-18924.jpg",          imageAlt: "User interacting with an AI virtual assistant"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-illustration-with-neon-colors-futuristic-technology_23-2151672012.jpg",          imageAlt: "AI generating creative content, flowing digital patterns"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/group-adult-students-using-vr-headsets-computer-class_74855-1934.jpg",          imageAlt: "AI personal tutor assisting a student"},
      ]}
      buttons={[
        {
          text: "Explore Services",          href: "#services"},
        {
          text: "Book a Demo",          href: "#contact"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-outdoors-successful-business-person_23-2148763862.jpg",          alt: "AI innovator avatar"},
        {
          src: "http://img.b2bpic.net/free-photo/businesswoman-using-sign-language-outdoors-work_23-2148740315.jpg",          alt: "Tech visionary avatar"},
        {
          src: "http://img.b2bpic.net/free-photo/blond-businessman-sad-expression_1194-3905.jpg",          alt: "Data strategist avatar"},
        {
          src: "http://img.b2bpic.net/free-photo/asian-architect-woman_53876-31462.jpg",          alt: "Algorithm expert avatar"},
        {
          src: "http://img.b2bpic.net/free-photo/young-pensive-businessman-cafe_1098-16450.jpg",          alt: "Machine learning specialist avatar"},
      ]}
      avatarText="Join over 5,000 satisfied clients driving AI innovation."
      marqueeItems={[
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/businessman-working-with-digital-tablet-computer-smart-phone-laptop_1423-78.jpg",          alt: "Tech Innovations logo"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-vector/initial-monogram-letter-b-creative-technology-concept-logo-design-template_645578-1236.jpg",          alt: "Data Dynamics logo"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-vector/technology-logo-collection_23-2148152336.jpg",          alt: "Future Systems logo"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-vector/sphere-mono-line-globe-logo-ideas-inspiration-logo-design-template-vector-illustration-isolated-white-background_384344-745.jpg",          alt: "Global Enterprises logo"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-vector/abstract-logo-template-gradient-style_52683-13887.jpg",          alt: "Pinnacle Corp logo"},
      ]}
      marqueeSpeed={40}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      title="Pioneering the Future of {AI} Innovation"
      description="At AI Innovate, we empower businesses to harness the transformative power of artificial intelligence. Our expert team designs and implements cutting-edge AI solutions tailored to your unique challenges and objectives, ensuring measurable impact and sustainable growth. We are committed to ethical AI and delivering exceptional value."
      bulletPoints={[
        {
          title: "Strategic AI Consulting",          description: "Developing tailored AI roadmaps aligned with your business goals."},
        {
          title: "Custom AI Development",          description: "Building bespoke machine learning models and intelligent systems."},
        {
          title: "Seamless AI Integration",          description: "Integrating AI solutions smoothly into your existing infrastructure."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/general-director-reviewing-data-analytics-with-her-team-successful-development-plan_482257-118674.jpg"
      imageAlt="AI researchers collaborating in a modern office"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardSix
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "AI Strategy & Consulting",          description: "Define clear AI objectives, assess readiness, and chart a strategic roadmap for successful implementation.",          imageSrc: "http://img.b2bpic.net/free-photo/people-doing-handshake-ai-based-server-farm-checking-files-doing-deal_482257-119985.jpg",          imageAlt: "AI strategy icon with charts"},
        {
          title: "Machine Learning Development",          description: "Build custom ML models, from predictive analytics to deep learning solutions, tailored for your data.",          imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900791.jpg",          imageAlt: "Machine learning development with neural network"},
        {
          title: "Natural Language Processing (NLP)",          description: "Implement advanced NLP models for sentiment analysis, chatbots, and intelligent text processing.",          imageSrc: "http://img.b2bpic.net/free-photo/speech-bubble-conversation-talk-message-graphic_53876-127864.jpg",          imageAlt: "Natural Language Processing with speech bubbles"},
      ]}
      title="Comprehensive {AI} Services"
      description="From strategy to implementation, our suite of AI services is designed to elevate your business performance and unlock new opportunities for growth and efficiency."
    />
  </div>

  <div id="solutions" data-section="solutions">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      carouselMode="buttons"
      products={[
        {
          id: "healthcare-ai",          name: "AI for Healthcare",          price: "Custom",          variant: "Diagnostics & Patient Care",          imageSrc: "http://img.b2bpic.net/free-photo/general-practitioner-consults-old-female-patient-about-diagnostic-test-results_482257-126852.jpg",          imageAlt: "AI diagnostics in healthcare"},
        {
          id: "finance-ai",          name: "AI for Finance",          price: "Custom",          variant: "Risk Management & Trading",          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design-smartphone_23-2150165971.jpg",          imageAlt: "AI analyzing financial market data"},
        {
          id: "retail-ai",          name: "AI for Retail",          price: "Custom",          variant: "Personalized Customer Experience",          imageSrc: "http://img.b2bpic.net/free-photo/anthropomorphic-robot-that-performs-regular-human-job_23-2151061712.jpg",          imageAlt: "AI-powered personalized shopping"},
        {
          id: "manufacturing-ai",          name: "AI for Manufacturing",          price: "Custom",          variant: "Automation & Quality Control",          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-industry-40-concept_23-2149408312.jpg",          imageAlt: "AI in automated manufacturing"},
        {
          id: "logistics-ai",          name: "AI for Logistics",          price: "Custom",          variant: "Supply Chain Optimization",          imageSrc: "http://img.b2bpic.net/free-photo/drone-flying-modern-warehouse_23-2151989588.jpg",          imageAlt: "AI managing supply chain logistics"},
        {
          id: "customerservice-ai",          name: "AI for Customer Service",          price: "Custom",          variant: "Intelligent Chatbots & Support",          imageSrc: "http://img.b2bpic.net/free-photo/female-programmer-scanning-her-face-with-biometric-security-technology-virtual-screen-digital-remix_53876-104936.jpg",          imageAlt: "AI chatbot for customer service"},
      ]}
      title="Our Transformative {AI} Solutions"
      description="Discover how our custom AI solutions are driving tangible results across various industries, creating efficiency and competitive advantage for our clients."
    />
  </div>

  <div id="results" data-section="results">
      <MetricCardTwo
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      carouselMode="buttons"
      animationType="slide-up"
      useInvertedBackground={true}
      metrics={[
        {
          id: "efficiency",          value: "40%",          description: "Average Efficiency Gain"},
        {
          id: "cost-reduction",          value: "25%",          description: "Average Cost Reduction"},
        {
          id: "roi",          value: "3x",          description: "Average ROI Increase"},
      ]}
      title="Proven Impact & Measurable Results"
      description="Our commitment to excellence and innovation is reflected in the tangible successes we deliver for our clients, driving significant improvements across their operations."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardSix
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      members={[
        {
          id: "john-doe",          name: "John Doe",          role: "Chief Executive Officer",          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg",          imageAlt: "Portrait of John Doe, CEO"},
        {
          id: "jane-smith",          name: "Jane Smith",          role: "Chief Technology Officer",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-brunette-businesswoman-glasses-blue-shirt-holds-tablet-sitting-sofa-room-with-loft-design_613910-211.jpg",          imageAlt: "Portrait of Jane Smith, CTO"},
        {
          id: "michael-brown",          name: "Michael Brown",          role: "Lead Data Scientist",          imageSrc: "http://img.b2bpic.net/free-photo/software-technician-apartment-office-deeply-immersed-coding-close-up_482257-88613.jpg",          imageAlt: "Portrait of Michael Brown, Lead Data Scientist"},
      ]}
      title="Meet Our {AI} Visionaries"
      description="Our team comprises leading AI researchers, data scientists, and engineers dedicated to pushing the boundaries of artificial intelligence and delivering exceptional client solutions."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={true}
      testimonial="AI Innovate revolutionized our data processing, boosting efficiency by 40% and providing insights we never thought possible. Their team's expertise and dedication were truly exceptional."
      rating={5}
      author="Sarah Johnson, CEO of Global Tech Solutions"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-vector/isolated-businessman-set-funny-handsome-businessman-suit-different-poses-white-background_613284-226.jpg",          alt: "Sarah Johnson"},
        {
          src: "http://img.b2bpic.net/free-photo/view-3d-man-working-justice-law-field_23-2151228050.jpg",          alt: "Michael Chen"},
        {
          src: "http://img.b2bpic.net/free-photo/young-man-cartoon-character-with-phone_23-2150964365.jpg",          alt: "Emily Rodriguez"},
        {
          src: "http://img.b2bpic.net/free-photo/business-graphics-presentation-illustration_23-2151876391.jpg",          alt: "David Kim"},
        {
          src: "http://img.b2bpic.net/free-photo/anime-character-using-virtual-reality-glasses-metaverse_23-2151568834.jpg",          alt: "Alex Lee"},
        {
          src: "http://img.b2bpic.net/free-photo/3d-cartoon-portrait-working-woman-celebration-labour-day_23-2151306605.jpg",          alt: "Maria Garcia"},
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="opacity"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Tech Innovations",        "Data Dynamics",        "Future Systems",        "Global Enterprises",        "Pinnacle Corp",        "Visionary Labs",        "Quantum AI"]}
      title="Trusted by Industry Leaders"
      description="We partner with forward-thinking organizations to deploy impactful AI solutions that drive real business value and accelerate their journey into the future."
      speed={40}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",          title: "What exactly does AI Innovate do?",          content: "AI Innovate specializes in developing and deploying custom Artificial Intelligence solutions for businesses. We offer strategic consulting, machine learning development, NLP services, and comprehensive support to help you integrate AI effectively."},
        {
          id: "faq-2",          title: "How does your AI development process work?",          content: "Our process begins with understanding your unique business challenges. We then move through data analysis, model design, development, rigorous testing, and seamless integration, followed by ongoing optimization and support."},
        {
          id: "faq-3",          title: "What industries do you serve with your AI solutions?",          content: "We work across a diverse range of industries, including healthcare, finance, retail, manufacturing, logistics, and customer service, providing tailored AI solutions to meet specific sector needs."},
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Find quick answers to common questions about our AI services, development process, and how we can effectively partner with your business."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      tag="Get Started"
      title="Let's Build Your {AI} Future Together"
      description="Ready to explore the possibilities of AI for your business? Contact us today for a free consultation and a personalized proposal tailored to your vision."
      imageSrc="http://img.b2bpic.net/free-photo/close-up-shot-notebook-displaying-ai-machine-learning-algorithms_482257-122159.jpg"
      imageAlt="Human and robot hand shaking, symbolizing AI partnership"
      mediaAnimation="slide-up"
      inputPlaceholder="Your work email"
      buttonText="Request Consultation"
      termsText="By clicking Request Consultation you're confirming that you agree with our Terms and Conditions and Privacy Policy."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="AI Innovate"
      copyrightText="© 2024 AI Innovate. All rights reserved."
      socialLinks={[
        {
          icon: Linkedin,
          href: "#",          ariaLabel: "LinkedIn"},
        {
          icon: Twitter,
          href: "#",          ariaLabel: "Twitter"},
        {
          icon: Facebook,
          href: "#",          ariaLabel: "Facebook"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}