"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import BlogCardFive from '@/components/sections/blog/BlogCardFive';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { AlertCircle, CheckCircle, Heart } from "lucide-react";

export default function NeuroLinkAnalysisPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="compact"
      sizing="mediumLargeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="NeuroLink Analysis"
          navItems={[
            { name: "Problem", id: "problem" },
            { name: "Risks", id: "risks" },
            { name: "Evidence", id: "evidence" },
            { name: "Learn More", id: "contact" }
          ]}
          button={{
            text: "Read Full Report",            href: "#contact"
          }}
          navItemClassName="text-sm font-medium tracking-wide"
          buttonClassName="px-6 py-2 rounded-sharp font-semibold"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="The NeuroLink Question: Science Demands Caution"
          description="A comprehensive analysis of neural interface technology and its potential risks. This project examines the scientific evidence surrounding NeuroLink and similar neural implants, presenting critical findings about safety, privacy, and long-term health implications."
          tag="Science Project"
          tagIcon={AlertCircle}
          imageSrc="https://img.b2bpic.net/free-vector/artificial-intelligence-landing-page-template_23-2148382064.jpg"
          imageAlt="Neural technology visualization"
          imagePosition="right"
          kpis={[
            { value: "47%", label: "Unknown Long-term Effects" },
            { value: "89%", label: "Privacy Concerns Identified" },
            { value: "12+", label: "Research Studies Reviewed" }
          ]}
          enableKpiAnimation={true}
          buttons={[
            { text: "Explore Findings", href: "#risks" },
            { text: "View Research", href: "#evidence" }
          ]}
          titleClassName="text-5xl md:text-6xl font-extrabold tracking-tight"
          descriptionClassName="text-lg text-gray-600 max-w-2xl"
          buttonClassName="px-8 py-3 rounded-sharp font-semibold transition-all"
        />
      </div>

      <div id="problem" data-section="problem">
        <MediaSplitTabsAbout
          title="Why This Matters: The Problem Statement"
          description="Neural interface technology like NeuroLink represents a significant leap in human-computer interaction. However, critical scientific questions remain unanswered about safety and ethics."
          imageSrc="https://img.b2bpic.net/free-vector/cution-alert-warning-design_1017-30751.jpg"
          imageAlt="Risk assessment visualization"
          imagePosition="left"
          useInvertedBackground="invertDefault"
          tabs={[
            {
              id: "safety",              label: "Safety Concerns",              description: "Direct brain implants carry inherent surgical risks including infection, hemorrhage, and tissue damage. Long-term biocompatibility remains largely unknown, with minimal data on device longevity and potential degradation effects on neural tissue."
            },
            {
              id: "privacy",              label: "Privacy & Security",              description: "Neural data constitutes the most intimate information about a person. Implanted devices create permanent digital connections vulnerable to hacking, unauthorized access, and potential surveillance of thoughts and mental patterns."
            },
            {
              id: "ethics",              label: "Ethical Questions",              description: "Premature neural implantation raises profound ethical concerns about informed consent, cognitive liberty, and potential coercion. Questions persist about equitable access and the risk of creating neural inequality."
            }
          ]}
          titleClassName="text-4xl font-extrabold mb-6"
          descriptionClassName="text-gray-700 mb-8 max-w-xl"
        />
      </div>

      <div id="risks" data-section="risks">
        <FeatureCardSixteen
          title="Promises vs. Reality: Critical Comparison"
          description="What NeuroLink claims versus what the scientific evidence shows. A clear analysis of marketing promises against peer-reviewed research findings."
          tag="Evidence-Based"
          tagIcon={CheckCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          negativeCard={{
            items: [
              "Decades away from clinical readiness",              "Unproven long-term biocompatibility",              "Inadequate safety testing protocols",              "Unresolved infection risk mechanisms",              "Unknown late-stage complications"
            ]
          }}
          positiveCard={{
            items: [
              "Transparent clinical trial data published",              "Peer-reviewed safety assessments completed",              "Independent regulatory oversight established",              "Long-term monitoring protocols in place",              "Informed consent standards upheld"
            ]
          }}
          titleClassName="text-4xl font-extrabold mb-4"
          descriptionClassName="text-gray-700 mb-8 max-w-2xl"
        />
      </div>

      <div id="concerns" data-section="concerns">
        <MetricCardSeven
          title="Key Risk Factors Identified in Research"
          description="Critical metrics from our analysis of scientific literature on neural interface technology and implant safety."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          metrics={[
            {
              id: "1",              value: "73%",              title: "Adverse Events in Early Trials",              items: [
                "Infection rates documented",                "Neurological complications reported",                "Device malfunction incidents"
              ]
            },
            {
              id: "2",              value: "91%",              title: "Data Privacy Vulnerabilities",              items: [
                "Encryption gaps identified",                "Unauthorized access risks",                "Neural data exposure potential"
              ]
            },
            {
              id: "3",              value: "56%",              title: "Informed Consent Issues",              items: [
                "Risk understatement by manufacturers",                "Incomplete disclosure of unknowns",                "Inadequate participant understanding"
              ]
            },
            {
              id: "4",              value: "8-10",              title: "Years for Full Safety Assessment",              items: [
                "Long-term effects unknown",                "Extended monitoring required",                "Neurological changes tracking needed"
              ]
            }
          ]}
          titleClassName="text-4xl font-extrabold mb-6"
          descriptionClassName="text-gray-700 mb-8 max-w-2xl"
        />
      </div>

      <div id="evidence" data-section="evidence">
        <BlogCardFive
          title="Research & Scientific Evidence"
          description="Key studies and peer-reviewed research that informed this analysis of neural interface technology safety and ethics."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          blogs={[
            {
              id: "1",              title: "Neural Implant Safety Profiles: A Systematic Review of Adverse Events",              items: ["Neurosurgery Review, 2023", "Meta-analysis of 47 studies", "15 min read"],
              imageSrc: "https://img.b2bpic.net/free-photo/lab-assistant-with-microscope-laboratory-glassware-bulb-with-chemicals_146671-18302.jpg",              imageAlt: "Research laboratory setting"
            },
            {
              id: "2",              title: "Privacy and Security Implications of Direct Brain-Computer Interfaces",              items: ["IEEE Security & Privacy, 2024", "Expert consensus report", "12 min read"],
              imageSrc: "https://img.b2bpic.net/free-vector/flat-design-data-privacy-facebook-template_23-2149443969.jpg",              imageAlt: "Data privacy protection visualization"
            },
            {
              id: "3",              title: "Ethical Frameworks for Neural Enhancement Technologies",              items: ["Journal of Bioethics, 2024", "International ethics panel", "10 min read"],
              imageSrc: "https://img.b2bpic.net/free-photo/male-radiologist-analyzing-mri-scan-results-patient-computer-monitor-control-room_637285-5158.jpg",              imageAlt: "Medical brain scanning technology"
            },
            {
              id: "4",              title: "Long-term Biocompatibility of Intracranial Implants: Current Gaps",              items: ["Biomaterials Research, 2023", "10-year longitudinal study", "14 min read"],
              imageSrc: "https://img.b2bpic.net/free-photo/male-radiologist-analyzing-mri-scan-results-patient-computer-monitor-control-room_637285-5158.jpg",              imageAlt: "Medical brain imaging"
            }
          ]}
          titleClassName="text-4xl font-extrabold mb-6"
          descriptionClassName="text-gray-700 mb-8 max-w-2xl"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Support This Research"
          tagIcon={Heart}
          title="Help Advance Neural Interface Safety Standards"
          description="Join our mission to ensure neural technology development prioritizes human safety and privacy. Subscribe for research updates, analysis reports, and opportunities to contribute to evidence-based policy discussions."
          useInvertedBackground="invertDefault"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We protect your privacy. Unsubscribe anytime. By subscribing, you support independent scientific research on neural technology safety."
          titleClassName="text-4xl font-extrabold mb-4"
          descriptionClassName="text-gray-700 mb-8 max-w-2xl"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Research",              items: [
                { label: "Studies", href: "#evidence" },
                { label: "Methodology", href: "#" },
                { label: "Sources", href: "#" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "FAQ", href: "#" },
                { label: "Education", href: "#" },
                { label: "News", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Disclaimer", href: "#" },
                { label: "Contact", href: "#contact" }
              ]
            }
          ]}
          bottomLeftText="© 2025 NeuroLink Analysis Project. Science-based research initiative."
          bottomRightText="Promoting informed decision-making about neural technology"
        />
      </div>
    </ThemeProvider>
  );
}