Update src/app/page.tsx

Merge version_18 into main

src/app/page.tsx

@@ -61,39 +61,47 @@ export default function LandingPage() {
       </div>
 
       <div id="specialties" data-section="specialties">
-        <div className="py-16 px-4">
-          <div className="max-w-4xl mx-auto">
-            <h2 className="text-3xl md:text-4xl font-bold mb-2">Especialidades e Serviços</h2>
-            <p className="text-lg text-foreground/75 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 border-accent/30 pb-6">
-                <h3 className="text-xl font-semibold mb-2">Consulta Oftalmológica</h3>
-                <p className="text-foreground/70">Avaliação completa da saúde ocular com anamnese detalhada e testes de visão.</p>
-              </div>
-              
-              <div className="border-b border-accent/30 pb-6">
-                <h3 className="text-xl font-semibold mb-2">Exame de Vista</h3>
-                <p className="text-foreground/70">Diagnóstico para correção visual adequada e prescrição de óculos ou lentes de contato.</p>
-              </div>
-              
-              <div className="border-b border-accent/30 pb-6">
-                <h3 className="text-xl font-semibold mb-2">Diagnóstico de Doenças Oculares</h3>
-                <p className="text-foreground/70">Identificação e tratamento de glaucoma, catarata, inflamações e outras patologias.</p>
-              </div>
-              
-              <div className="border-b border-accent/30 pb-6">
-                <h3 className="text-xl font-semibold mb-2">Acompanhamento Visual</h3>
-                <p className="text-foreground/70">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-foreground/70">Determinação precisa da receita ideal com conforto visual máximo.</p>
-              </div>
-            </div>
-          </div>
-        </div>
+        <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.",              imageSrc: "",              imageAlt: ""
+            },
+            {
+              title: "Exame de Vista",              description: "Diagnóstico para correção visual adequada e prescrição de óculos ou lentes de contato.",              imageSrc: "",              imageAlt: ""
+            },
+            {
+              title: "Diagnóstico de Doenças Oculares",              description: "Identificação e tratamento de glaucoma, catarata, inflamações e outras patologias.",              imageSrc: "",              imageAlt: ""
+            },
+            {
+              title: "Acompanhamento Visual",              description: "Monitoramento contínuo da saúde ocular ao longo do tempo para prevenção e controle.",              imageSrc: "",              imageAlt: ""
+            },
+            {
+              title: "Avaliação para Óculos",              description: "Determinação precisa da receita ideal com conforto visual máximo.",              imageSrc: "",              imageAlt: ""
+            },
+            {
+              title: "Tratamento de Presbiopia",              description: "Soluções personalizadas para dificuldade de visão de perto em maiores de 40 anos.",              imageSrc: "",              imageAlt: ""
+            },
+            {
+              title: "Detecção de Glaucoma",              description: "Rastreamento precoce e monitoramento contínuo da pressão intraocular para prevenção de cegueira.",              imageSrc: "",              imageAlt: ""
+            },
+            {
+              title: "Avaliação de Catarata",              description: "Diagnóstico completo e orientação sobre opções de tratamento para opacidade do cristalino.",              imageSrc: "",              imageAlt: ""
+            },
+            {
+              title: "Tratamento de Refrição",              description: "Correção de miopia, hipermetropia e astigmatismo com prescrição de óculos ou lentes.",              imageSrc: "",              imageAlt: ""
+            },
+            {
+              title: "Avaliação de Retina",              description: "Análise detalhada da retina para diagnóstico e tratamento de doenças retinianas.",              imageSrc: "",              imageAlt: ""
+            },
+          ]}
+          gridVariant="two-columns-alternating-heights"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+        />
       </div>
 
       <div id="testimonials" data-section="testimonials">