Update src/app/page.tsx

src/app/page.tsx

@@ -4,11 +4,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
 import HeroBillboard from "@/components/sections/hero/HeroBillboard";
 import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
-import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
+import FaqBase from "@/components/sections/faq/FaqBase";
 import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
 import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
-import { CheckCircle } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,7 +28,7 @@ export default function LandingPage() {
           brandName="Dr. Alexandre Nascimento"
           navItems={[
             { name: "Sobre", id: "about" },
-            { name: "Especialidades", id: "specialties" },
+            { name: "Exames e Procedimentos", id: "exams" },
             { name: "Avaliações", id: "testimonials" },
           ]}
         />
@@ -61,61 +60,46 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="specialties" data-section="specialties">
-        <FeatureCardTen
+      <div id="exams" data-section="exams">
+        <FaqBase
           title="Exames e Procedimentos"
-          description="Conheça os principais exames e procedimentos oftalmológicos realizados em nossa clínica com tecnologia moderna e precisão diagnóstica."
+          description="Conheça os principais exames e procedimentos oftalmológicos oferecidos pela clínica, com explicações claras e acessíveis sobre cada um."
           tag="Serviços"
-          features={[
-            {
-              id: "1",              title: "Consulta Oftalmológica",              description: "Avaliação completa da saúde ocular com anamnese detalhada, teste de acuidade visual e exame biomicroscópico para identificar qualquer problema visual ou doença ocular.",              media: { 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" },
-              items: [
-                { icon: CheckCircle, text: "Avaliação completa dos olhos" },
-                { icon: CheckCircle, text: "Teste de visão e pressão ocular" },
-                { icon: CheckCircle, text: "Diagnóstico de problemas visuais" },
-              ],
-              reverse: false
-            },
-            {
-              id: "2",              title: "Refratometria e Teste de Visão",              description: "Exame que determina a prescrição correta de óculos ou lentes de contato, medindo como o olho foca a luz para garantir correção visual adequada.",              media: { 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" },
-              items: [
-                { icon: CheckCircle, text: "Medição precisa da refração" },
-                { icon: CheckCircle, text: "Prescrição de óculos ou lentes" },
-                { icon: CheckCircle, text: "Conforto visual máximo" },
-              ],
-              reverse: true
-            },
-            {
-              id: "3",              title: "Tonometria - Medição da Pressão Ocular",              description: "Exame que mede a pressão intraocular, essencial para detectar glaucoma e outras doenças que afetam a pressão dos olhos.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/man-having-eye-sight-check_23-2149082434.jpg", imageAlt: "diagnóstico doença oftalmologia catarata glaucoma" },
-              items: [
-                { icon: CheckCircle, text: "Detecção de glaucoma" },
-                { icon: CheckCircle, text: "Monitoramento da pressão ocular" },
-                { icon: CheckCircle, text: "Prevenção de complicações" },
-              ],
-              reverse: false
-            },
-            {
-              id: "4",              title: "Biomicroscopia - Exame do Segmento Anterior",              description: "Exame detalhado da córnea, íris, cristalino e outras estruturas do segmento anterior do olho para identificar catarata, inflamações e outras patologias.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/doctor-testing-patient-eyesight_23-2149230018.jpg", imageAlt: "monitoramento saúde visual acompanhamento médico" },
-              items: [
-                { icon: CheckCircle, text: "Visualização ampliada do olho" },
-                { icon: CheckCircle, text: "Diagnóstico de catarata" },
-                { icon: CheckCircle, text: "Detecção de inflamações" },
-              ],
-              reverse: true
-            },
-            {
-              id: "5",              title: "Fundoscopia - Exame do Fundo de Olho",              description: "Avaliação da retina e nervo óptico para detectar problemas como degeneração macular, retinopatia diabética e outras doenças do fundo do olho.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/glasses-male-hands-workplace-front-computer_169016-18822.jpg", imageAlt: "óculos receita prescrição eyewear ótica" },
-              items: [
-                { icon: CheckCircle, text: "Avaliação da retina" },
-                { icon: CheckCircle, text: "Detecção de degeneração macular" },
-                { icon: CheckCircle, text: "Diagnóstico de retinopatia" },
-              ],
-              reverse: false
-            },
-          ]}
-          animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={true}
+          faqsAnimation="slide-up"
+          faqs={[
+            {
+              id: "1",              title: "Consulta Oftalmológica Completa",              content: "Uma avaliação completa da saúde ocular. O oftalmologista conversa com você sobre seu histórico visual, realiza testes de visão e examina todos os componentes do olho. Este é o primeiro passo para entender sua condição visual e determinar se você precisa de óculos, lentes de contato ou tem alguma doença ocular que necessite tratamento."
+            },
+            {
+              id: "2",              title: "Exame de Refração (Teste de Visão)",              content: "Este exame determina se você tem miopia (dificuldade em ver de longe), hipermetropia (dificuldade em ver de perto) ou astigmatismo (visão embaçada em todas as distâncias). O resultado é usado para prescrever óculos ou lentes de contato com a receita correta para melhorar sua visão de forma confortável."
+            },
+            {
+              id: "3",              title: "Tonometria (Teste de Pressão Ocular)",              content: "Este procedimento mede a pressão dentro do olho. É importante para diagnosticar glaucoma, uma doença que danifica o nervo óptico. A pressão alta no olho pode levar a perda de visão se não for tratada. O teste é rápido e indolor, realizado com um equipamento especial que toca levemente a córnea."
+            },
+            {
+              id: "4",              title: "Biomicroscopia (Exame da Lâmpada de Fenda)",              content: "Um exame detalhado da frente do olho usando um microscópio especial chamado lâmpada de fenda. O oftalmologista pode examinar a córnea, íris, cristalino e outras estruturas. Este exame ajuda a diagnosticar cataratas, inflamações, ferimentos e outras doenças da superfície ocular."
+            },
+            {
+              id: "5",              title: "Fundoscopia (Exame do Fundo de Olho)",              content: "Um exame que permite ao oftalmologista ver a parte de trás do olho, incluindo a retina e o nervo óptico. Pode ser feito com dilatação das pupilas (usando colírio). Este exame é importante para diagnosticar glaucoma, retinopatia diabética, degeneração macular, descolamento de retina e outras doenças da retina."
+            },
+            {
+              id: "6",              title: "Teste de Campo Visual (Campimetria)",              content: "Este exame verifica se há áreas cegas ou perda de visão periférica (nas laterais). É especialmente importante para monitorar glaucoma. O paciente olha para um ponto enquanto luzes aparecem em diferentes posições do seu campo visual. O equipamento registra onde você consegue ver."
+            },
+            {
+              id: "7",              title: "Paquimetria (Medida da Espessura Corneal)",              content: "Um exame que mede a espessura da córnea (parte transparente frontal do olho). Esta medida é importante para diagnosticar alguns tipos de glaucoma e para avaliar a adequação de um paciente para cirurgias refrativas como LASIK. O procedimento é rápido e indolor."
+            },
+            {
+              id: "8",              title: "Avaliação para Óculos Prescritos",              content: "Uma avaliação completa que determina a receita exata para seus óculos ou lentes de contato. O oftalmologista testa sua visão em diferentes distâncias e optotipos (tabelas com letras). Você receberá uma receita que garante conforto visual máximo e clareza em todas as atividades do dia a dia."
+            },
+            {
+              id: "9",              title: "Acompanhamento para Doenças Oculares",              content: "Para pacientes com glaucoma, catarata, retinopatia diabética ou outras doenças, oferecemos acompanhamento contínuo. Avaliações periódicas monitoram a progressão da doença e garantem que o tratamento está funcionando adequadamente. Isso é essencial para prevenir complicações e preservar a visão."
+            },
+            {
+              id: "10",              title: "Consulta para Problemas de Visão",              content: "Se você tem dificuldade em ler, embaçamento repentino, dor nos olhos, vermelhidão, ou qualquer outro sintoma visual, realizamos uma avaliação completa para identificar a causa. Pode ser desde um erro refrativo simples até condições mais sérias que precisam de tratamento específico."
+            }
+          ]}
         />
       </div>
 
@@ -173,7 +157,7 @@ export default function LandingPage() {
             {
               title: "Navegação",              items: [
                 { label: "Sobre", href: "#about" },
-                { label: "Especialidades", href: "#specialties" },
+                { label: "Exames e Procedimentos", href: "#exams" },
                 { label: "Avaliações", href: "#testimonials" },
               ],
             },
@@ -198,4 +182,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}