"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Brain, Mail, Zap } from "lucide-react";

export default function NeuroShieldPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="largeSmall"
      background="floatingGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="NeuroShield"
          navItems={[
            { name: "About", id: "about" },
            { name: "Features", id: "features" },
            { name: "Research", id: "research" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="A Safer Alternative to Neurolink"
          description="Introducing NeuroShield: An ethical, non-invasive neurotechnology research project designed to advance brain-computer interface science responsibly."
          tag="Science Project"
          tagIcon={Zap}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/back-view-man-patient-wearing-performant-brainwave-scanning-headset-sitting-neurological-research-laboratory-while-medical-researcher-adjusting-it-examining-nervous-system-typing-tablet_482257-16484.jpg",              imageAlt: "Advanced neuroscience research visualization"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/back-view-woman-patient-wearing-performant-eeg-headset-sitting-chair-neurological-research-laboratory-while-medical-researcher-adjusting-it-examining-nervous-system-typing-tablet_482257-13106.jpg",              imageAlt: "Laboratory research environment"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-vector/bright-green-technology-background_1035-4679.jpg",              imageAlt: "Neural network technology"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/abstract-futuristic-digital-technology-background_53876-104787.jpg",              imageAlt: "Brain protection technology"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-vector/blue-background-abstract-lines-with-dots_1035-4449.jpg",              imageAlt: "Data analysis research"
            }
          ]}
          buttons={[
            { text: "Explore Our Research", href: "#features" },
            { text: "Learn More", href: "#about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Why NeuroShield?"
          description="Ethical neurotechnology research that prioritizes safety and scientific integrity"
          tabs={[
            {
              id: "safety",              label: "Non-Invasive",              description: "Our research uses advanced non-invasive neuroimaging and biosensing technologies. We eliminate risks associated with surgical implants while maintaining scientific rigor and data accuracy."
            },
            {
              id: "ethics",              label: "Ethical Foundation",              description: "Every aspect of NeuroShield is built on transparent ethical guidelines. We maintain strict institutional review board compliance and prioritize user consent and privacy above all."
            },
            {
              id: "innovation",              label: "Innovation",              description: "We advance brain-computer interface technology through rigorous peer-reviewed research, collaborative studies, and open scientific discourse. Our approach proves alternatives exist."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/back-view-woman-patient-wearing-performant-eeg-headset-sitting-chair-neurological-research-laboratory-while-medical-researcher-adjusting-it-examining-nervous-system-typing-tablet_482257-13106.jpg"
          imageAlt="NeuroShield research laboratory"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardEight
          title="Our Research Areas"
          description="Comprehensive neurotechnology research addressing key scientific challenges"
          tag="Core Research"
          tagIcon={Brain}
          features={[
            {
              id: 1,
              title: "Non-Invasive Brain Imaging",              description: "Advanced fMRI and EEG technologies combined with machine learning for unprecedented neural mapping resolution and real-time analysis capabilities.",              imageSrc: "https://img.b2bpic.net/free-vector/bright-green-technology-background_1035-4679.jpg"
            },
            {
              id: 2,
              title: "Neural Interface Safety",              description: "Comprehensive biocompatibility research and long-term safety protocols ensuring user protection. No surgical implantation required for meaningful results.",              imageSrc: "https://img.b2bpic.net/free-photo/abstract-futuristic-digital-technology-background_53876-104787.jpg"
            },
            {
              id: 3,
              title: "Data Privacy & Security",              description: "End-to-end encryption and decentralized data storage protecting neural information. Users maintain complete control over their brain data at all times.",              imageSrc: "https://img.b2bpic.net/free-vector/blue-background-abstract-lines-with-dots_1035-4449.jpg"
            },
            {
              id: 4,
              title: "Ethical AI Integration",              description: "Transparent AI algorithms for neural data interpretation. All models undergo rigorous testing and independent verification for bias and accuracy.",              imageSrc: "https://img.b2bpic.net/free-vector/bright-green-technology-background_1035-4679.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Research Impact"
          description="Demonstrating the scale and credibility of NeuroShield's scientific work"
          tag="Statistics"
          metrics={[
            { id: "1", value: "47+", description: "Peer-reviewed publications" },
            { id: "2", value: "12", description: "Institutional partnerships" },
            { id: "3", value: "500+", description: "Research participants" },
            { id: "4", value: "99.8%", description: "Data accuracy rate" }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Expert Endorsements"
          description="Recognition from leading neuroscientists and researchers worldwide"
          tag="Testimonials"
          testimonials={[
            {
              id: "1",              name: "Dr. Sarah Chen, Director of Neuroscience, MIT",              date: "Date: 15 November 2024",              title: "A breakthrough in ethical neurotechnology",              quote: "NeuroShield represents exactly what the neuroscience community needs—rigorous research without compromising ethical standards. Their non-invasive approach could revolutionize the field.",              tag: "Research Lead",              avatarSrc: "https://img.b2bpic.net/free-photo/front-view-doctor-wearing-lab-coat_23-2149551157.jpg",              imageSrc: "https://img.b2bpic.net/free-vector/bright-green-technology-background_1035-4679.jpg"
            },
            {
              id: "2",              name: "Prof. James Mitchell, Bioethicist, Stanford",              date: "Date: 10 November 2024",              title: "Setting new ethical standards",              quote: "What impresses me most is their commitment to transparency and user consent. This is how responsible AI and neurotechnology should be developed.",              tag: "Ethics Council",              avatarSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-scientist_23-2148969947.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/abstract-futuristic-digital-technology-background_53876-104787.jpg"
            },
            {
              id: "3",              name: "Dr. Emily Rodriguez, Neurotechnology Researcher, Harvard",              date: "Date: 8 November 2024",              title: "Superior scientific methodology",              quote: "Their research protocols are exceptional. The non-invasive framework doesn't compromise data quality—it actually improves it by eliminating surgical complications.",              tag: "Research Partner",              avatarSrc: "https://img.b2bpic.net/free-photo/medium-shot-doctor-wearing-goggles_23-2148816203.jpg",              imageSrc: "https://img.b2bpic.net/free-vector/blue-background-abstract-lines-with-dots_1035-4449.jpg"
            },
            {
              id: "4",              name: "Prof. Michael Torres, Regulatory Affairs, Johns Hopkins",              date: "Date: 5 November 2024",              title: "Leading regulatory compliance",              quote: "NeuroShield's commitment to institutional oversight and regulatory compliance is exemplary. They prove that innovation and safety aren't mutually exclusive.",              tag: "Regulatory Expert",              avatarSrc: "https://img.b2bpic.net/free-photo/medium-shot-doctor-wearing-lab-coat_23-2149551158.jpg",              imageSrc: "https://img.b2bpic.net/free-vector/bright-green-technology-background_1035-4679.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Everything you need to know about NeuroShield research"
          tag="Questions"
          faqs={[
            {
              id: "1",              title: "How does NeuroShield differ from Neurolink?",              content: "Unlike Neurolink's invasive brain implant approach, NeuroShield uses non-invasive neuroimaging and biosensing technologies. We achieve comparable neural data without surgical risks, maintaining complete ethical oversight and user privacy."
            },
            {
              id: "2",              title: "Is the technology safe?",              content: "Yes. NeuroShield exclusively uses FDA-approved non-invasive technologies like advanced EEG and fMRI. All research follows strict institutional review board protocols with comprehensive safety monitoring throughout participation."
            },
            {
              id: "3",              title: "What happens to my neural data?",              content: "Your neural data is protected with military-grade encryption and stored on decentralized servers. You maintain complete control and can withdraw your data at any time. We never sell or share data without explicit written consent."
            },
            {
              id: "4",              title: "How can I participate in the research?",              content: "Participation is straightforward and safe. Initial screening involves a simple questionnaire. Selected participants undergo non-invasive baseline measurements and regular follow-ups. You can withdraw at any point without penalty."
            },
            {
              id: "5",              title: "Are results independently verified?",              content: "Absolutely. All our research undergoes independent peer review and is published in top-tier neuroscience journals. We also participate in external audits and maintain transparency with regulatory bodies."
            },
            {
              id: "6",              title: "What are the long-term goals?",              content: "We aim to establish non-invasive brain-computer interfaces as the safe standard for neurotechnology research. Our goal is to prove that ethical, transparent research can achieve superior scientific outcomes while protecting human subjects."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get Involved"
          title="Join the Future of Ethical Neuroscience"
          description="Whether you're a researcher, participant, or neurotechnology enthusiast, we'd love to hear from you. Learn more about our groundbreaking non-invasive research."
          tagIcon={Mail}
          inputPlaceholder="Enter your email"
          buttonText="Join Our Research"
          termsText="We respect your privacy. Your information will only be used for research updates and participation inquiries."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="NeuroShield"
          columns={[
            {
              title: "Research",              items: [
                { label: "Our Technology", href: "#features" },
                { label: "Publications", href: "#" },
                { label: "Methodology", href: "#about" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Team", href: "#" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "FAQ", href: "#faq" },
                { label: "Blog", href: "#" },
                { label: "Ethics", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms", href: "#" },
                { label: "Compliance", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 NeuroShield | Ethical Neurotechnology Research"
        />
      </div>
    </ThemeProvider>
  );
}