"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="medium"
        sizing="largeSmallSizeLargeTitles"
        background="noise"
        cardStyle="solid"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "AI Chat",
          id: "/chat",
        },
        {
          name: "Wellness Toolkit",
          id: "/wellness",
        },
        {
          name: "My Profile",
          id: "#",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/heart-healthy-life-wellness-icon_53876-120722.jpg"
      logoAlt="HerCalm Logo"
      brandName="HerCalm"
      button={{
        text: "Join Now",
        href: "#cta-banner",
      }}
    />
  </div>

  <div id="ai-chat-intro" data-section="ai-chat-intro">
      <MediaAbout
      useInvertedBackground={true}
      title="Your Personal AI Wellness Companion"
      description="HerCalm AI is here to provide empathetic, personalized guidance on your cycle health, mental well-being, and specific conditions. Chat, speak, and discover insights tailored just for you."
      buttons={[
        {
          text: "Start Chatting Now",
          href: "/chat",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/woman-doing-sport-home_23-2148547231.jpg"
      imageAlt="HerCalm AI chat interface preview"
    />
  </div>

  <div id="ai-chat-faq" data-section="ai-chat-faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "How does the AI personalize advice?",
          content: "Our AI uses your secure onboarding profile data (conditions, symptoms, goals) to provide highly specific and relevant recommendations, making every interaction uniquely yours.",
        },
        {
          id: "faq-2",
          title: "Is my health data private and secure?",
          content: "Absolutely. Your health information is stored securely in your browser's local storage and is never shared. The AI processes it anonymously to ensure privacy.",
        },
        {
          id: "faq-3",
          title: "Can I use voice input for chatting?",
          content: "Yes, HerCalm AI supports voice input via your browser's speech recognition, allowing for a hands-free and more natural conversational experience.",
        },
        {
          id: "faq-4",
          title: "Is the AI a substitute for a doctor?",
          content: "No, HerCalm AI is for informational and supportive purposes only and does not provide medical advice, diagnosis, or treatment. Always consult with a qualified healthcare professional.",
        },
        {
          id: "faq-5",
          title: "How often is the AI updated?",
          content: "Our AI knowledge base is continuously updated with the latest research and wellness practices to ensure you receive the most current and accurate information.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/workers-using-ai-computing-simulation_482257-75500.jpg"
      imageAlt="Abstract image representing AI and FAQs"
      mediaAnimation="opacity"
      title="Frequently Asked Questions About HerCalm AI"
      description="Get answers to common questions about our AI companion, its personalization capabilities, privacy measures, and how it can empower your wellness journey."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="site-footer" data-section="site-footer">
      <FooterLogoReveal
      logoSrc="http://img.b2bpic.net/free-photo/heart-healthy-life-wellness-icon_53876-120722.jpg"
      logoAlt="HerCalm Logo"
      logoText="HerCalm"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Terms of Service",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
