"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="glass-depth"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="NeuroLink"
          navItems={[
            {"name": "Overview", "id": "hero"},
            {"name": "Technology", "id": "about"},
            {"name": "Features", "id": "features"},
            {"name": "Applications", "id": "products"},
            {"name": "FAQ", "id": "faq"}
          ]}
          button={{
            "text": "Learn More",            "href": "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="NeuroLink"
          description="Advanced neural interface technology designed to bridge the gap between human cognition and digital systems. Explore the future of brain-computer interaction."
          buttons={[
            {"text": "Discover Technology", "href": "#about"},
            {"text": "View Research", "href": "#features"}
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-vector/abstract-artificial-intelligence-background_23-2147738874.jpg"
          imageAlt="NeuroLink neural interface chip technology"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Revolutionary Neural Interface Technology"
          description="NeuroLink represents a breakthrough in neurotechnology, combining advanced microelectronics with biocompatible materials to create seamless brain-computer interfaces. Our research demonstrates unprecedented precision in neural signal detection and processing, opening new frontiers in cognitive enhancement and medical applications."
          tag="About NeuroLink"
          buttons={[
            {"text": "Learn More", "href": "#features"}
          ]}
          imageSrc="https://img.b2bpic.net/free-vector/abstract-background-design_1009-360.jpg"
          imageAlt="Neurotechnology research laboratory"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyOne
          title="Key Technologies"
          description="NeuroLink's architecture combines cutting-edge microelectronics with biomedical engineering to achieve unprecedented neural interface capabilities."
          tag="Features"
          accordionItems={[
            {
              "id": "1",              "title": "Precision Neural Mapping",              "content": "Advanced signal processing algorithms enable real-time mapping of neural activity with micron-level precision, allowing accurate detection and interpretation of brain signals."
            },
            {
              "id": "2",              "title": "Biocompatible Design",              "content": "Materials engineered for long-term implantation with minimal immune response, ensuring durability and safety for extended neural interface applications."
            },
            {
              "id": "3",              "title": "Low-Power Architecture",              "content": "Energy-efficient processing systems designed to minimize power consumption while maintaining high-fidelity neural signal capture and transmission."
            },
            {
              "id": "4",              "title": "Wireless Connectivity",              "content": "Secure, low-latency wireless protocols enable real-time data transmission and remote monitoring capabilities for seamless integration with external systems."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/microprocessor-with-brain_1134-207.jpg"
          imageAlt="Precision microchip engineering"
          useInvertedBackground="noInvert"
          mediaPosition="left"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="NeuroLink Applications"
          description="Explore the diverse applications and implementations of NeuroLink neural interface technology across medical and enhancement domains."
          tag="Applications"
          products={[
            {
              "id": "1",              "brand": "NeuroLink",              "name": "Medical Neural Interface",              "price": "Clinical Grade",              "rating": 5,
              "reviewCount": "FDA Approved",              "imageSrc": "https://img.b2bpic.net/free-photo/doctor-performing-medical-research-lab_23-2149335665.jpg",              "imageAlt": "Medical neural interface device"
            },
            {
              "id": "2",              "brand": "NeuroLink",              "name": "Neural Signal Processor",              "price": "Research Platform",              "rating": 5,
              "reviewCount": "Lab Tested",              "imageSrc": "https://img.b2bpic.net/free-photo/scientist-working-laboratory-analysing-test-trial-vaccine-checking-drug-data-standing-front-pc_482257-515.jpg",              "imageAlt": "Neural signal processing system"
            },
            {
              "id": "3",              "brand": "NeuroLink",              "name": "Microelectrode Array",              "price": "Advanced Tech",              "rating": 5,
              "reviewCount": "Cutting Edge",              "imageSrc": "https://img.b2bpic.net/free-photo/person-wearing-virtual-reality-goggles-holding-transparent-mannequin_181624-8864.jpg",              "imageAlt": "Advanced microelectrode array technology"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Learn more about NeuroLink technology, safety, applications, and research."
          tag="FAQ"
          faqs={[
            {
              "id": "1",              "title": "How does NeuroLink neural mapping work?",              "content": "NeuroLink uses advanced microelectrode arrays to detect electrical signals generated by neurons. These signals are processed through specialized algorithms that map neural activity in real-time, allowing precise interpretation of brain signals for various applications."
            },
            {
              "id": "2",              "title": "Is NeuroLink technology safe for implantation?",              "content": "Yes. All NeuroLink devices are designed with biocompatible materials and undergo rigorous safety testing. Our materials minimize immune response and are engineered for long-term implantation with FDA approval for medical applications."
            },
            {
              "id": "3",              "title": "What are the primary applications of NeuroLink?",              "content": "NeuroLink has applications in medical rehabilitation, prosthetic control, cognitive enhancement, neurological research, and mental health treatment. Current focus areas include stroke recovery and motor control restoration."
            },
            {
              "id": "4",              "title": "How long does the device last?",              "content": "NeuroLink devices are designed for long-term implantation with lifespan estimates exceeding 10+ years depending on usage patterns. Battery performance and material degradation are continuously monitored."
            },
            {
              "id": "5",              "title": "What is the latency of neural signal transmission?",              "content": "NeuroLink achieves sub-millisecond latency for neural signal detection and wireless transmission, enabling real-time brain-computer interaction suitable for responsive prosthetic control and cognitive applications."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-vector/artificial-intelligence-landing-page-template_23-2148340529.jpg"
          imageAlt="Neural research laboratory"
          mediaPosition="right"
          useInvertedBackground="noInvert"
          animationType="smooth"
          textboxLayout="default"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Connect"
          title="Join the NeuroLink Research Community"
          description="Stay updated on breakthrough developments in neural interface technology. Subscribe to our newsletter for research updates, project milestones, and scientific breakthroughs."
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-vector/artificial-intelligence-landing-page-template_23-2148382064.jpg"
          imageAlt="Innovation and future technology"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time. By subscribing, you agree to receive updates about NeuroLink research and innovation."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="NeuroLink"
          columns={[
            {
              "title": "Product",              "items": [
                {"label": "Technology", "href": "#about"},
                {"label": "Features", "href": "#features"},
                {"label": "Applications", "href": "#products"}
              ]
            },
            {
              "title": "Research",              "items": [
                {"label": "Publications", "href": "#"},
                {"label": "Patents", "href": "#"},
                {"label": "Clinical Trials", "href": "#"}
              ]
            },
            {
              "title": "Resources",              "items": [
                {"label": "FAQ", "href": "#faq"},
                {"label": "Documentation", "href": "#"},
                {"label": "Contact", "href": "#contact"}
              ]
            },
            {
              "title": "Company",              "items": [
                {"label": "About", "href": "#about"},
                {"label": "Team", "href": "#"},
                {"label": "Careers", "href": "#"}
              ]
            }
          ]}
          copyrightText="© 2025 NeuroLink. All rights reserved. Science Project."
        />
      </div>
    </ThemeProvider>
  );
}