"use client"

import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="compact"
      sizing="mediumLargeSizeLargeTitles"
      background="floatingGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Neurolink"
          navItems={[
            { name: "About", id: "about" },
            { name: "Technology", id: "features" },
            { name: "Research", id: "metrics" },
            { name: "Applications", id: "blog" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{ text: "Learn More", href: "#contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="neurolink"
          description="Advanced neural interface technology bridging human cognition and digital systems through cutting-edge microchip innovation."
          imageSrc="https://img.b2bpic.net/free-vector/abstract-background-design_1009-360.jpg"
          imageAlt="Neurolink chip technology visualization"
          frameStyle="card"
          logoLineHeight={1.2}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="Neurolink represents a revolutionary advancement in brain-computer interface technology, enabling direct communication between neural tissue and digital systems through biocompatible microelectrode arrays."
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Explore Technology", href: "#features" },
            { text: "View Research", href: "#metrics" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNineteen
          title="Core Technology"
          description="Discover the fundamental innovations powering neurolink chips"
          tag="How It Works"
          features={[
            {
              id: 1,
              tag: "Biocompatibility",              title: "Safe Integration",              subtitle: "Seamless neural interface",              description: "Neurolink chips are manufactured using biocompatible materials that integrate safely with neural tissue, minimizing immune response and ensuring long-term functionality without rejection.",              imageSrc: "https://img.b2bpic.net/free-vector/abstract-artificial-intelligence-background_23-2147738874.jpg"
            },
            {
              id: 2,
              tag: "Signal Processing",              title: "Neural Decoding",              subtitle: "Real-time communication",              description: "Advanced signal processing algorithms decode neural activity in real-time, translating brain signals into actionable digital commands with unprecedented accuracy and latency optimization.",              imageSrc: "https://img.b2bpic.net/free-vector/technology-background_23-2148116476.jpg"
            },
            {
              id: 3,
              tag: "Precision Engineering",              title: "Microelectrode Arrays",              subtitle: "Ultra-precise recording",              description: "Thousands of microelectrodes arranged in precise geometric patterns capture high-fidelity neural signals across multiple brain regions simultaneously, enabling comprehensive neural monitoring and stimulation.",              imageSrc: "https://img.b2bpic.net/free-vector/low-poly-brain-design-with-connecting-dots_1048-6319.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Neurolink research has demonstrated remarkable improvements in neural interface performance, setting new standards in biomedical engineering."
          tag="Research Results"
          metrics={[
            {
              id: "1",              value: "99.8%",              description: "Signal detection accuracy achieved in clinical testing environments"
            },
            {
              id: "2",              value: "<50ms",              description: "Average latency for neural signal processing and response"
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="blog" data-section="blog">
        <BlogCardThree
          title="Applications"
          description="Explore the transformative potential of neurolink technology across multiple fields"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          blogs={[
            {
              id: "1",              category: "Medical",              title: "Neurological Disorder Treatment",              description: "Neurolink enables direct intervention in Parkinson's disease, epilepsy, and other neurological conditions through precise neural stimulation and monitoring.",              imageSrc: "https://img.b2bpic.net/free-photo/radiologist-doctor-analyzing-medical-radiography-with-elderly-sick-woman_482257-9049.jpg"
            },
            {
              id: "2",              category: "Rehabilitation",              title: "Motor Recovery Enhancement",              description: "Patients with spinal cord injuries can regain motor control through neurolink's ability to bypass damaged neural pathways and facilitate neuroplasticity.",              imageSrc: "https://img.b2bpic.net/free-vector/low-poly-brain-design-with-connecting-dots_1048-6319.jpg"
            },
            {
              id: "3",              category: "Cognition",              title: "Memory and Learning Augmentation",              description: "Neurolink technology shows promise in enhancing memory formation and cognitive processing through targeted neural stimulation protocols.",              imageSrc: "https://img.b2bpic.net/free-vector/technology-background_23-2148116476.jpg"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Learn more about neurolink chip technology and its implications"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How does neurolink achieve such high signal accuracy?",              content: "Neurolink employs thousands of microelectrodes with individual signal amplifiers and filtering circuits. Each electrode can detect neural activity at the single-unit level, and advanced machine learning algorithms enhance signal-to-noise ratios by analyzing patterns across the entire array simultaneously."
            },
            {
              id: "2",              title: "Is neurolink safe for long-term implantation?",              content: "Extensive biocompatibility testing using titanium nitride coating and biological polymer layers ensures minimal inflammatory response. Clinical trials have demonstrated stable performance over extended periods with careful surgical placement and tissue integration protocols."
            },
            {
              id: "3",              title: "What is the primary application focus?",              content: "Current development prioritizes treating severe neurological disorders, spinal cord injuries, and movement disabilities. Future applications include cognitive enhancement and direct brain-computer communication interfaces for individuals with locked-in syndrome."
            },
            {
              id: "4",              title: "How is neural data processed in real-time?",              content: "Specialized DSP (digital signal processing) chips handle initial filtering and amplification. Data is then transmitted wirelessly to external processors running deep learning models that decode neural intent into actionable commands with minimal latency."
            },
            {
              id: "5",              title: "What are the ethical considerations?",              content: "Neurolink development adheres to strict ethical guidelines including informed consent protocols, privacy safeguards for neural data, and oversight from institutional review boards. Ongoing research addresses concerns about neural autonomy and cognitive privacy."
            },
            {
              id: "6",              title: "How does neurolink differ from existing BCI technology?",              content: "Neurolink offers superior signal resolution through higher electrode density, improved biocompatibility through advanced materials, and significantly reduced surgical invasiveness compared to traditional electrode arrays and earlier-generation interfaces."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get Involved in the Future"
          description="Connect with our research team to learn more about neurolink technology, research opportunities, or collaboration inquiries."
          inputs={[
            { name: "name", type: "text", placeholder: "Your name", required: true },
            { name: "email", type: "email", placeholder: "Email address", required: true },
            { name: "institution", type: "text", placeholder: "Institution or organization", required: false }
          ]}
          textarea={{ name: "message", placeholder: "Tell us about your interest in neurolink research", rows: 5, required: true }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-vector/abstract-artificial-intelligence-background_23-2147738874.jpg"
          mediaPosition="right"
          buttonText="Send Inquiry"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="neurolink"
        />
      </div>
    </ThemeProvider>
  );
}