Update src/app/page.tsx

Merge version_24 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleAp
 import HeroBillboard from "@/components/sections/hero/HeroBillboard";
 import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
 import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
-import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
+import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
 import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 
@@ -53,7 +53,7 @@ export default function LandingPage() {
         <TextSplitAbout
           title="Sobre o Dr. Alexandre Nascimento"
           description={[
-            "O Dr. Alexandre Nascimento é um oftalmologista experiente e comprometido com o bem-estar visual de seus pacientes. Com formação sólida em diagnóstico e tratamento de doenças oculares, oferece atendimento personalizado e humanizado.",            "A clínica utiliza equipamentos modernos e tecnologia de última geração, permitindo diagnósticos precisos e tratamentos eficazes para diversas patologias oculares. Cada paciente é tratado com respeito, atenção e dedicação à excelência.",            "Localizada em Nova Mutum, a clínica é referência em oftalmologia, com mais de 200 avaliações positivas de pacientes satisfeitos (4.9 ⭐)."
+            "O Dr. Alexandre Nascimento é um oftalmologista experiente e comprometido com o bem-estar visual de seus pacientes. Com formação sólida em diagnóstico e tratamento de doenças oculares, oferece atendimento personalizado e humanizado.",            "A clínica utiliza equipamentos modernos e tecnologia de última geração, permitindo diagnósticos precisos e tratamentos eficazes para diversas patologias oculares. Cada paciente é tratado com respeito, atenção e dedicação à excelência.",            "Localizada em Nova Mutum, a clínica é referência em oftalmologia, com mais de 200 avaliações positivas de pacientes satisfeitos (4.9 ⭐)"
           ]}
           showBorder={true}
           useInvertedBackground={false}
@@ -63,50 +63,50 @@ export default function LandingPage() {
       <div id="specialties" data-section="specialties">
         <FeatureCardOne
           title="Especialidades e Serviços"
-          description="Oferecemos uma gama completa de serviços oftalmológicos com diagnóstico preciso e tratamento eficaz."
+          description="Oferecemos uma gama completa de exames oftalmológicos com diagnóstico preciso e tratamento eficaz."
           tag="Serviços"
           features={[
             {
-              title: "Consulta Oftalmológica",              description: "Avaliação completa da saúde ocular com anamnese detalhada, teste de acuidade visual, e avaliação do estado geral dos olhos para identificar qualquer problema de visão ou doença ocular.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-having-eye-problem-pain-doctor-working-office-listening-patient-she-is-explaining-her-symptoms-healtcare-assistance-concept_657921-837.jpg",              imageAlt: "consulta médico paciente consultório oftalmologia"
+              title: "Biometria",              description: "Medição das dimensões oculares para planejamento de cirurgias e cálculo de lentes intraoculares.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-having-eye-problem-pain-doctor-working-office-listening-patient-she-is-explaining-her-symptoms-healtcare-assistance-concept_657921-837.jpg?_wi=1",              imageAlt: "biometria exame ocular precisão"
             },
             {
-              title: "Teste de Refração",              description: "Diagnóstico preciso de miopia, hipermetropia e astigmatismo para prescrição correta de óculos ou lentes de contato com máximo conforto visual.",              imageSrc: "http://img.b2bpic.net/free-photo/eye-doctor-with-female-patient-examination-modern-clinic-ophthalmologist-is-using-special-medical-equipment-eye-health_657921-161.jpg",              imageAlt: "exame vista oftalmológico óptico tecnologia"
+              title: "Topografia",              description: "Mapeamento da curvatura da córnea para diagnóstico de astigmatismo, ceratocone e outras irregularidades.",              imageSrc: "http://img.b2bpic.net/free-photo/eye-doctor-with-female-patient-examination-modern-clinic-ophthalmologist-is-using-special-medical-equipment-eye-health_657921-161.jpg?_wi=1",              imageAlt: "topografia corneal diagnóstico"
             },
             {
-              title: "Tonometria (Medição da Pressão Intraocular)",              description: "Teste essencial para avaliação do risco de glaucoma através da medição não invasiva da pressão dos olhos utilizando equipamento de última geração.",              imageSrc: "http://img.b2bpic.net/free-photo/man-having-eye-sight-check_23-2149082434.jpg",              imageAlt: "tonometria pressão intraocular glaucoma"
+              title: "Microscopia Especular",              description: "Avaliação das células do endotélio corneano para diagnóstico de doenças da córnea.",              imageSrc: "http://img.b2bpic.net/free-photo/man-having-eye-sight-check_23-2149082434.jpg?_wi=1",              imageAlt: "microscopia especular endotélio"
             },
             {
-              title: "Avaliação de Catarata",              description: "Diagnóstico e avaliação de opacidade do cristalino com recomendação de tratamento adequado, incluindo possibilidade de cirurgia quando necessário.",              imageSrc: "http://img.b2bpic.net/free-photo/doctor-testing-patient-eyesight_23-2149230018.jpg",              imageAlt: "avaliação catarata cristalino diagnóstico"
+              title: "Paquimetria",              description: "Medição da espessura da córnea para diagnóstico e monitoramento de glaucoma e ceratocone.",              imageSrc: "http://img.b2bpic.net/free-photo/doctor-testing-patient-eyesight_23-2149230018.jpg?_wi=1",              imageAlt: "paquimetria espessura corneal"
             },
             {
-              title: "Exame de Campo Visual",              description: "Teste especializado que mapeia toda a visão periférica e central para detectar danos ao nervo óptico e outras condições oculares graves.",              imageSrc: "http://img.b2bpic.net/free-photo/glasses-male-hands-workplace-front-computer_169016-18822.jpg",              imageAlt: "exame campo visual computador teste"
+              title: "OCT (Tomografia de Coerência Óptica)",              description: "Imagem em alta resolução das estruturas oculares para diagnóstico de doenças da retina e nervo óptico.",              imageSrc: "http://img.b2bpic.net/free-photo/glasses-male-hands-workplace-front-computer_169016-18822.jpg?_wi=1",              imageAlt: "OCT tomografia coerência óptica retina"
             },
             {
-              title: "Retinografia (Fotografia da Retina)",              description: "Captura de imagens de alta resolução da retina para documentação e monitoramento de condições como retinopatia diabética e degeneração macular.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-having-eye-problem-pain-doctor-working-office-listening-patient-she-is-explaining-her-symptoms-healtcare-assistance-concept_657921-837.jpg",              imageAlt: "retinografia fotografia retina fundo de olho"
+              title: "Retinografia",              description: "Fotografia do fundo de olho para documentação e monitoramento de doenças retinianas.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-having-eye-problem-pain-doctor-working-office-listening-patient-she-is-explaining-her-symptoms-healtcare-assistance-concept_657921-837.jpg?_wi=2",              imageAlt: "retinografia fotografia fundo olho"
             },
             {
-              title: "Avaliação de Retinopatia Diabética",              description: "Exame completo e monitoramento de complicações oculares em pacientes diabéticos, com detecção precoce de lesões vasculares na retina.",              imageSrc: "http://img.b2bpic.net/free-photo/eye-doctor-with-female-patient-examination-modern-clinic-ophthalmologist-is-using-special-medical-equipment-eye-health_657921-161.jpg",              imageAlt: "retinopatia diabética retina complicações"
+              title: "Gonioscopia",              description: "Visualização do ângulo de drenagem para diagnóstico e monitoramento de glaucoma.",              imageSrc: "http://img.b2bpic.net/free-photo/eye-doctor-with-female-patient-examination-modern-clinic-ophthalmologist-is-using-special-medical-equipment-eye-health_657921-161.jpg?_wi=2",              imageAlt: "gonioscopia ângulo drenagem glaucoma"
             },
             {
-              title: "Avaliação de Degeneração Macular",              description: "Diagnóstico e monitoramento de problemas na mácula com recomendações de tratamento para preservar a visão central.",              imageSrc: "http://img.b2bpic.net/free-photo/man-having-eye-sight-check_23-2149082434.jpg",              imageAlt: "degeneração macular visão central"
+              title: "Mapeamento de Retina",              description: "Mapeamento completo da retina para diagnóstico de descolamento e outras patologias retinianas.",              imageSrc: "http://img.b2bpic.net/free-photo/man-having-eye-sight-check_23-2149082434.jpg?_wi=2",              imageAlt: "mapeamento retina descolamento"
             },
             {
-              title: "Avaliação de Glaucoma",              description: "Diagnóstico completo e acompanhamento especializado de glaucoma com avaliação do nervo óptico, pressão intraocular e campo visual.",              imageSrc: "http://img.b2bpic.net/free-photo/doctor-testing-patient-eyesight_23-2149230018.jpg",              imageAlt: "glaucoma nervo óptico diagnóstico avaliação"
+              title: "Teste do Olhinho (Teste de Hirschberg)",              description: "Triagem oftalmológica em recém-nascidos e crianças para detecção precoce de anomalias.",              imageSrc: "http://img.b2bpic.net/free-photo/doctor-testing-patient-eyesight_23-2149230018.jpg?_wi=2",              imageAlt: "teste olhinho recém-nascido triagem"
             },
             {
-              title: "Avaliação de Inflamação Ocular (Uveíte)",              description: "Diagnóstico e tratamento de inflamações dentro do olho com investigação da causa e prescrição de terapia adequada.",              imageSrc: "http://img.b2bpic.net/free-photo/glasses-male-hands-workplace-front-computer_169016-18822.jpg",              imageAlt: "uveíte inflamação ocular diagnóstico"
+              title: "Capsulotomia YAG Laser",              description: "Procedimento a laser para abertura da cápsula posterior em casos de opacificação após cirurgia de catarata.",              imageSrc: "http://img.b2bpic.net/free-photo/glasses-male-hands-workplace-front-computer_169016-18822.jpg?_wi=2",              imageAlt: "capsulotomia YAG laser catarata"
             },
             {
-              title: "Prescrição de Óculos e Lentes de Contato",              description: "Determinação precisa da receita ideal com conforto visual máximo, oferecendo opções adequadas de óculos e lentes de contato para cada caso.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-having-eye-problem-pain-doctor-working-office-listening-patient-she-is-explaining-her-symptoms-healtcare-assistance-concept_657921-837.jpg",              imageAlt: "óculos lentes de contato receita prescrição"
+              title: "Campimetria",              description: "Teste de campo visual computadorizado para avaliação de glaucoma e outras doenças neuroftalmológicas.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-having-eye-problem-pain-doctor-working-office-listening-patient-she-is-explaining-her-symptoms-healtcare-assistance-concept_657921-837.jpg?_wi=3",              imageAlt: "campimetria campo visual glaucoma"
             },
             {
-              title: "Acompanhamento de Saúde Ocular",              description: "Monitoramento contínuo da saúde visual ao longo do tempo com avaliações periódicas para prevenção e controle de condições oculares.",              imageSrc: "http://img.b2bpic.net/free-photo/eye-doctor-with-female-patient-examination-modern-clinic-ophthalmologist-is-using-special-medical-equipment-eye-health_657921-161.jpg",              imageAlt: "acompanhamento saúde visual monitoramento"
+              title: "Pentacam",              description: "Análise 3D completa da câmara anterior para diagnóstico preciso de ceratocone e planejamento cirúrgico.",              imageSrc: "http://img.b2bpic.net/free-photo/eye-doctor-with-female-patient-examination-modern-clinic-ophthalmologist-is-using-special-medical-equipment-eye-health_657921-161.jpg?_wi=3",              imageAlt: "pentacam análise 3D câmara anterior"
             },
             {
-              title: "Orientação em Saúde Visual e Prevenção",              description: "Educação e recomendações personalizadas para proteção dos olhos, prevenção de doenças oculares e manutenção de uma boa saúde visual ao longo da vida.",              imageSrc: "http://img.b2bpic.net/free-photo/man-having-eye-sight-check_23-2149082434.jpg",              imageAlt: "orientação saúde visual prevenção educação"
+              title: "Aberrometria",              description: "Medição das aberrações ópticas do olho para planejamento de cirurgias refrativas e avaliação de qualidade visual.",              imageSrc: "http://img.b2bpic.net/free-photo/man-having-eye-sight-check_23-2149082434.jpg?_wi=3",              imageAlt: "aberrometria qualidade visual cirurgia refrativa"
             }
           ]}
-          gridVariant="two-columns-alternating-heights"
+          gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={true}
@@ -114,31 +114,50 @@ export default function LandingPage() {
       </div>
 
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardTen
+        <TestimonialCardSixteen
           title="Avaliações dos Pacientes"
           description="Veja o que nossos pacientes dizem sobre o atendimento e resultados."
           tag="Depoimentos"
           textboxLayout="default"
           useInvertedBackground={false}
+          carouselMode="buttons"
+          animationType="slide-up"
           testimonials={[
             {
-              id: "1",              title: "Excelente diagnóstico e atendimento humanizado",              quote: "O Dr. Alexandre é muito atencioso e competente. Realizei meu exame de vista e recebi todo o suporte necessário. Recomendo para todos!",              name: "Maria Silva",              role: "Paciente",              imageSrc: "http://img.b2bpic.net/free-photo/natural-beauty-young-woman_329181-1207.jpg",              imageAlt: "mulher retrato paciente feliz sorriso"
+              id: "1",              name: "Maria Silva",              role: "Paciente",              company: "Empresa Cliente",              rating: 5
             },
             {
-              id: "2",              title: "Tecnologia moderna e precisão no diagnóstico",              quote: "Fiz acompanhamento para glaucoma e fiquei impressionado com os equipamentos e a precisão do diagnóstico. Muito profissional!",              name: "João Santos",              role: "Paciente",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1",              imageAlt: "homem retrato paciente satisfeito profissional"
+              id: "2",              name: "João Santos",              role: "Paciente",              company: "Empresa Cliente",              rating: 5
             },
             {
-              id: "3",              title: "Atendimento que faz a diferença",              quote: "Levei minha filha para avaliação oftalmológica. O Dr. Alexandre foi muito paciente e explicou tudo com clareza. Ótima experiência!",              name: "Ana Costa",              role: "Mãe",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-mother-daughter-embracing-each-other_1170-2701.jpg",              imageAlt: "mulher mãe retrato sorriso positivo"
+              id: "3",              name: "Ana Costa",              role: "Mãe",              company: "Empresa Cliente",              rating: 5
             },
             {
-              id: "4",              title: "Referência em oftalmologia em Nova Mutum",              quote: "Sou idoso e fui avaliar problema de catarata. Recebi diagnóstico completo e orientação excelente. Voltarei com certeza!",              name: "Roberto Oliveira",              role: "Paciente",              imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-athlete-listening-music-earphones-while-running-nature-copy-space_637285-3843.jpg",              imageAlt: "homem idoso retrato confiança saúde"
+              id: "4",              name: "Roberto Oliveira",              role: "Paciente",              company: "Empresa Cliente",              rating: 5
             },
             {
-              id: "5",              title: "Precisão e humanização no atendimento",              quote: "Dr. Alexandre combina precisão técnica com um atendimento genuinamente humanizado. Senti-me verdadeiramente cuidado.",              name: "Carla Ferreira",              role: "Paciente",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "mulher retrato profissional confiante sorriso"
+              id: "5",              name: "Carla Ferreira",              role: "Paciente",              company: "Empresa Cliente",              rating: 5
             },
             {
-              id: "6",              title: "Melhor oftalmologista de Nova Mutum",              quote: "Recomendo fortemente! O atendimento é de excelência, os equipamentos são modernos e os resultados são garantidos.",              name: "Paulo Mendes",              role: "Paciente",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2",              imageAlt: "homem retrato paciente recomendação positivo"
+              id: "6",              name: "Paulo Mendes",              role: "Paciente",              company: "Empresa Cliente",              rating: 5
             },
+            {
+              id: "7",              name: "Beatriz Lima",              role: "Paciente",              company: "Empresa Cliente",              rating: 5
+            },
+            {
+              id: "8",              name: "Fernando Rocha",              role: "Paciente",              company: "Empresa Cliente",              rating: 5
+            },
+            {
+              id: "9",              name: "Sandra Martins",              role: "Paciente",              company: "Empresa Cliente",              rating: 5
+            }
+          ]}
+          kpiItems={[
+            { value: "4.9★", label: "Avaliação Média" },
+            { value: "200+", label: "Pacientes Satisfeitos" },
+            { value: "10+", label: "Anos de Experiência" }
+          ]}
+          buttons={[
+            { text: "Ver todas as avaliações", href: "https://www.google.com/search?q=Dr.+Alexandre+Nascimento+Nova+Mutum" }
           ]}
         />
       </div>
@@ -153,7 +172,7 @@ export default function LandingPage() {
             },
             {
               id: "2",              value: "200+",              description: "Avaliações positivas de pacientes em todo o estado de Mato Grosso"
-            },
+            }
           ]}
           metricsAnimation="slide-up"
           useInvertedBackground={true}
