"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 FaqDouble from "@/components/sections/faq/FaqDouble";
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
import HeroLogo from "@/components/sections/hero/HeroLogo";
import TimelineProcessFlow from "@/components/cardStack/layouts/timelines/TimelineProcessFlow";
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";

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: "Home", id: "home" }
          ]}
          button={{
            text: "Learn More",            href: "https://google.com"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Revolutionize Your Brain"
          description="Discover the future of cognitive enhancement with Brain Freedom's AI-powered neurotech solutions. Enhance memory, focus, and productivity."
          tag="Neurotech"
          tagIcon={MessageCircle}
          buttons={[
              {
                "text": "Get Started",
                "href": "#"
              },
              {
                "text": "Learn More",
                "href": "#"
              }
            ]}
          imageSrc="https://images.unsplash.com/photo-1526779259212-939e64788e3c?fm=jpg&q=60&w=3000&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8ZnJlZSUyMGltYWdlc3xlbnwwfHwwfHx8MA%3D%3D"
          imageAlt=""
          videoAriaLabel="Hero video"
          ariaLabel="Hero section"
        
          className="bg-black text-white"
          imageWrapperClassName="bg-green-500 text-white p-4 rounded-lg shadow-md space-y-2"/>
      </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">
        <TimelineProcessFlow
          items={[
              {
                "id": "1",
                "content": "Sample content",
                "media": "Sample media",
                "reverse": true
              },
              {
                "id": "2",
                "content": "Sample content",
                "media": "Sample media",
                "reverse": true
              },
              {
                "id": "3",
                "content": "Sample content",
                "media": "Sample media",
                "reverse": true
              },
              {
                "id": "4",
                "content": "Sample content",
                "media": "Sample media",
                "reverse": true
              }
            ]}
          title="Evolution of AI Technology"
          description="Discover the timeline of how AI has transformed our world, from its inception to the present day."
          textboxLayout="default"
          animationType="none"
          tag="Technology"
          tagIcon={MessageCircle}
          buttons={[
              {
                "text": "Get Started",
                "href": "#"
              },
              {
                "text": "Learn More",
                "href": "#"
              }
            ]}
          ariaLabel="Timeline process flow section"
        />
      </div>

      <div id="experts" data-section="experts">
        <TestimonialCardTwo
          title="Expert Voices"
          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
            }
          ]}

          cardClassName="bg-blue-500 text-white shadow-md bg-blue-500 bg-blue-500 aspect-square"
          imageWrapperClassName="rounded-none"/>
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          faqs={[
              {
                "id": "1",
                "title": "How do I get started?",
                "content": "Getting started is easy! Simply sign up for a free account, complete the onboarding process, and you'll be ready to go in minutes."
              },
              {
                "id": "2",
                "title": "What payment methods do you accept?",
                "content": "We accept all major credit cards (Visa, MasterCard, American Express), PayPal, and bank transfers for annual plans."
              },
              {
                "id": "3",
                "title": "Can I cancel my subscription anytime?",
                "content": "Yes, you can cancel your subscription at any time. There are no long-term contracts or cancellation fees."
              },
              {
                "id": "4",
                "title": "Do you offer a free trial?",
                "content": "Yes! We offer a 14-day free trial with full access to all features. No credit card required."
              }
            ]}
          title="Your Title Here"
          description="Add your description here."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Sample tag"
          tagIcon={MessageCircle}
          buttons={[
              {
                "text": "Get Started",
                "href": "#"
              },
              {
                "text": "Learn More",
                "href": "#"
              }
            ]}
          animationType="smooth"
          ariaLabel="FAQ section"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get in Touch"
          title="Join the Conversation"
          description="Subscribe to receive updates on cognitive liberty research, policy developments, and opportunities to support evidence-based discourse on neural technology."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/still-life-illustrating-ethics-concept_23-2149412286.jpg"
          imageAlt="Ethical balance and responsibility visualization"
          mediaPosition="left"
          inputPlaceholder="your@email.com"
          buttonText="Subscribe"
          termsText="We respect your privacy. You can unsubscribe anytime. Your data supports cognitive liberty advocacy."
        />
      </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>
  );
}
