"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { HelpCircle, Mail, Radio, Shield, Sparkles, Target, TrendingUp, Zap } from "lucide-react";

export default function NeurolinkPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="mediumSmall"
      sizing="mediumSizeLargeTitles"
      background="radialGradient"
      cardStyle="elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Neurolink"
          navItems={[
            { name: "Technology", id: "features" },
            { name: "Research", id: "about" },
            { name: "Performance", id: "metrics" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Science Project 2025"
          bottomRightText="contact@neurolink-research.org"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Understanding Neurolink Technology"
          description="A comprehensive scientific exploration of neural interface systems and their applications in modern neuroscience. Discover the breakthrough research that bridges human cognition with technology."
          tag="Scientific Research"
          tagIcon={Zap}
          imageSrc="https://img.b2bpic.net/free-vector/technology-background_23-2148116476.jpg"
          imageAlt="Neurolink neural interface technology visualization"
          imagePosition="right"
          buttons={[
            { text: "Explore Research", href: "about" },
            { text: "View Data", href: "metrics" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="Neurolink represents a fundamental advancement in brain-computer interface technology, enabling direct communication between neural systems and computational systems through sophisticated electrode arrays and signal processing algorithms."
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Learn More", href: "faq" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwelve
          title="Core Technology Features"
          description="Discover the key components that make Neurolink's neural interface system revolutionary"
          tag="Technology Stack"
          tagIcon={Sparkles}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          features={[
            {
              id: "signal-processing",              label: "Signal Processing",              title: "Advanced Neural Signal Acquisition",              items: [
                "Real-time electrode array monitoring",                "Multi-channel signal amplification",                "Noise filtering and artifact rejection",                "High-frequency bandwidth support"
              ]
            },
            {
              id: "biocompatibility",              label: "Biocompatibility",              title: "Safe Neural Integration",              items: [
                "Platinum electrode construction",                "Bioactive coating technology",                "Minimally invasive insertion",                "Long-term tissue compatibility"
              ]
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Research Performance Metrics"
          description="Key statistics demonstrating the efficacy and reliability of Neurolink technology"
          tag="Data-Driven Results"
          tagIcon={TrendingUp}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          metrics={[
            {
              id: "accuracy",              icon: Target,
              title: "Signal Accuracy",              value: "98.7%"
            },
            {
              id: "latency",              icon: Zap,
              title: "Response Latency",              value: "12ms"
            },
            {
              id: "stability",              icon: Shield,
              title: "System Stability",              value: "99.4%"
            },
            {
              id: "channels",              icon: Radio,
              title: "Active Channels",              value: "256+"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Get answers to common questions about Neurolink technology and our research"
          tag="Help"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How does Neurolink record neural signals?",              content: "Neurolink uses an array of microelectrodes implanted in specific brain regions to detect and amplify electrical signals generated by neuronal activity. These signals are then processed through specialized amplification circuits and converted into digital data for analysis."
            },
            {
              id: "2",              title: "What is the resolution of the electrode array?",              content: "Our electrode arrays feature 256+ channels with sub-millimeter spatial resolution, allowing us to record from multiple neurons simultaneously and create detailed maps of neural activity patterns across the targeted brain region."
            },
            {
              id: "3",              title: "Is the procedure safe for research subjects?",              content: "Yes, extensive biocompatibility testing and surgical protocols ensure subject safety. Our electrodes use bioactive coatings and minimally invasive insertion techniques, with long-term implant success rates exceeding 99%."
            },
            {
              id: "4",              title: "What data can be extracted from Neurolink?",              content: "We can decode various neural signals including motor intent, sensory perception, cognitive states, and language-related activity. Advanced machine learning algorithms extract meaningful patterns from raw neural data."
            },
            {
              id: "5",              title: "How is subject privacy protected?",              content: "All neural data is encrypted, anonymized, and stored securely. Research follows strict ethical guidelines and institutional review board protocols to protect participant privacy and data security."
            },
            {
              id: "6",              title: "What are potential future applications?",              content: "Future applications include treatment of paralysis through brain-computer interfaces, enhanced communication for locked-in patients, restoration of sensory function, and deeper understanding of neurological disorders."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get In Touch"
          title="Join the Research Initiative"
          description="Have questions about our Neurolink research? Interested in collaboration or learning more about neural interface technology? Contact our team today."
          tagIcon={Mail}
          useInvertedBackground="invertDefault"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. By subscribing, you agree to receive research updates and institutional communications."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Neurolink"
          columns={[
            {
              items: [
                { label: "Technology", href: "features" },
                { label: "Research", href: "about" },
                { label: "Performance", href: "metrics" }
              ]
            },
            {
              items: [
                { label: "FAQ", href: "faq" },
                { label: "Contact", href: "contact" },
                { label: "Privacy", href: "#" }
              ]
            },
            {
              items: [
                { label: "Science Project", href: "#" },
                { label: "2025 Research", href: "#" },
                { label: "Learn More", href: "about" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}