"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextAbout from '@/components/sections/about/TextAbout';
import { Shield, Sparkles, Ear } 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: "Agende sua Consulta",          href: "#contact"},
      ]}
      slides={[
        { imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-business-woman-her-office_1301-3527.jpg", imageAlt: "psychotherapist professional portrait" },
        { imageSrc: "http://img.b2bpic.net/free-photo/industrial-designer-working-3d-model_23-2149370119.jpg", imageAlt: "psychotherapist professional portrait" },
        { imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-posing-with-crossed-arms_23-2149206523.jpg", imageAlt: "psychotherapist professional portrait" },
        { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-stretching-work_23-2150509920.jpg", imageAlt: "psychotherapist professional portrait" },
        { imageSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328287.jpg", imageAlt: "psychotherapist professional portrait" },
        { imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-couch_23-2149927565.jpg", 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",            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",            imageAlt: "Authentic scene of young person undergoing psychological therapy"},
          items: [
            {
              icon: Shield,
              text: "Sigilo absoluto"},
          ],
          reverse: true,
        },
        {
          title: "Transformação Pessoal",          description: "Ferramentas práticas para o autoconhecimento e o desenvolvimento emocional.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/authentic-scene-young-person-undergoing-psychological-therapy_23-2150161931.jpg",            imageAlt: "Authentic scene of young person undergoing psychological therapy"},
          items: [
            {
              icon: Sparkles,
              text: "Crescimento contínuo"},
          ],
          reverse: false,
        },
      ]}
      title="Abordagem Terapêutica"
      description="Meu trabalho é pautado em três 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" },
        { id: "p2", name: "Atendimento Online", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/i-love-visiting-grandma-her-lovely-house_329181-2525.jpg" },
        { id: "p3", name: "Orientação Parental", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-granddaughter-talking-her-grandmother_171337-7795.jpg" },
        { id: "p4", name: "Acompanhamento Especializado", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/elderly-therapist-gazing-towards-window_482257-114915.jpg" },
        { id: "p5", name: "Plantão Psicológico", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/authentic-scene-young-person-undergoing-psychological-therapy_23-2150161978.jpg" },
        { id: "p6", name: "Consultoria em Saúde Mental", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/authentic-scene-young-person-undergoing-psychological-therapy_23-2150161947.jpg" },
      ]}
      title="Serviços"
      description="Atendimento humanizado voltado para suas necessidades específicas."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        { id: "1", title: "Transformação", quote: "A Helena me ajudou a recuperar a confiança em momentos críticos.", name: "Ana S.", role: "Paciente", imageSrc: "http://img.b2bpic.net/free-photo/attractive-latino-female-model-warm-bright-blue-sweater_633478-2098.jpg" },
        { id: "2", title: "Acolhimento", quote: "Sinto que finalmente fui ouvida de verdade. Excelente profissional.", name: "Pedro M.", role: "Paciente", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-woman-portrait_23-2149051720.jpg" },
        { id: "3", title: "Mudança", quote: "As sessões online são tão produtivas quanto as presenciais.", name: "Clara R.", role: "Paciente", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiled-woman-doctor-uniform-standing-yellow-background_179666-29761.jpg" },
        { id: "4", title: "Gratidão", quote: "Helena é uma profissional extremamente empática e humana.", name: "Lucas P.", role: "Paciente", imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-hospital-with-stethoscope_23-2148827773.jpg" },
        { id: "5", title: "Suporte", quote: "Transformador desde a primeira sessão.", name: "Mariana G.", role: "Paciente", imageSrc: "http://img.b2bpic.net/free-photo/with-closed-eyes-doctor-young-girl-wearing-stethoscope-medical-gown-bite-tongue-blue-background_141793-21063.jpg" },
      ]}
      title="Depoimentos"
      description="Veja o que meus pacientes relatam sobre a jornada terapêutica."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      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." },
        { id: "3", title: "Como funciona o online?", content: "Utilizamos plataformas seguras e criptografadas." },
      ]}
      title="Dúvidas Frequentes"
      faqsAnimation="slide-up"
      description="Algumas respostas para perguntas comuns sobre o atendimento."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Agendamento"
      description="Estou aqui para ouvir você. Preencha o formulário para marcar sua sessão."
      inputs={[
        { name: "name", type: "text", placeholder: "Seu nome", required: true },
        { name: "email", type: "email", placeholder: "Seu e-mail", required: true },
      ]}
      textarea={{
        name: "message",        placeholder: "Como posso te ajudar?",        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/social-distancing-concept-public-areas_23-2148740150.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Helena Ávila"
      columns={[
        {
          title: "Menu",          items: [
            { label: "Início", href: "#hero" },
            { label: "Sobre", href: "#about" },
          ],
        },
        {
          title: "Contato",          items: [
            { label: "WhatsApp", href: "#" },
            { label: "Instagram", href: "#" },
          ],
        },
      ]}
      copyrightText="© 2024 Helena Ávila. Todos os direitos reservados."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
