Update src/app/page.tsx

Merge version_16 into main

src/app/page.tsx

@@ -4,11 +4,9 @@ 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 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 (
@@ -62,61 +60,49 @@ export default function LandingPage() {
       </div>
 
       <div id="specialties" data-section="specialties">
-        <FeatureCardTen
-          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."
-          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}
-        />
+        <div style={{ padding: "var(--vw-3) var(--vw-1_5)", textAlign: "center", backgroundColor: "var(--background-accent)" }}>
+          <h2 style={{ fontSize: "2rem", marginBottom: "1.5rem", fontWeight: "bold" }}>Tabela de Exames e Serviços</h2>
+          <div style={{ overflowX: "auto", margin: "0 auto", maxWidth: "100%" }}>
+            <table style={{
+              width: "100%",              borderCollapse: "collapse",              backgroundColor: "var(--card)",              borderRadius: "8px",              overflow: "hidden",              boxShadow: "0 2px 4px rgba(0,0,0,0.1)"
+            }}>
+              <thead>
+                <tr style={{ backgroundColor: "var(--primary-cta)", color: "var(--primary-cta-text)" }}>
+                  <th style={{ padding: "1rem", textAlign: "left", borderRight: "1px solid var(--accent)" }}>Exame/Serviço</th>
+                  <th style={{ padding: "1rem", textAlign: "left", borderRight: "1px solid var(--accent)" }}>Descrição</th>
+                  <th style={{ padding: "1rem", textAlign: "left" }}>Indicação</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr style={{ borderBottom: "1px solid var(--accent)" }}>
+                  <td style={{ padding: "1rem", fontWeight: "bold", borderRight: "1px solid var(--accent)", color: "var(--foreground)" }}>Consulta Oftalmológica</td>
+                  <td style={{ padding: "1rem", borderRight: "1px solid var(--accent)", color: "var(--foreground)" }}>Avaliação completa da saúde ocular com anamnese detalhada e testes de visão.</td>
+                  <td style={{ padding: "1rem", color: "var(--foreground)" }}>Para todos que desejam verificar a saúde dos olhos</td>
+                </tr>
+                <tr style={{ borderBottom: "1px solid var(--accent)" }}>
+                  <td style={{ padding: "1rem", fontWeight: "bold", borderRight: "1px solid var(--accent)", color: "var(--foreground)" }}>Exame de Vista</td>
+                  <td style={{ padding: "1rem", borderRight: "1px solid var(--accent)", color: "var(--foreground)" }}>Diagnóstico para correção visual adequada e prescrição de óculos ou lentes de contato.</td>
+                  <td style={{ padding: "1rem", color: "var(--foreground)" }}>Dificuldade para enxergar, visão borrada ou embaçada</td>
+                </tr>
+                <tr style={{ borderBottom: "1px solid var(--accent)" }}>
+                  <td style={{ padding: "1rem", fontWeight: "bold", borderRight: "1px solid var(--accent)", color: "var(--foreground)" }}>Diagnóstico de Doenças Oculares</td>
+                  <td style={{ padding: "1rem", borderRight: "1px solid var(--accent)", color: "var(--foreground)" }}>Identificação e tratamento de glaucoma, catarata, inflamações e outras patologias.</td>
+                  <td style={{ padding: "1rem", color: "var(--foreground)" }}>Suspeita de glaucoma, catarata ou outras doenças oculares</td>
+                </tr>
+                <tr style={{ borderBottom: "1px solid var(--accent)" }}>
+                  <td style={{ padding: "1rem", fontWeight: "bold", borderRight: "1px solid var(--accent)", color: "var(--foreground)" }}>Acompanhamento Visual</td>
+                  <td style={{ padding: "1rem", borderRight: "1px solid var(--accent)", color: "var(--foreground)" }}>Monitoramento contínuo da saúde ocular ao longo do tempo para prevenção e controle.</td>
+                  <td style={{ padding: "1rem", color: "var(--foreground)" }}>Pacientes com histórico de doenças oculares ou idosos</td>
+                </tr>
+                <tr>
+                  <td style={{ padding: "1rem", fontWeight: "bold", borderRight: "1px solid var(--accent)", color: "var(--foreground)" }}>Avaliação para Óculos</td>
+                  <td style={{ padding: "1rem", borderRight: "1px solid var(--accent)", color: "var(--foreground)" }}>Determinação precisa da receita ideal com conforto visual máximo.</td>
+                  <td style={{ padding: "1rem", color: "var(--foreground)" }}>Necessidade de correção visual ou atualização de prescrição</td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
       </div>
 
       <div id="testimonials" data-section="testimonials">
@@ -198,4 +184,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}