Update src/app/page.tsx

Merge version_17 into main

src/app/page.tsx

@@ -61,32 +61,39 @@ export default function LandingPage() {
       </div>
 
       <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."
-          tag="Serviços"
-          features={[
-            {
-              title: "Consulta Oftalmológica",              description: "Avaliação completa da saúde ocular com anamnese detalhada e testes de visão.",              videoSrc: "https://example.com/consulta.mp4",              videoAriaLabel: "consulta oftalmológica"
-            },
-            {
-              title: "Exame de Vista",              description: "Diagnóstico para correção visual adequada e prescrição de óculos ou lentes de contato.",              videoSrc: "https://example.com/exame.mp4",              videoAriaLabel: "exame de vista oftalmológico"
-            },
-            {
-              title: "Diagnóstico de Doenças Oculares",              description: "Identificação e tratamento de glaucoma, catarata, inflamações e outras patologias.",              videoSrc: "https://example.com/diagnostico.mp4",              videoAriaLabel: "diagnóstico oftalmológico"
-            },
-            {
-              title: "Acompanhamento Visual",              description: "Monitoramento contínuo da saúde ocular ao longo do tempo para prevenção e controle.",              videoSrc: "https://example.com/acompanhamento.mp4",              videoAriaLabel: "acompanhamento visual médico"
-            },
-            {
-              title: "Avaliação para Óculos",              description: "Determinação precisa da receita ideal com conforto visual máximo.",              videoSrc: "https://example.com/oculos.mp4",              videoAriaLabel: "avaliação para óculos"
-            },
-          ]}
-          gridVariant="two-columns-alternating-heights"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={true}
-        />
+        <div className="flex flex-col gap-8 py-20">
+          <div className="max-w-4xl mx-auto">
+            <h2 className="text-4xl font-bold mb-4">Especialidades e Serviços</h2>
+            <p className="text-lg text-gray-600 mb-8">Oferecemos uma gama completa de serviços oftalmológicos com diagnóstico preciso e tratamento eficaz.</p>
+            
+            <div className="space-y-6">
+              <div className="border-b pb-6">
+                <h3 className="text-xl font-semibold mb-2">Consulta Oftalmológica</h3>
+                <p className="text-gray-700">Avaliação completa da saúde ocular com anamnese detalhada e testes de visão.</p>
+              </div>
+              
+              <div className="border-b pb-6">
+                <h3 className="text-xl font-semibold mb-2">Exame de Vista</h3>
+                <p className="text-gray-700">Diagnóstico para correção visual adequada e prescrição de óculos ou lentes de contato.</p>
+              </div>
+              
+              <div className="border-b pb-6">
+                <h3 className="text-xl font-semibold mb-2">Diagnóstico de Doenças Oculares</h3>
+                <p className="text-gray-700">Identificação e tratamento de glaucoma, catarata, inflamações e outras patologias.</p>
+              </div>
+              
+              <div className="border-b pb-6">
+                <h3 className="text-xl font-semibold mb-2">Acompanhamento Visual</h3>
+                <p className="text-gray-700">Monitoramento contínuo da saúde ocular ao longo do tempo para prevenção e controle.</p>
+              </div>
+              
+              <div className="pb-6">
+                <h3 className="text-xl font-semibold mb-2">Avaliação para Óculos</h3>
+                <p className="text-gray-700">Determinação precisa da receita ideal com conforto visual máximo.</p>
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
 
       <div id="testimonials" data-section="testimonials">