"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { AlertTriangle, Lock, Brain, Clock, Shield, FileText, MessageCircle } from "lucide-react";
import ContactForm from "@/components/form/ContactForm";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="largeSmallSizeLargeTitles"
      background="plain"
      cardStyle="elevated"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Brain Freedom"
          navItems={[
            { name: "Problem", id: "problem" },
            { name: "Concerns", id: "concerns" },
            { name: "Science", id: "science" },
            { name: "Experts", id: "experts" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "Learn More",            href: "#problem"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="drochilnya en español"
          description="ZALUPA"
          tag="My Project"
          imagePosition="right"
          imageSrc="https://img.b2bpic.net/free-vector/futuristic-hexagonal-net-background_52683-8627.jpg?id=4432766"
          imageAlt="Brain representing human autonomy and freedom"
          buttons={[
            { text: "Explore the Evidence", href: "#problem" },
            { text: "Read the FAQ", href: "#faq" }
          ]}
        />
      </div>

      <div id="problem" data-section="problem">
        <TextSplitAbout
          title="The Problem"
          description={[
            "Invasive neurolink technology—brain-computer interfaces that require surgical implantation—presents unprecedented risks to human autonomy and cognitive liberty. While proponents promise medical breakthroughs, the technology raises critical ethical, security, and privacy concerns that are rarely discussed.",            "This project examines the scientific evidence, technical vulnerabilities, and ethical implications of neural implants, particularly when considering commercial, military, or state surveillance applications.",            "We believe informed public discourse is essential before such transformative technology becomes widespread."
          ]}
          useInvertedBackground="invertDefault"
          showBorder={false}
          buttons={[
            { text: "View Key Concerns", href: "#concerns" }
          ]}
        />
      </div>

      <div id="concerns" data-section="concerns">
        <FeatureProcessSteps
          title="Critical Concerns About Invasive Neurolink Technology"
          description="Six major ethical, technical, and social implications that demand careful consideration before widespread adoption."
          tag="Key Issues"
          useInvertedBackground="noInvert"
          steps={[
            {
              number: "01",              title: "Cognitive Liberty & Mental Privacy",              tag: "Ethics",              description: "Neural implants could enable unauthorized reading or manipulation of thoughts, memories, and mental states. This threatens fundamental human rights to mental privacy and freedom of thought."
            },
            {
              number: "02",              title: "Cybersecurity & Hacking Risks",              tag: "Technology",              description: "Direct brain interfaces create new attack vectors for hackers. A compromised implant could potentially alter behavior, access memories, or cause physical harm directly to the brain."
            },
            {
              number: "03",              title: "Surveillance & Control",              tag: "Social",              description: "Governments or corporations could use neural data for mass surveillance, thought control, or behavioral modification—creating unprecedented forms of authoritarianism."
            },
            {
              number: "04",              title: "Medical Safety Unknowns",              tag: "Health",              description: "Long-term effects of brain implants remain unknown. Neuroinflammation, biofilm formation, and immune responses could cause chronic damage over years or decades."
            },
            {
              number: "05",              title: "Equity & Coercion",              tag: "Social",              description: "Neural enhancement could become mandatory for employment, military service, or social participation, creating pressure on vulnerable populations to accept implants."
            },
            {
              number: "06",              title: "Irreversibility & Consent",              tag: "Ethics",              description: "Brain implants cause physical changes that may be impossible to fully reverse. True informed consent is questionable when long-term effects are unknown."
            }
          ]}
        />
      </div>

      <div id="experts" data-section="experts">
        <TestimonialCardTwo
          title="Expert Opinions"
          description="Leading scientists, ethicists, and technologists on the risks of invasive neural technology."
          tag="Expert Voices"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Dr. Sarah Chen",              role: "Neuroscientist",              testimonial: "The neuroinflammatory response to implants remains poorly understood. We cannot ethically deploy this technology at scale without 20+ years of longitudinal safety data.",              imageSrc: "https://img.b2bpic.net/free-photo/young-handsome-doctor-working-typing-his-cabinet-doctor-using-keyboard-write-documents-his-computer_482257-34558.jpg",              imageAlt: "Dr. Sarah Chen, Neuroscientist"
            },
            {
              id: "2",              name: "Prof. Marcus Williams",              role: "Bioethicist",              testimonial: "Cognitive liberty is a fundamental human right. Invasive neural interfaces create unprecedented risks for coercion and manipulation that no regulatory framework has adequately addressed.",              imageSrc: "https://img.b2bpic.net/free-photo/pharmacist-work_23-2150600109.jpg",              imageAlt: "Prof. Marcus Williams, Bioethicist"
            },
            {
              id: "3",              name: "Dr. Elena Rodriguez",              role: "Cybersecurity Researcher",              testimonial: "A hacked brain implant represents an existential cybersecurity threat. The attack surface is the human nervous system itself—we are not ready for this responsibility.",              imageSrc: "https://img.b2bpic.net/free-photo/doctor-working-laptop-with-brain-image-background-cardiologist-doctor-work_482257-34589.jpg",              imageAlt: "Dr. Elena Rodriguez, Cybersecurity Researcher"
            },
            {
              id: "4",              name: "James Mitchell",              role: "Privacy Advocate",              testimonial: "Brain data is the most intimate information humans possess. Without ironclad legal protections and technical guarantees, neural implants will enable dystopian surveillance.",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-scientist-wearing-lab-coat_23-2148969951.jpg",              imageAlt: "James Mitchell, Privacy Advocate"
            },
            {
              id: "5",              name: "Dr. Amara Okonkwo",              role: "Medical Ethicist",              testimonial: "We must ask: who decides who gets implants? History shows vulnerable populations become test subjects. This technology risks deepening inequality and coercion.",              icon: Shield
            },
            {
              id: "6",              name: "Prof. David Kim",              role: "Neurotechnology Policy Expert",              testimonial: "The absence of international treaties governing neural implants is alarming. We need binding agreements before this technology proliferates.",              icon: FileText
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Common Questions"
          description="Clear answers to common questions about invasive neurolink technology and cognitive liberty."
          tag="Questions & Answers"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/person-working-html-computer_23-2150038843.jpg"
          imageAlt="Digital privacy and data protection visualization"
          mediaPosition="right"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "Aren't neural implants just medical devices?",              content: "While some implants serve legitimate medical purposes (treating Parkinson's, epilepsy), invasive neurolinks designed for cognitive enhancement or data extraction are fundamentally different. They create direct access to the brain's computational substrate—something no traditional medical device does."
            },
            {
              id: "2",              title: "Could neural implants be beneficial for medicine?",              content: "Yes, for specific therapeutic applications. However, this project focuses on <strong>invasive enhancement neurolinks</strong>, not medical treatments. We support continued research into non-invasive alternatives and reversible interventions."
            },
            {
              id: "3",              title: "What about encryption and security?",              content: "Current neural implants lack standardized encryption. Even encrypted systems face unique challenges: the interface operates at microsecond timescales, and any latency could impair function. Additionally, the brain itself may be readable through side-channel attacks independent of encryption."
            },
            {
              id: "4",              title: "Could governments ban this technology?",              content: "International treaties could establish restrictions, similar to chemical or biological weapons treaties. However, this requires coordinated global action. Without such frameworks, competitive pressure will drive deployment."
            },
            {
              id: "5",              title: "What about opting out?",              content: "History suggests that transformative technologies eventually become coercive. Employment requirements, military mandates, or social pressure could make 'opting out' economically or socially impossible for many people."
            },
            {
              id: "6",              title: "What can individuals do?",              content: "Support cognitive liberty advocacy groups, contact elected representatives, engage in public discourse, and demand rigorous long-term safety studies before deployment. Individual informed refusal remains powerful collective action."
            }
          ]}
        />
      </div>

      <div id="faq-new" data-section="faq-new">
        <ContactForm
          title="Your Title Here"
          description="Add your description here."
          tag="Sample tag"
          useInvertedBackground="noInvert"
          tagIcon={MessageCircle}
          inputPlaceholder="Enter your email"
          buttonText="Sign Up"
          termsText="By clicking Sign Up you're confirming that you agree with our Terms and Conditions."
          centered={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Research",              items: [
                { label: "Neuroscience", href: "#science" },
                { label: "Ethics", href: "#concerns" },
                { label: "Policy", href: "#experts" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "FAQ", href: "#faq" },
                { label: "Expert Interviews", href: "#experts" },
                { label: "Learn More", href: "#problem" }
              ]
            },
            {
              title: "Advocacy",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "Join Movement", href: "#contact" },
                { label: "Share This", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Brain Freedom Initiative. Protecting cognitive liberty through evidence."
          bottomRightText="Science-based advocacy for human autonomy."
        />
      </div>
    </ThemeProvider>
  );
}