"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeLargeTitles"
        background="blurBottom"
        cardStyle="layered-gradient"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Especialidades",
          id: "#specialties",
        },
        {
          name: "Equipe",
          id: "#team",
        },
        {
          name: "Comunidade",
          id: "#community",
        },
        {
          name: "Relatos",
          id: "#testimonials",
        },
        {
          name: "Contato",
          id: "#contact",
        },
      ]}
      button={{
        text: "Agende sua Consulta",
        href: "#contact",
      }}
      topBarButton={{
        text: "Conheça nossa abordagem",
        href: "#differential",
      }}
      brandName="Clínica Mulher Plena"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="Clínica Mulher Plena"
      description="Viva a sua melhor versão em todas as idades. Especialmente após os 40. Uma clínica multidisciplinar com olhar integral para a saúde da mulher. Unimos medicina avançada e acolhimento para guiar você pela perimenopausa, menopausa e além, com vitalidade e equilíbrio."
      buttons={[
        {
          text: "Agende sua Consulta",
          href: "#contact",
        },
        {
          text: "Conheça nossa abordagem",
          href: "#differential",
        },
      ]}
      buttonAnimation="opacity"
      imageSrc="http://img.b2bpic.net/free-photo/smiling-female-patient-writing-medical-file_107420-73985.jpg?_wi=1"
      imageAlt="Mulher sorrindo, feliz e saudável, em ambiente acolhedor"
    />
  </div>

  <div id="differential" data-section="differential">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Você não é feita de partes isoladas. Seu tratamento também não deve ser."
      description={[
        "Aqui, você não precisa pular de consultório em consultório explicando sua história do zero. Nossa equipe conversa entre si para cuidar de você por inteiro.",
        "Acreditamos na individualidade e no seguimento: criamos uma linha de cuidado contínua para acompanhar suas transformações hormonais, físicas e emocionais ao longo dos anos. Você no centro, acolhida e compreendida.",
      ]}
    />
  </div>

  <div id="focus-40" data-section="focus-40">
      <TextSplitAbout
      useInvertedBackground={false}
      title="40+: O início de uma nova e potente fase."
      description={[
        "Ondas de calor, oscilações de humor, cansaço inexplicável, alterações no sono ou na libido? A perimenopausa e a menopausa não precisam ser sinônimos de perda de qualidade de vida.",
        "Enxergamos esse momento como uma transição que merece cuidado especializado e preventivo. Atuamos na regulação metabólica, hormonal e emocional para que você viva a maturidade com energia, autoestima elevada e saúde plena.",
      ]}
    />
  </div>

  <div id="specialties" data-section="specialties">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "ginecologia-endocrinologia",
          title: "Ginecologia, Endocrinologia e Metabologia",
          subtitle: "O equilíbrio hormonal e metabólico essencial para a longevidade.",
          category: "Corpo Médico",
          value: "",
          buttons: [
            {
              text: "Saiba Mais",
            },
          ],
        },
        {
          id: "psiquiatria-psicologia",
          title: "Psiquiatria, Psicologia e Neuropsicologia",
          subtitle: "O suporte à saúde mental, foco, memória e oscilações emocionais.",
          category: "Saúde Integrativa",
          value: "",
          buttons: [
            {
              text: "Saiba Mais",
            },
          ],
        },
        {
          id: "dermatologia-tricologia",
          title: "Dermatologia e Tricologia",
          subtitle: "O resgate da autoestima através da saúde da pele e dos cabelos nesta nova fase.",
          category: "Corpo Médico",
          value: "",
          buttons: [
            {
              text: "Saiba Mais",
            },
          ],
        },
        {
          id: "nutricao",
          title: "Nutrição",
          subtitle: "Protocolos alimentares específicos para controle de peso e saúde na menopausa.",
          category: "Saúde Integrativa",
          value: "",
          buttons: [
            {
              text: "Saiba Mais",
            },
          ],
        },
        {
          id: "fisioterapia",
          title: "Fisioterapia e Fisioterapia Pélvica",
          subtitle: "Longevidade física e cuidado com a musculatura íntima.",
          category: "Saúde Integrativa",
          value: "",
          buttons: [
            {
              text: "Saiba Mais",
            },
          ],
        },
        {
          id: "terapeuta-sexual",
          title: "Terapeuta Sexual",
          subtitle: "Um espaço seguro para resgatar o desejo, a intimidade e o prazer.",
          category: "Saúde Integrativa",
          value: "",
          buttons: [
            {
              text: "Saiba Mais",
            },
          ],
        },
      ]}
      title="Cuidado 360°: Nossa Equipe Multidisciplinar"
      description="Nossas especialidades trabalham em conjunto, compartilhando informações e traçando estratégias únicas para a sua biologia e momento de vida."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      groups={[
        {
          id: "corpo-medico",
          groupTitle: "Corpo Médico",
          members: [
            {
              id: "member-1",
              title: "Dra. Ana Costa",
              subtitle: "Ginecologia e Obstetrícia",
              detail: "Especialista em climatério e menopausa, com foco em terapias hormonais bioidênticas e saúde feminina integral.",
              imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-group-three-doctors-nurses-standing-hospital-corridor-wearing-scrubs-coats-team-healthcare-workers-are-staring-camera-smiling_657921-78.jpg",
              imageAlt: "Dra. Ana Costa, ginecologista",
            },
            {
              id: "member-2",
              title: "Dr. Carlos Almeida",
              subtitle: "Endocrinologia e Metabologia",
              detail: "Foco na regulação hormonal e metabólica, otimizando a saúde e prevenindo doenças crônicas na maturidade.",
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-medical-nurse-smiling-camera-hospital-office-wearing-blue-uniform-healthcare-practitioner-sitting-desk-using-computer-modern-clinic-looking-monitor-medicine_482257-15886.jpg",
              imageAlt: "Dr. Carlos Almeida, endocrinologista",
            },
            {
              id: "member-3",
              title: "Dra. Sofia Lima",
              subtitle: "Psiquiatria",
              detail: "Suporte à saúde mental da mulher, abordando ansiedade, depressão e oscilações de humor ligadas às fases hormonais.",
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-dentist-standing-with-arms-crossed_107420-73978.jpg",
              imageAlt: "Dra. Sofia Lima, psiquiatra",
            },
            {
              id: "member-4",
              title: "Dra. Laura Mendes",
              subtitle: "Dermatologia e Tricologia",
              detail: "Tratamentos regenerativos para pele e cabelos, combatendo os efeitos do envelhecimento e resgatando a autoestima.",
              imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230931.jpg",
              imageAlt: "Dra. Laura Mendes, dermatologista",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-patient-writing-medical-file_107420-73985.jpg?_wi=2",
          imageAlt: "retrato profissional médica ginecologista mulher",
        },
        {
          id: "saude-integrativa",
          groupTitle: "Saúde Integrativa",
          members: [
            {
              id: "member-5",
              title: "Nut. Camila Santos",
              subtitle: "Nutricionista Funcional",
              detail: "Protocolos alimentares personalizados para controle de peso, energia e bem-estar na menopausa e pós-menopausa.",
              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-dietician-holding-green-apple_23-2147882183.jpg",
              imageAlt: "Nut. Camila Santos, nutricionista",
            },
            {
              id: "member-6",
              title: "Psi. Bianca Ferreira",
              subtitle: "Psicologia Clínica",
              detail: "Acompanhamento emocional para lidar com as transições de vida, estresse e questões de relacionamento.",
              imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-radio-interview_23-2148808729.jpg",
              imageAlt: "Psi. Bianca Ferreira, psicóloga",
            },
            {
              id: "member-7",
              title: "Neuropsi. Julia Oliveira",
              subtitle: "Neuropsicologia",
              detail: "Avaliação e reabilitação de funções cognitivas como memória e foco, frequentemente afetadas pelo climatério.",
              imageSrc: "http://img.b2bpic.net/free-photo/freelance-woman-desk-with-agenda_23-2148604048.jpg",
              imageAlt: "Neuropsi. Julia Oliveira, neuropsicóloga",
            },
            {
              id: "member-8",
              title: "Fisio. Renata Castro",
              subtitle: "Fisioterapia Pélvica",
              detail: "Fortalecimento do assoalho pélvico, melhora da incontinência e dor, com foco na saúde íntima feminina.",
              imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-osteopathic-therapist-checking-female-patient-s-abdomen_23-2148846617.jpg",
              imageAlt: "Fisio. Renata Castro, fisioterapeuta pélvica",
            },
            {
              id: "member-9",
              title: "Terapeuta. Carla Duarte",
              subtitle: "Terapeuta Sexual",
              detail: "Espaço seguro para explorar e resgatar o desejo, a intimidade e a plenitude da vida sexual feminina.",
              imageSrc: "http://img.b2bpic.net/free-photo/young-couple-happy-women-day-guy-holding-bouquet-standing-sofa-with-girl-living-room_141793-122598.jpg",
              imageAlt: "Terapeuta. Carla Duarte, terapeuta sexual",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-vector/health-infographic-template-flat-style_23-2148220674.jpg",
          imageAlt: "retrato profissional médica ginecologista mulher",
        },
      ]}
      title="Conheça Nossos Especialistas"
      description="Nossa equipe multidisciplinar de profissionais dedicados à saúde e bem-estar da mulher."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="opacity"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "metric-1",
          value: "+15 anos",
          title: "de Experiência em Saúde da Mulher",
          items: [
            "Equipe altamente qualificada",
            "Protocolos baseados em evidências",
          ],
        },
        {
          id: "metric-2",
          value: "+500",
          title: "Mulheres com Vitalidade Renovada",
          items: [
            "Aumento da qualidade de vida",
            "Redução significativa de sintomas",
          ],
        },
        {
          id: "metric-3",
          value: "98%",
          title: "de Satisfação em Atendimento Integrado",
          items: [
            "Acompanhamento contínuo e personalizado",
            "Foco na individualidade da paciente",
          ],
        },
      ]}
      title="Sua Jornada de Bem-Estar em Números"
      description="Resultados que transformam vidas e resgatam a vitalidade feminina, baseados na ciência e no acolhimento."
    />
  </div>

  <div id="community" data-section="community">
      <BlogCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Uma jornada compartilhada."
      description="Nenhuma mulher deve passar por suas transformações sozinha. Criamos mais do que uma clínica: um espaço de conexão entre mulheres. Aqui promovemos rodas de conversa, partilha de experiências e uma rede de apoio real. Porque ouvir a história de outra mulher nos fortalece e nos valida."
      blogs={[
        {
          id: "blog-1",
          category: "Comunidade",
          title: "Rodas de Conversa: Menopausa Sem Tabus",
          excerpt: "Participe de nossos encontros online e presenciais para compartilhar experiências e aprender com outras mulheres.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-meditating-full-shot_23-2148897907.jpg",
          imageAlt: "Grupo de mulheres conversando e rindo",
          authorName: "Equipe Mulher Plena",
          authorAvatar: "http://img.b2bpic.net/free-photo/doctor-with-smile_1098-21962.jpg",
          date: "22 de Agosto, 2024",
        },
        {
          id: "blog-2",
          category: "Conteúdo",
          title: "Libido na Maturidade: Mitos e Verdades",
          excerpt: "Desmistificamos as questões da sexualidade feminina após os 40, com dicas e informações baseadas em ciência.",
          imageSrc: "http://img.b2bpic.net/free-photo/fairskinned-adult-women-discuss-latest-news-while-sitting-table-outdoor-cafe-drinking-latte-weekend-enjoyment-concept_197531-31204.jpg",
          imageAlt: "Mulher sorrindo praticando yoga",
          authorName: "Dr. Carlos Almeida",
          authorAvatar: "http://img.b2bpic.net/free-photo/front-view-beautiful-blonde-woman_23-2148471029.jpg",
          date: "15 de Agosto, 2024",
        },
        {
          id: "blog-3",
          category: "Workshop",
          title: "Saúde Mental e Hormônios: Workshop Prático",
          excerpt: "Entenda a conexão entre suas emoções e a fisiologia. Ferramentas práticas para mais equilíbrio e bem-estar.",
          imageSrc: "http://img.b2bpic.net/free-photo/home-lifestyle-concept-woman-teleworking_23-2148541291.jpg",
          imageAlt: "Mulher participando de workshop online",
          authorName: "Psi. Bianca Ferreira",
          authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg",
          date: "10 de Agosto, 2024",
        },
      ]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          title: "Recuperei meu sono e energia!",
          quote: "\"Depois dos 45, achei que nunca mais teria uma boa noite de sono. A equipe da Clínica Mulher Plena me ajudou a entender meu corpo e a encontrar o equilíbrio. Hoje, durmo bem e tenho energia para tudo!\"",
          name: "Sarah G.",
          role: "Empresária, 48 anos",
          imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-woman-posing_344912-2987.jpg",
          imageAlt: "Sarah G. sorrindo",
        },
        {
          id: "2",
          title: "Autoestima renovada!",
          quote: "\"As mudanças na pele e nos cabelos me abalaram muito. Com a dermatologia e nutrição integradas, me sinto mais bonita e confiante do que nunca. A Clínica Mulher Plena mudou minha forma de me ver!\"",
          name: "Camila D.",
          role: "Designer, 52 anos",
          imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg",
          imageAlt: "Camila D. sorrindo",
        },
        {
          id: "3",
          title: "Minha libido voltou!",
          quote: "\"Eu tinha vergonha de falar sobre a perda de libido, mas aqui fui acolhida. A fisioterapia pélvica e a terapia sexual me ajudaram a redescobrir o prazer e a intimidade. Sou grata!\"",
          name: "Fernanda M.",
          role: "Professora, 50 anos",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-caucasian-brunette-girl-laughing-holding-her-head-looking-away-outdoors-holiday-life-concept_197531-32660.jpg",
          imageAlt: "Fernanda M. feliz",
        },
        {
          id: "4",
          title: "Adeus, ondas de calor!",
          quote: "\"As ondas de calor eram insuportáveis. Com o tratamento hormonal e acompanhamento da endocrinologia, hoje vivo sem esse desconforto. A qualidade de vida voltou de verdade.\"",
          name: "Mariana P.",
          role: "Contadora, 55 anos",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-string-finger-reminder_23-2150939836.jpg",
          imageAlt: "Mariana P. tranquila",
        },
        {
          id: "5",
          title: "Mais calma e equilíbrio emocional.",
          quote: "\"As oscilações de humor me deixavam exausta. O apoio da psiquiatria e psicologia fez toda a diferença. Sinto que controlo minhas emoções novamente e vivo com mais paz.\"",
          name: "Beatriz V.",
          role: "Advogada, 49 anos",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-studio_23-2149304698.jpg",
          imageAlt: "Beatriz V. serena",
        },
        {
          id: "6",
          title: "Os 45 anos podem ser os melhores da minha vida!",
          quote: "\"Recuperei meu sono, minha libido e minha disposição. Descobri que os 45 anos podiam ser os melhores da minha vida, graças ao cuidado integral que recebi aqui.\"",
          name: "Patrícia R.",
          role: "Jornalista, 45 anos",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-look-away-white-shirt_197531-33555.jpg",
          imageAlt: "Patrícia R. radiante",
        },
      ]}
      title="Voz às Pacientes: Histórias de Transformação"
      description="Relatos reais de mulheres que recuperaram a qualidade de vida e descobriram a potência da maturidade com o nosso apoio."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Transforme Sua Saúde Hoje"
      description="Agende sua consulta e comece sua jornada de vitalidade e bem-estar conosco. Estamos prontas para te acolher."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Seu Nome Completo",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Seu Melhor E-mail",
          required: true,
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "Seu Telefone (WhatsApp)",
          required: true,
        },
        {
          name: "subject",
          type: "text",
          placeholder: "Assunto",
          required: false,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Sua Mensagem",
        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/african-american-patient-filling-report-papers-talking-receptionist-hospital-reception-counter-woman-writing-medical-form-before-checkup-appointment-with-doctor-health-center_482257-51637.jpg"
      imageAlt="Mulher preenchendo formulário de contato em um ambiente de clínica"
      mediaAnimation="opacity"
      mediaPosition="right"
      buttonText="Enviar Mensagem"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Navegação",
          items: [
            {
              label: "Home",
              href: "#hero",
            },
            {
              label: "Diferencial",
              href: "#differential",
            },
            {
              label: "Especialidades",
              href: "#specialties",
            },
            {
              label: "Equipe",
              href: "#team",
            },
          ],
        },
        {
          title: "Recursos",
          items: [
            {
              label: "Comunidade",
              href: "#community",
            },
            {
              label: "Relatos de Pacientes",
              href: "#testimonials",
            },
            {
              label: "Blog",
              href: "#community",
            },
            {
              label: "FAQs",
              href: "#",
            },
          ],
        },
        {
          title: "Contato",
          items: [
            {
              label: "Agende sua Consulta",
              href: "#contact",
            },
            {
              label: "WhatsApp",
              href: "#",
            },
            {
              label: "Localização",
              href: "#",
            },
            {
              label: "E-mail",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Clínica Mulher Plena"
      copyrightText="© 2024 Clínica Mulher Plena. Todos os direitos reservados."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}