"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 ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { MessageCircle } from "lucide-react";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import TimelineProcessFlow from "@/components/cardStack/layouts/timelines/TimelineProcessFlow";
import BlogCardOne from "@/components/sections/blog/BlogCardOne";
import HeroLogo from "@/components/sections/hero/HeroLogo";
import ContactCenter from "@/components/sections/contact/ContactCenter";

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">
        <HeroLogo
          logoText="Empower Your Mind with AI"
          description="Unlocking cognitive potential through advanced technology solutions."
          buttons={[
              {
                "text": "Explore AI Solutions",
                "href": "#"
              },
              {
                "text": "Empower Your Mind",
                "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"
          showDimOverlay={false}
          logoLineHeight={1.1}
          ariaLabel="Hero section"
        />
      </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="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="faq-new" data-section="faq-new">
        <BlogCardOne
          blogs={[
            {
                  "id": "1",
                  "category": "Productivity",
                  "title": "10 Tips for Better Productivity",
                  "excerpt": "Discover proven strategies to boost your productivity and achieve more in less time.",
                  "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",
                  "authorName": "Sarah Johnson",
                  "authorAvatar": "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",
                  "date": "January 15, 2024"
            },
            {
                  "id": "2",
                  "category": "Workplace",
                  "title": "Remote Work is Dope",
                  "excerpt": "Explore how remote work is reshaping the modern workplace and what it means for your career.",
                  "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",
                  "authorName": "Michael Chen",
                  "authorAvatar": "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",
                  "date": "January 10, 2024"
            },
            {
                  "id": "3",
                  "category": "Technology",
                  "title": "Getting Started with AI Tools",
                  "excerpt": "A beginner's guide to leveraging AI tools for everyday tasks and workflows.",
                  "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",
                  "authorName": "Emily Rodriguez",
                  "authorAvatar": "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",
                  "date": "January 5, 2024"
            },
            {
                  "id": "3",
                  "category": "Lifestyle",
                  "title": "Mastering the Art of Mindfulness: A Beginner's Guide",
                  "excerpt": "Learn how to incorporate mindfulness into your daily life and experience the benefits of a more peaceful and focused existence.",
                  "imageSrc": "https://images.unsplash.com/photo-1526779259212-939e64788e3c?fm=jpg&q=60&w=3000",
                  "authorName": "Emily Davis",
                  "authorAvatar": "https://images.unsplash.com/photo-1526779259212-939e64788e3c?fm=jpg&q=60&w=3000",
                  "date": "January 20, 2024"
            },
            {
                  "id": "4",
                  "category": "Technology",
                  "title": "Top 5 AI Tools Every Developer Should Know About",
                  "excerpt": "Discover the latest AI tools that can revolutionize your development workflow and help you stay ahead in the tech industry.",
                  "imageSrc": "https://images.unsplash.com/photo-1526779259212-939e64788e3c?fm=jpg&q=60&w=3000",
                  "authorName": "David Wilson",
                  "authorAvatar": "https://images.unsplash.com/photo-1526779259212-939e64788e3c?fm=jpg&q=60&w=3000",
                  "date": "January 25, 2024"
            },
            {
                  "id": "5",
                  "category": "Health",
                  "title": "The Benefits of Meditation for Mental Health: A Comprehensive Guide",
                  "excerpt": "Explore how meditation can help improve your mental health, reduce stress, and promote overall well-being.",
                  "imageSrc": "https://images.unsplash.com/photo-1526779259212-939e64788e3c?fm=jpg&q=60&w=3000",
                  "authorName": "Laura Thompson",
                  "authorAvatar": "https://images.unsplash.com/photo-1526779259212-939e64788e3c?fm=jpg&q=60&w=3000",
                  "date": "February 1, 2024"
            }
      ]}          animationType="none"
          title="The Future of Cognitive Enhancement"
          description="Explore the latest advancements in AI-powered cognitive enhancement technologies. Discover how they can revolutionize your brain and productivity."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
          tag="Technology"
          tagIcon={MessageCircle}
          buttons={[
              {
                "text": "Get Started",
                "href": "#"
              },
              {
                "text": "Learn More",
                "href": "#"
              }
            ]}
          ariaLabel="Blog section"
        
          imageClassName="secondary-button text-background rounded-theme"/>
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Connect"
          title="Engage with Experts"
          description="Get personalized insights into cognitive enhancement technologies."
          useInvertedBackground="noInvert"
          tagIcon={MessageCircle}
          inputPlaceholder="your@email.com"
          buttonText="Contact Us"
          termsText="Privacy Policy"
          ariaLabel="Contact section"
        />
      </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>
  );
}
