"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Sparkles, Zap, Award, HelpCircle } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="plain"
      cardStyle="soft-shadow"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Neurolink"
          button={{
            text: "Learn More",            href: "#about"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="The Future of Neural Technology"
          description="Explore how Neurolink chips are revolutionizing the way we understand and interact with the human brain through advanced neural interface technology."
          tag="Innovation"
          tagIcon={Sparkles}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-vector/abstract-background-design_1009-360.jpg",              imageAlt: "Neurolink chip technology"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-vector/abstract-artificial-intelligence-background_23-2147738874.jpg",              imageAlt: "Advanced microchip design"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/patient-woman-with-head-scanning-device-brain-activity-is-seen-screen-neurology-diagnosis-equipment_482257-31642.jpg",              imageAlt: "Neural interface visualization"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/microprocessor-with-brain_1134-207.jpg",              imageAlt: "Research laboratory"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-vector/technology-medical-infographic_23-2148487880.jpg",              imageAlt: "Neural network visualization"
            }
          ]}
          buttons={[
            {
              text: "Discover Technology",              href: "#about"
            },
            {
              text: "View Research",              href: "#how-it-works"
            }
          ]}
        />
      </div>
      
      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          title="Revolutionary Neural Interface Technology"
          description="Neurolink chips represent a breakthrough in neurotechnology, enabling unprecedented communication between the human brain and external devices. Our cutting-edge research combines advanced bioelectronics with neuroscience to create interfaces that are safe, reliable, and transformative for medical applications and human enhancement."
          tag="Technology"
          tagIcon={Zap}
          metrics={[
            {
              value: "1000+",              title: "Electrodes per implant"
            },
            {
              value: "99.9%",              title: "Signal accuracy rate"
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-vector/abstract-artificial-intelligence-background_23-2147738874.jpg"
          imageAlt="Neurolink chip technology"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="how-it-works" data-section="how-it-works">
        <FeatureProcessSteps
          title="How Neurolink Chips Work"
          description="Our process combines precision engineering with neuroscientific principles to create functional neural interfaces."
          tag="Technical Process"
          tagIcon={Zap}
          steps={[
            {
              number: "01",              title: "Neural Mapping",              tag: "Analysis",              description: "Advanced imaging and analysis techniques identify optimal implant locations based on individual neuroanatomy."
            },
            {
              number: "02",              title: "Electrode Deployment",              tag: "Precision",              description: "Thousands of ultrathin electrodes are precisely positioned to detect and interpret neural signals with minimal tissue disruption."
            },
            {
              number: "03",              title: "Signal Processing",              tag: "Computation",              description: "Real-time algorithms decode neural activity and translate brain signals into device commands with remarkable accuracy."
            },
            {
              number: "04",              title: "Integration & Training",              tag: "Adaptation",              description: "Users undergo targeted training to develop intuitive control over connected devices through neural feedback loops."
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Key Performance Metrics"
          description="Demonstrating the capability and reliability of Neurolink technology through measurable achievements."
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          metrics={[
            {
              id: "1",              value: "4mm",              title: "Implant diameter breakthrough",              items: [
                "Minimally invasive procedure",                "Reduced surgical complications",                "Faster recovery time"
              ]
            },
            {
              id: "2",              value: "10+",              title: "Years battery longevity",              items: [
                "Wireless power transmission",                "Biocompatible housing",                "Sealed design for safety"
              ]
            },
            {
              id: "3",              value: "100ms",              title: "Signal latency",              items: [
                "Real-time responsiveness",                "Natural motor control",                "Seamless user experience"
              ]
            }
          ]}
        />
      </div>
      
      <div id="applications" data-section="applications">
        <ProductCardFour
          title="Applications & Impact"
          description="Neurolink technology opens possibilities across healthcare, research, and human enhancement domains."
          tag="Use Cases"
          tagIcon={Award}
          products={[
            {
              id: "1",              name: "Paralysis Recovery",              price: "Medical",              variant: "Restore mobility and independence",              imageSrc: "https://img.b2bpic.net/free-photo/team-young-nurses-learning-practice-from-doctor-expert-cabinet_482257-113728.jpg",              imageAlt: "Medical rehabilitation application"
            },
            {
              id: "2",              name: "Cognitive Enhancement",              price: "Research",              variant: "Augment human cognition",              imageSrc: "https://img.b2bpic.net/free-photo/patient-woman-with-head-scanning-device-brain-activity-is-seen-screen-neurology-diagnosis-equipment_482257-31642.jpg",              imageAlt: "Cognitive enhancement interface"
            },
            {
              id: "3",              name: "Neurological Treatment",              price: "Therapeutic",              variant: "Address neurological disorders",              imageSrc: "https://img.b2bpic.net/free-vector/technology-medical-infographic_23-2148487880.jpg",              imageAlt: "Neural treatment visualization"
            },
            {
              id: "4",              name: "Brain-Computer Interface",              price: "Technology",              variant: "Direct device control via thought",              imageSrc: "https://img.b2bpic.net/free-photo/microprocessor-with-brain_1134-207.jpg",              imageAlt: "Advanced research environment"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Learn more about Neurolink technology, safety, and applications."
          tag="Q&A"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How safe is Neurolink implantation?",              content: "Neurolink implants undergo rigorous safety testing and biocompatibility evaluation. The surgical procedure is minimally invasive with a 4mm implant diameter, and the device uses sealed biocompatible materials to prevent rejection or infection risks."
            },
            {
              id: "2",              title: "How long does the implant last?",              content: "Current Neurolink chips are designed with 10+ years of battery longevity through wireless power transmission technology. The sealed biocompatible design ensures long-term stability within neural tissue."
            },
            {
              id: "3",              title: "What is the recovery time?",              content: "Thanks to minimally invasive surgical techniques, most patients experience recovery within 2-4 weeks. Full neural adaptation and training typically takes 2-3 months for optimal device control."
            },
            {
              id: "4",              title: "Can the implant be removed?",              content: "Yes, Neurolink implants are designed to be removable. The procedure is similar to implantation and carried out by trained neurosurgeons in specialized medical facilities."
            },
            {
              id: "5",              title: "What conditions can Neurolink treat?",              content: "Current applications focus on paralysis recovery, neurological disorder treatment, and cognitive enhancement research. Ongoing clinical trials are exploring treatment for Parkinson's, epilepsy, and spinal cord injuries."
            },
            {
              id: "6",              title: "How is neural signal data handled?",              content: "All neural data is encrypted end-to-end and stored securely. Users maintain complete control over their data with transparent privacy protocols and the ability to delete data at any time."
            }
          ]}
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/microprocessor-with-brain_1134-207.jpg"
          imageAlt="Research laboratory"
          logoText="Neurolink"
          copyrightText="© 2024 Neurolink Science Project | All rights reserved"
          columns={[
            {
              title: "Technology",              items: [
                {
                  label: "How It Works",                  href: "#how-it-works"
                },
                {
                  label: "Features",                  href: "#metrics"
                },
                {
                  label: "Applications",                  href: "#applications"
                }
              ]
            },
            {
              title: "Research",              items: [
                {
                  label: "Publications",                  href: "#"
                },
                {
                  label: "Clinical Trials",                  href: "#"
                },
                {
                  label: "Safety Data",                  href: "#"
                }
              ]
            },
            {
              title: "Resources",              items: [
                {
                  label: "FAQ",                  href: "#faq"
                },
                {
                  label: "Contact",                  href: "#"
                },
                {
                  label: "Privacy Policy",                  href: "#"
                }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}