"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import TextAbout from '@/components/sections/about/TextAbout';
import { Shield, Sparkles, Ear, Instagram, MessageCircle } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="small"
        sizing="largeSizeMediumTitles"
        background="none"
        cardStyle="outline"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        { name: "Início", id: "hero" },
        { name: "Sobre", id: "about" },
        { name: "Abordagem", id: "features" },
        { name: "Serviços", id: "services" },
        { name: "Contato", id: "contact" },
      ]}
      brandName="Helena Ávila"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="Helena Ávila"
      description="Você não precisa passar por isso sozinho. Encontre um espaço seguro para seu acolhimento e transformação pessoal."
      buttons={[{ text: "Inicie sua jornada hoje", href: "#contact" }]}
      slides={[
        { imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-business-woman-her-office_1301-3527.jpg?_wi=1", imageAlt: "psychotherapist professional portrait" },
        { imageSrc: "http://img.b2bpic.net/free-photo/industrial-designer-working-3d-model_23-2149370119.jpg?_wi=1", imageAlt: "psychotherapist professional portrait" },
        { imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-posing-with-crossed-arms_23-2149206523.jpg?_wi=1", imageAlt: "psychotherapist professional portrait" },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="Quem é Helena Ávila"
      buttons={[{ text: "Saiba mais sobre minha trajetória", href: "#" }]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          title: "Escuta Ativa",          description: "Um olhar atento e sem julgamentos para compreender profundamente suas questões.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-young-woman-sitting-gray-sofa-looking-camera_23-2148053192.jpg?_wi=1", imageAlt: "Smiling portrait of a young woman sitting on gray sofa looking at camera" },
          items: [{ icon: Ear, text: "Presença total" }],
          reverse: false,
        },
        {
          title: "Ambiente Seguro",          description: "Espaço confidencial preparado para que você se sinta à vontade.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/authentic-scene-young-person-undergoing-psychological-therapy_23-2150161951.jpg?_wi=1", imageAlt: "Authentic scene of young person undergoing psychological therapy" },
          items: [{ icon: Shield, text: "Sigilo absoluto" }],
          reverse: true,
        },
      ]}
      title="Abordagem Terapêutica"
      description="Meu trabalho é pautado em pilares fundamentais para sua saúde mental:"
    />
  </div>

  <div id="services" data-section="services">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        { id: "p1", name: "Psicoterapia Individual", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/person-sharing-feelings-emotions-therapy-session_23-2151073985.jpg?_wi=1" },
        { id: "p2", name: "Atendimento Online", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/i-love-visiting-grandma-her-lovely-house_329181-2525.jpg?_wi=1" },
        { id: "p3", name: "Orientação Parental", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-granddaughter-talking-her-grandmother_171337-7795.jpg?_wi=1" },
      ]}
      title="Serviços"
      description="Atendimento humanizado voltado para suas necessidades específicas."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      title="Depoimentos"
      description="Veja o que meus pacientes relatam sobre a jornada terapêutica."
      textboxLayout="split"
      useInvertedBackground={true}
      animationType="blur-reveal"
      kpiItems={[
          { value: "98%", label: "Satisfação" },
          { value: "500+", label: "Sessões" },
          { value: "10+", label: "Anos" }
      ]}
      testimonials={[
        { id: "1", name: "Ana S.", role: "Paciente", company: "Cliente", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-latino-female-model-warm-bright-blue-sweater_633478-2098.jpg?_wi=1" },
        { id: "2", name: "Pedro M.", role: "Paciente", company: "Cliente", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-woman-portrait_23-2149051720.jpg?_wi=1" },
      ]}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      sideTitle="Dúvidas"
      sideDescription="Algumas respostas para perguntas comuns sobre o atendimento."
      faqs={[
        { id: "1", title: "Como agendar?", content: "Entre em contato via WhatsApp para verificar horários." },
        { id: "2", title: "Atende convênios?", content: "Trabalho com reembolso mediante nota fiscal." },
      ]}
      faqsAnimation="slide-up"
      useInvertedBackground={false}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      tag="Contato"
      title="Agendamento"
      description="Estou aqui para ouvir você."
      useInvertedBackground={true}
      imageSrc="http://img.b2bpic.net/free-photo/social-distancing-concept-public-areas_23-2148740150.jpg?_wi=1"
      buttonText="Enviar mensagem"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Helena Ávila"
      socialLinks={[
          { icon: Instagram, href: "#", ariaLabel: "Instagram" },
          { icon: MessageCircle, href: "#", ariaLabel: "WhatsApp" }
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
