Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -2,16 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+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 TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import TextAbout from '@/components/sections/about/TextAbout';
-import { Shield, Sparkles, Ear } from "lucide-react";
+import { Shield, Sparkles, Ear, Instagram, MessageCircle } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,16 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Início", id: "hero" },
-          name: "Início",          id: "hero"},
+        { name: "Sobre", id: "about" },
-        {
+        { name: "Abordagem", id: "features" },
-          name: "Sobre",          id: "about"},
+        { name: "Serviços", id: "services" },
-        {
+        { name: "Contato", id: "contact" },
-          name: "Abordagem",          id: "features"},
-        {
-          name: "Serviços",          id: "services"},
-        {
-          name: "Contato",          id: "contact"},
       ]}
       brandName="Helena Ávila"
     />
@@ -50,17 +45,11 @@ export default function LandingPage() {
       <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={[
+      buttons={[{ text: "Inicie sua jornada hoje", href: "#contact" }]}
-        {
-          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/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", 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", 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" },
-        { 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>
@@ -69,10 +58,7 @@ export default function LandingPage() {
       <TextAbout
       useInvertedBackground={false}
       title="Quem é Helena Ávila"
-      buttons={[
+      buttons={[{ text: "Saiba mais sobre minha trajetória", href: "#" }]}
-        {
-          text: "Saiba mais sobre minha trajetória",          href: "#"},
-      ]}
     />
   </div>
 
@@ -83,38 +69,18 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Escuta Ativa",          description: "Um olhar atento e sem julgamentos para compreender profundamente suas questões.",          media: {
+          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" },
-            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" }],
-          items: [
-            {
-              icon: Ear,
-              text: "Presença total"},
-          ],
           reverse: false,
         },
         {
-          title: "Ambiente Seguro",          description: "Espaço confidencial preparado para que você se sinta à vontade.",          media: {
+          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" },
-            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" }],
-          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:"
+      description="Meu trabalho é pautado em pilares fundamentais para sua saúde mental:"
     />
   </div>
 
@@ -125,12 +91,9 @@ export default function LandingPage() {
       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: "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" },
+        { 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" },
+        { 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" },
-        { 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."
@@ -138,71 +101,56 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
+      <TestimonialCardSixteen
-      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."
+      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">
-      <FaqDouble
+      <FaqSplitText
-      textboxLayout="default"
+      sideTitle="Dúvidas"
-      useInvertedBackground={false}
+      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." },
-        { 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."
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactSplit
-      useInvertedBackground={true}
+      tag="Contato"
       title="Agendamento"
-      description="Estou aqui para ouvir você. Preencha o formulário para marcar sua sessão."
+      description="Estou aqui para ouvir você."
-      inputs={[
+      background={{ variant: "plain" }}
-        { name: "name", type: "text", placeholder: "Seu nome", required: true },
+      useInvertedBackground={true}
-        { name: "email", type: "email", placeholder: "Seu e-mail", required: true },
+      imageSrc="http://img.b2bpic.net/free-photo/social-distancing-concept-public-areas_23-2148740150.jpg?_wi=1"
-      ]}
+      buttonText="Enviar mensagem"
-      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
+      <FooterCard
       logoText="Helena Ávila"
-      columns={[
+      socialLinks={[
-        {
+          { icon: Instagram, href: "#", ariaLabel: "Instagram" },
-          title: "Menu",          items: [
+          { icon: MessageCircle, href: "#", ariaLabel: "WhatsApp" }
-            { 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>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fdfaf7;
+  --background: #ffffff;
-  --card: #f7f2ed;
+  --card: #f9f9f9;
-  --foreground: #2c2824;
+  --foreground: #1c1c1c;
-  --primary-cta: #a88a6d;
+  --primary-cta: #1c1c1c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f9f9f9;
   --secondary-cta-text: #2c2824;
-  --accent: #b8a698;
+  --accent: #e2e2e2;
-  --background-accent: #e3dbd4;
+  --background-accent: #f9f9f9;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);