"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Sparkles, Target, Zap, TrendingUp, Award, Linkedin, Github, Twitter } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="mediumSmall"
      sizing="mediumLarge"
      background="aurora"
      cardStyle="gradient-bordered"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="NeuroLink"
          navItems={[
            { name: "About", id: "about" },
            { name: "Technology", id: "features" },
            { name: "Metrics", id: "metrics" },
            { name: "Insights", id: "testimonial" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Science First"
          bottomRightText="research@neurolink.dev"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="The Future of Neural Science"
          description="Revolutionary insights into brain-computer interaction through cutting-edge neurotechnology research"
          tag="Science Innovation"
          tagIcon={Sparkles}
          buttons={[
            { text: "Explore Research", href: "features" },
            { text: "Learn More", href: "about" }
          ]}
          imageSrc="https://img.b2bpic.net/free-vector/technology-background_23-2148116476.jpg"
          imageAlt="Neural brain illustration representing neurotechnology"
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Our Mission"
          tagIcon={Target}
          title="Advancing Understanding of Neural Dynamics"
          description="We are dedicated to groundbreaking research in neurotechnology and brain-computer interfaces. Our multidisciplinary team combines expertise in neuroscience, engineering, and computer science to unlock the potential of neural data analysis and develop transformative applications that bridge the gap between biological systems and technology."
          metrics={[
            { value: "500+", title: "Hours of Neural Data Analyzed" },
            { value: "98%", title: "Detection Accuracy" }
          ]}
          imageSrc="https://img.b2bpic.net/free-vector/low-poly-brain-design-with-connecting-dots_1048-5757.jpg"
          imageAlt="Advanced neuroscience research laboratory"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNineteen
          title="Our Research Process"
          description="A systematic approach to neural data collection, analysis, and application"
          tag="Methodology"
          tagIcon={Zap}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              tag: "Data Collection",              title: "Signal Acquisition",              subtitle: "Advanced sensor technology captures neural signals with unprecedented precision",              description: "Our state-of-the-art equipment acquires neural signals from multiple brain regions simultaneously, ensuring comprehensive data capture with minimal noise and maximum temporal resolution for accurate analysis.",              imageSrc: "https://img.b2bpic.net/free-vector/low-poly-brain-design-with-connecting-dots_1048-6319.jpg"
            },
            {
              id: 2,
              tag: "Processing",              title: "Neural Analysis",              subtitle: "Sophisticated algorithms decode complex brain patterns",              description: "Machine learning models process vast amounts of neural data to identify patterns, decode intentions, and extract meaningful insights about brain activity and cognitive processes.",              imageSrc: "https://img.b2bpic.net/free-vector/science-template_1319-66.jpg"
            },
            {
              id: 3,
              tag: "Application",              title: "Interface Development",              subtitle: "Translating science into practical technology solutions",              description: "We develop intuitive brain-computer interfaces that allow direct communication between neural systems and external devices, enabling new forms of human-computer interaction and therapeutic applications.",              imageSrc: "https://img.b2bpic.net/free-vector/landing-page-artificial-intelligence-template_23-2148336212.jpg"
            }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Research Hardware"
          description="Precision instruments designed for neural signal acquisition and analysis"
          tag="Innovation"
          tagIcon={Zap}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              name: "Neural Acquisition Module",              price: "Research Grade",              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-reaching-her-headphones-multitasking_482257-117033.jpg",              imageAlt: "Neural acquisition headset device"
            },
            {
              id: "2",              name: "Signal Processing Unit",              price: "Advanced Analysis",              imageSrc: "https://img.b2bpic.net/free-photo/woman-enjoys-sport-outs-wireless-headphones-listening-music-training-wears-t-shirt-poses-outdoor-blurred_273609-54066.jpg",              imageAlt: "Signal processing technology interface"
            },
            {
              id: "3",              name: "Neural Interface Platform",              price: "Integrated System",              imageSrc: "https://img.b2bpic.net/free-photo/woman-going-have-yoga-practive-outdoor-goes-gymnastic-studio-does-sport-alone-downtown-quarantine-returns-physical-activity-after-self-isolation-listens-popular-music_273609-54038.jpg",              imageAlt: "Complete neural interface platform"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Research Impact"
          description="Key metrics demonstrating the scale and effectiveness of our neural research"
          tag="Results"
          tagIcon={TrendingUp}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="four-items-2x2-equal-grid"
          metrics={[
            {
              id: "1",              value: "15+",              title: "Years of Neural Research",              items: ["Peer-reviewed publications", "International collaborations", "Breakthrough discoveries"]
            },
            {
              id: "2",              value: "98%",              title: "Signal Detection Accuracy",              items: ["Advanced algorithms", "Real-time processing", "Multi-modal integration"]
            },
            {
              id: "3",              value: "50+",              title: "Active Research Projects",              items: ["Clinical applications", "Brain-computer interfaces", "Therapeutic innovations"]
            },
            {
              id: "4",              value: "200+",              title: "Research Publications",              items: ["Top-tier journals", "Global recognition", "Knowledge sharing"]
            }
          ]}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardOne
          title="Expert Recognition"
          description="Insights from leading researchers and scientists in neurotechnology"
          tag="Voices"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          testimonials={[
            {
              id: "1",              name: "Dr. Sarah Mitchell",              role: "Lead Neuroscientist",              company: "Neural Research Institute",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-doctor-wearing-lab-coat_23-2149551157.jpg",              imageAlt: "Portrait of Dr. Sarah Mitchell"
            },
            {
              id: "2",              name: "Prof. James Chen",              role: "Brain-Computer Interface Expert",              company: "Technology University",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-scientist_23-2148969947.jpg",              imageAlt: "Portrait of Prof. James Chen"
            },
            {
              id: "3",              name: "Dr. Elena Rodriguez",              role: "Clinical Neurotechnology",              company: "Medical Research Center",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-doctor-wearing-lab-coat_23-2149551158.jpg",              imageAlt: "Portrait of Dr. Elena Rodriguez"
            },
            {
              id: "4",              name: "Prof. David Kumar",              role: "Computational Neuroscience",              company: "Advanced Research Lab",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-doctor-wearing-goggles_23-2148816203.jpg",              imageAlt: "Portrait of Prof. David Kumar"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Common Questions"
          sideDescription="Essential information about our neurotechnology research and applications"
          textPosition="left"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What is neural signal acquisition?",              content: "Neural signal acquisition is the process of recording electrical activity from neurons and brain tissue using specialized electrodes and amplification equipment. This allows researchers to monitor brain activity non-invasively and study neural dynamics in real-time."
            },
            {
              id: "2",              title: "How accurate is the signal detection?",              content: "Our advanced algorithms achieve 98% accuracy in signal detection, utilizing machine learning models trained on thousands of hours of validated neural data. This high accuracy enables reliable brain-computer interface applications."
            },
            {
              id: "3",              title: "What are the clinical applications?",              content: "Potential clinical applications include neural prosthetics for paralyzed patients, treatment for neurological disorders, cognitive enhancement, and new diagnostic tools for brain conditions. Our research continues to expand these possibilities."
            },
            {
              id: "4",              title: "How does the interface work?",              content: "Our brain-computer interface translates neural signals into digital commands through real-time processing. Users can control external devices directly from their neural activity after training with our intuitive calibration system."
            },
            {
              id: "5",              title: "Is the technology safe?",              content: "Safety is our top priority. All equipment undergoes rigorous testing and meets international medical device standards. Non-invasive signal acquisition methods ensure minimal risk to research participants and users."
            },
            {
              id: "6",              title: "How can I get involved in research?",              content: "We welcome collaborations with academic institutions, medical centers, and industry partners. Contact our research team to discuss partnership opportunities or participation in clinical trials."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Connect With Our Research Team"
          description="Have questions about our neurotechnology research? We'd love to hear from you. Reach out to discuss collaborations, research opportunities, or learn more about our innovations."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true },
            { name: "organization", type: "text", placeholder: "Your Organization", required: false }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your research interests or collaboration ideas...",            rows: 5,
            required: true
          }}
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/woman-weraing-suit-using-smartphone_23-2149370558.jpg"
          imageAlt="Contact illustration"
          mediaPosition="right"
          buttonText="Send Message"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="NeuroLink"
          copyrightText="© 2025 NeuroLink Science Project. All rights reserved."
          socialLinks={[
            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
            { icon: Github, href: "https://github.com", ariaLabel: "GitHub" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}