"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Github, Mail, Globe } from "lucide-react";

export default function NeuroLinkPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="largeSmall"
      background="plain"
      cardStyle="glass-depth"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple 
          brandName="NeuroLink"
          navItems={[
            { name: "About", id: "about" },
            { name: "Features", id: "features" },
            { name: "Metrics", id: "metrics" },
            { name: "Technology", id: "technology" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll 
          tag="Advanced Neurotechnology"
          title="The Future of Brain-Computer Interface"
          description="NeuroLink represents a breakthrough in non-invasive neurotechnology, enabling direct communication between the human brain and external systems through revolutionary signal processing algorithms."
          imageSrc="https://img.b2bpic.net/free-vector/landing-page-artificial-intelligence-template_23-2148336212.jpg"
          imageAlt="NeuroLink brain neural interface visualization"
          buttons={[
            {
              text: "Explore Research",              href: "#features"
            },
            {
              text: "View Documentation",              href: "#about"
            }
          ]}
          className="min-h-screen flex items-center justify-center"
          titleClassName="text-6xl md:text-7xl font-light tracking-tight"
          descriptionClassName="text-lg md:text-xl font-light leading-relaxed max-w-2xl"
          tagClassName="text-sm font-medium tracking-widest uppercase"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout 
          tag="About NeuroLink"
          title="Bridging Mind and Machine"
          description="NeuroLink is a comprehensive science project that explores non-invasive brain-computer interfaces. Our research focuses on developing safe, ethical, and accessible technology that respects human autonomy while unlocking new possibilities for communication, control, and cognitive enhancement."
          imageSrc="https://img.b2bpic.net/free-photo/researcher-looking-monitor-analysing-brain-scan-while-coworker-discussing-with-patient-background-about-side-effects-mind-functions-nervous-system-tomography-scan-working-laboratory_482257-13071.jpg"
          imageAlt="NeuroLink laboratory research environment"
          buttons={[
            {
              text: "View Publications",              href: "#contact"
            }
          ]}
          useInvertedBackground="noInvert"
          titleClassName="text-5xl md:text-6xl font-light"
          descriptionClassName="text-lg font-light leading-relaxed"
          tagClassName="text-sm font-medium tracking-widest uppercase text-primary-cta"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardEight 
          tag="How It Works"
          title="NeuroLink Technology Pipeline"
          description="A systematic approach to safe and effective brain-computer integration through rigorous research methodology."
          features={[
            {
              id: 1,
              title: "Signal Acquisition",              description: "Advanced non-invasive EEG sensors capture neural electrical activity with unprecedented precision and real-time processing capabilities.",              imageSrc: "https://img.b2bpic.net/free-photo/female-researcher-with-clipboard-biotechnology-laboratory-male-colleague_23-2148776147.jpg"
            },
            {
              id: 2,
              title: "Safety Protocols",              description: "Multi-layer safety mechanisms ensure user protection, ethical compliance, and reversible operation at every stage of the process.",              imageSrc: "https://img.b2bpic.net/free-vector/shield-check-marks-4-set_78370-1668.jpg"
            },
            {
              id: 3,
              title: "System Integration",              description: "Seamless integration with external devices through our proprietary API, enabling controlled communication and command execution.",              imageSrc: "https://img.b2bpic.net/free-vector/network-server-infographic-template_98292-6782.jpg"
            },
            {
              id: 4,
              title: "Ethical Framework",              description: "Comprehensive ethical guidelines ensuring responsible development, informed consent, and protection of cognitive liberty.",              imageSrc: "https://img.b2bpic.net/free-photo/trust-word-scrabble-tiles_23-2148227724.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          textBoxTitleClassName="text-5xl font-light"
          textBoxDescriptionClassName="text-lg font-light"
          textBoxTagClassName="text-sm font-medium tracking-widest uppercase text-primary-cta"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo 
          tag="Impact & Achievement"
          title="NeuroLink by the Numbers"
          description="Our research achievements and commitment to advancing neurotechnology."
          metrics={[
            {
              id: "1",              value: "99.2%",              description: "Signal Accuracy Rate"
            },
            {
              id: "2",              value: "50ms",              description: "Average Response Latency"
            },
            {
              id: "3",              value: "10+",              description: "Published Research Papers"
            },
            {
              id: "4",              value: "24/7",              description: "Continuous Monitoring"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          textBoxTitleClassName="text-5xl font-light"
          textBoxDescriptionClassName="text-lg font-light"
          textBoxTagClassName="text-sm font-medium tracking-widest uppercase text-primary-cta"
        />
      </div>

      <div id="technology" data-section="technology">
        <ProductCardFour 
          tag="Key Technologies"
          title="NeuroLink Technical Stack"
          description="Cutting-edge components and methodologies powering our breakthrough technology."
          products={[
            {
              id: "1",              name: "Quantum Signal Processing",              price: "Patent Pending",              variant: "Advanced Neural Analysis",              imageSrc: "https://img.b2bpic.net/free-photo/female-researcher-with-clipboard-biotechnology-laboratory-male-colleague_23-2148776147.jpg",              imageAlt: "Quantum signal processing technology",              isFavorited: false
            },
            {
              id: "2",              name: "Adaptive Neural Mapping",              price: "Patent Pending",              variant: "Real-time Brain Imaging",              imageSrc: "https://img.b2bpic.net/free-vector/network-server-infographic-template_98292-6782.jpg",              imageAlt: "Adaptive neural mapping system",              isFavorited: false
            },
            {
              id: "3",              name: "Cognitive Safety Engine",              price: "Patent Pending",              variant: "Multi-layer Protection",              imageSrc: "https://img.b2bpic.net/free-vector/shield-check-marks-4-set_78370-1668.jpg",              imageAlt: "Cognitive safety protocols",              isFavorited: false
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          textBoxTitleClassName="text-5xl font-light"
          textBoxDescriptionClassName="text-lg font-light"
          textBoxTagClassName="text-sm font-medium tracking-widest uppercase text-primary-cta"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter 
          tag="Get Involved"
          title="Join the NeuroLink Research Initiative"
          description="Stay updated with our latest developments, research findings, and educational resources. Subscribe to our newsletter for exclusive insights into the future of brain-computer interfaces."
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy and will never share your information. Unsubscribe anytime."
          titleClassName="text-4xl md:text-5xl font-light"
          descriptionClassName="text-lg font-light max-w-2xl"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard 
          logoText="NeuroLink"
          copyrightText="© 2025 NeuroLink Science Project. All rights reserved."
          socialLinks={[
            {
              icon: Github,
              href: "https://github.com/neurolink",              ariaLabel: "GitHub Repository"
            },
            {
              icon: Mail,
              href: "mailto:research@neurolink.ai",              ariaLabel: "Contact Email"
            },
            {
              icon: Globe,
              href: "https://neurolink.research",              ariaLabel: "Research Website"
            }
          ]}
          logoClassName="text-2xl font-light tracking-tight"
          copyrightTextClassName="text-sm font-light"
        />
      </div>
    </ThemeProvider>
  );
}