@@ -168,8 +187,8 @@ export default function LandingPage() {
               title: "Navegação",              items: [
                 { label: "Sobre", href: "#about" },
                 { label: "Especialidades", href: "#specialties" },
-                { label: "Avaliações", href: "#testimonials" },
-              ],
+                { label: "Avaliações", href: "#testimonials" }
+              ]
             },
             {
               title: "Contato",              items: [
@@ -177,15 +196,15 @@ export default function LandingPage() {
                 {
                   label: "📍 Av. das Águias, 668 W - Parque dos Ingás - Nova Mutum, MT",                  href: "https://maps.google.com/?q=Av+das+Águias+668+W+Parque+dos+Ingás+Nova+Mutum+MT"
                 },
-                { label: "💬 WhatsApp", href: "https://wa.me/5565999190657" },
-              ],
+                { label: "💬 WhatsApp", href: "https://wa.me/5565999190657" }
+              ]
             },
             {
               title: "Horários",              items: [
                 { label: "Seg-Qui: 8h - 11h30 | 13h30 - 18h", href: "#" },
-                { label: "Sexta: 8h - 11h30 | 13h30 - 17h", href: "#" },
-              ],
-            },
+                { label: "Sexta: 8h - 11h30 | 13h30 - 17h", href: "#" }
+              ]
+            }
           ]}
           copyrightText="© 2025 Dr. Alexandre Nascimento - Oftalmologia. Todos os direitos reservados."
         />