"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Brain, CheckCircle, HelpCircle, Layers, Lightbulb, Microscope, Shield, Zap } from "lucide-react";

export default function NeuroLinkPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="largeSmallSizeMediumTitles"
      background="circleGradient"
      cardStyle="elevated"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="NeuroLink"
          navItems={[
            { name: "Features", id: "features" },
            { name: "How It Works", id: "how-it-works" },
            { name: "Research", id: "research" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Learn More", href: "features" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="The Future of Neural Interface Technology"
          description="NeuroLink chips represent a breakthrough in neural interface technology, enabling seamless communication between biological and digital systems. Our science project explores the potential of non-invasive neural integration."
          tag="Advanced Neural Technology"
          tagIcon={Zap}
          imageSrc="https://img.b2bpic.net/free-vector/abstract-artificial-intelligence-background_23-2147738874.jpg"
          imageAlt="NeuroLink neural chip technology"
          imagePosition="right"
          buttons={[
            { text: "Explore Research", href: "features" },
            { text: "View Documentation", href: "how-it-works" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="NeuroLink represents cutting-edge research in neural-digital interface integration, combining advanced materials science with neurotechnology to create biocompatible solutions."
          useInvertedBackground="invertDefault"
          metrics={[
            { icon: Brain, label: "Neural Channels", value: "1,024+" },
            { icon: Zap, label: "Data Transfer Rate", value: "40 Mbps" },
            { icon: Shield, label: "Biocompatibility", value: "99.8%" },
            { icon: Microscope, label: "Resolution", value: "100 μm" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSixteen
          title="Why NeuroLink Stands Apart"
          description="Our neural interface technology combines innovative approaches with proven scientific principles to deliver superior performance."
          tag="Innovation"
          tagIcon={Lightbulb}
          negativeCard={{
            items: [
              "Invasive surgical procedures required",              "Limited channel capacity",              "Poor biocompatibility",              "High power consumption",              "Complex calibration needed"
            ]
          }}
          positiveCard={{
            items: [
              "Non-invasive neural interface",              "1,024+ simultaneous channels",              "99.8% biocompatible materials",              "Ultra-low power consumption",              "Automatic self-calibration"
            ]
          }}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="how-it-works" data-section="how-it-works">
        <ProductCardTwo
          title="Technology Components"
          description="NeuroLink consists of specialized components working together to create seamless neural-digital integration."
          tag="Architecture"
          tagIcon={Layers}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          products={[
            {
              id: "1",              brand: "NeuroLink Core",              name: "Signal Transduction Layer",              price: "Neural Signal Processing",              rating: 5,
              reviewCount: "High Performance",              imageSrc: "https://img.b2bpic.net/free-vector/abstract-background-design_1009-360.jpg",              imageAlt: "Neural signal transduction technology"
            },
            {
              id: "2",              brand: "NeuroLink Core",              name: "Biocompatible Interface",              price: "Material Innovation",              rating: 5,
              reviewCount: "99.8% Safe",              imageSrc: "https://img.b2bpic.net/free-photo/team-industrial-scientists-engineers-developers-innovating-new-vaccine-doctor-pointing-tablet-explaining-virus-evolution-coworker_482257-499.jpg",              imageAlt: "Biocompatible neural interface material"
            },
            {
              id: "3",              brand: "NeuroLink Core",              name: "Precision Electrode Array",              price: "1,024 Channels",              rating: 5,
              reviewCount: "Pinpoint Accuracy",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-specialist-doctor-with-ppe-equipment-analyzing-dna-sample-working-illness-diagnosis-expertise-microbiology-experiment-medical-hospital-laboratory-medicine-concept_482257-30546.jpg",              imageAlt: "High-precision electrode array"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
        />
      </div>

      <div id="research" data-section="research">
        <MetricCardTen
          title="Research Milestones"
          description="Key achievements in our NeuroLink development and validation process."
          tag="Progress"
          tagIcon={CheckCircle}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",              title: "Initial Prototype Development",              subtitle: "Design and fabrication phase · 2023",              category: "Development",              value: "6 months"
            },
            {
              id: "2",              title: "Biocompatibility Testing",              subtitle: "Materials and safety validation · 2024",              category: "Testing",              value: "99.8% Pass"
            },
            {
              id: "3",              title: "Neural Signal Mapping",              subtitle: "Functionality verification · 2024",              category: "Validation",              value: "1,024 Ch."
            },
            {
              id: "4",              title: "Performance Optimization",              subtitle: "Power and latency reduction · Current",              category: "Optimization",              value: "40 Mbps"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Learn more about NeuroLink technology, safety, and applications."
          tag="Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/medium-shot-men-discussing-work_52683-101636.jpg"
          imageAlt="NeuroLink support and information"
          mediaPosition="left"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What is NeuroLink technology?",              content: "NeuroLink is a non-invasive neural interface technology that enables communication between biological neural systems and digital systems. It uses advanced biocompatible materials and precision electrode arrays to safely detect and interpret neural signals."
            },
            {
              id: "2",              title: "Is it safe to use?",              content: "Yes, NeuroLink has been extensively tested for biocompatibility with a 99.8% safety rating. All materials are FDA-approved and undergo rigorous validation protocols before deployment."
            },
            {
              id: "3",              title: "How does signal transduction work?",              content: "NeuroLink uses a multi-stage signal transduction process: neural signal detection through electrode arrays, analog-to-digital conversion, signal amplification, noise filtering, and digital processing for interpretation."
            },
            {
              id: "4",              title: "What are the potential applications?",              content: "NeuroLink can be applied in medical diagnostics, assistive technology for individuals with disabilities, cognitive enhancement research, and human-computer interaction studies."
            },
            {
              id: "5",              title: "How many neural channels does it support?",              content: "NeuroLink supports over 1,024 simultaneous neural channels, allowing for high-resolution signal capture and detailed neural activity mapping."
            },
            {
              id: "6",              title: "What is the data transfer rate?",              content: "The system achieves a data transfer rate of 40 Mbps, enabling real-time neural signal processing with minimal latency for responsive applications."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/group-diverse-business-people-with-growth-graph_53876-47061.jpg"
          imageAlt="NeuroLink research and innovation"
          logoText="NeuroLink"
          copyrightText="© 2024 NeuroLink Science Project. All rights reserved."
          columns={[
            {
              title: "Project",              items: [
                { label: "Features", href: "features" },
                { label: "How It Works", href: "how-it-works" },
                { label: "Research", href: "research" },
                { label: "FAQ", href: "faq" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Documentation", href: "documentation" },
                { label: "Research Papers", href: "research-papers" },
                { label: "Technical Specs", href: "specs" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "privacy" },
                { label: "Terms of Use", href: "terms" },
                { label: "Safety Guidelines", href: "safety" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}