Update src/app/page.tsx

src/app/page.tsx

@@ -61,39 +61,32 @@ export default function LandingPage() {
       </div>
 
       <div id="specialties" data-section="specialties">
-        <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>
+        <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: ""
+            },
+          ]}
+          gridVariant="two-columns-alternating-heights"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+        />
       </div>
 
       <div id="testimonials" data-section="testimonials">
@@ -175,4 +168,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}