From 15d011be4feed2e11f48fbdd75f756ca04559251 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 5 Mar 2026 20:19:44 +0000
Subject: [PATCH 1/3] Update src/app/page.tsx

---
 src/app/page.tsx | 129 +++++++++++++++++++++++++----------------------
 1 file changed, 70 insertions(+), 59 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 833c7a4..3a1952b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,27 +2,28 @@
 
 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 FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
-import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
-import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
-import ContactSplit from "@/components/sections/contact/ContactSplit";
+import HeroCentered from "@/components/sections/hero/HeroCentered";
+import MediaAbout from "@/components/sections/about/MediaAbout";
+import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
+import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
+import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
+import { Target, Zap, Eye, Microscope, Users, TrendingUp } from "lucide-react";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="expand-hover"
-      defaultTextAnimation="reveal-blur"
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
-      contentWidth="smallMedium"
-      sizing="largeSmallSizeLargeTitles"
-      background="fluid"
-      cardStyle="gradient-radial"
-      primaryButtonStyle="primary-glow"
-      secondaryButtonStyle="glass"
-      headingFontWeight="semibold"
+      contentWidth="medium"
+      sizing="largeSizeMediumTitles"
+      background="circleGradient"
+      cardStyle="solid"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleApple
@@ -37,56 +38,73 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboard
+        <HeroCentered
           title="Cuidado Visual de Excelência"
           description="Cuidado completo para a saúde dos seus olhos com tecnologia moderna e atendimento humanizado."
           background={{ variant: "plain" }}
+          avatars={[
+            {
+              src: "http://img.b2bpic.net/free-photo/natural-beauty-young-woman_329181-1207.jpg",              alt: "Paciente satisfeito"},
+            {
+              src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              alt: "Paciente satisfeito"},
+            {
+              src: "http://img.b2bpic.net/free-photo/portrait-mother-daughter-embracing-each-other_1170-2701.jpg",              alt: "Paciente satisfeito"},
+          ]}
+          avatarText="Trusted by 200+ satisfied patients"
           buttons={[
             { text: "📞 Agendar Consulta", href: "#contact" },
             { text: "💬 WhatsApp", href: "https://wa.me/5565999190657" },
           ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARFztSxKGawKofg6qXWL5p5C2j/uploaded-1772725751716-5637zce4.webp"
-          imageAlt="consultório oftalmologia médico exame olhos"
-          mediaAnimation="slide-up"
           buttonAnimation="slide-up"
         />
       </div>
 
       <div id="about" data-section="about">
-        <TextSplitAbout
+        <MediaAbout
           title="Sobre o Dr. Alexandre Nascimento"
-          description={[
-            "O Dr. Alexandre Nascimento é um oftalmologista experiente e comprometido com o bem-estar visual de seus pacientes. Com formação sólida em diagnóstico e tratamento de doenças oculares, oferece atendimento personalizado e humanizado.",            "A clínica utiliza equipamentos modernos e tecnologia de última geração, permitindo diagnósticos precisos e tratamentos eficazes para diversas patologias oculares. Cada paciente é tratado com respeito, atenção e dedicação à excelência.",            "Localizada em Nova Mutum, a clínica é referência em oftalmologia, com mais de 200 avaliações positivas de pacientes satisfeitos (4.9 ⭐)."
-          ]}
+          description="O Dr. Alexandre Nascimento é um oftalmologista experiente e comprometido com o bem-estar visual de seus pacientes. Com formação sólida em diagnóstico e tratamento de doenças oculares, oferece atendimento personalizado e humanizado. A clínica utiliza equipamentos modernos e tecnologia de última geração para diagnósticos precisos e tratamentos eficazes."
+          tag="About Us"
           buttons={[{ text: "Saiba Mais", href: "#specialties" }]}
-          showBorder={true}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARFztSxKGawKofg6qXWL5p5C2j/uploaded-1772725751716-5637zce4.webp"
+          imageAlt="consultório oftalmologia médico exame olhos"
           useInvertedBackground={false}
         />
       </div>
 
       <div id="specialties" data-section="specialties">
-        <FeatureCardOne
+        <FeatureCardTwentyFive
           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: "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"
+              title: "Consulta Oftalmológica",              description: "Avaliação completa da saúde ocular com anamnese detalhada e testes de visão.",              icon: Eye,
+              mediaItems: [
+                {
+                  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"},
+                {
+                  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"},
+              ],
             },
             {
-              title: "Exame de Vista",              description: "Diagnóstico para correção visual adequada e prescrição de óculos ou lentes de contato.",              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"
+              title: "Exame de Vista",              description: "Diagnóstico para correção visual adequada e prescrição de óculos ou lentes de contato.",              icon: Microscope,
+              mediaItems: [
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/man-having-eye-sight-check_23-2149082434.jpg",                  imageAlt: "diagnóstico doença oftalmologia catarata glaucoma"},
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/doctor-testing-patient-eyesight_23-2149230018.jpg",                  imageAlt: "monitoramento saúde visual acompanhamento médico"},
+              ],
             },
             {
-              title: "Diagnóstico de Doenças Oculares",              description: "Identificação e tratamento de glaucoma, catarata, inflamações e outras patologias.",              imageSrc: "http://img.b2bpic.net/free-photo/man-having-eye-sight-check_23-2149082434.jpg",              imageAlt: "diagnóstico doença oftalmologia catarata glaucoma"
-            },
-            {
-              title: "Acompanhamento Visual",              description: "Monitoramento contínuo da saúde ocular ao longo do tempo para prevenção e controle.",              imageSrc: "http://img.b2bpic.net/free-photo/doctor-testing-patient-eyesight_23-2149230018.jpg",              imageAlt: "monitoramento saúde visual acompanhamento médico"
-            },
-            {
-              title: "Avaliação para Óculos",              description: "Determinação precisa da receita ideal com conforto visual máximo.",              imageSrc: "http://img.b2bpic.net/free-photo/glasses-male-hands-workplace-front-computer_169016-18822.jpg",              imageAlt: "óculos receita prescrição eyewear ótica"
+              title: "Diagnóstico de Doenças Oculares",              description: "Identificação e tratamento de glaucoma, catarata, inflamações e outras patologias.",              icon: Zap,
+              mediaItems: [
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/glasses-male-hands-workplace-front-computer_169016-18822.jpg",                  imageAlt: "óculos receita prescrição eyewear ótica"},
+                {
+                  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"},
+              ],
             },
           ]}
-          gridVariant="two-columns-alternating-heights"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={true}
@@ -94,63 +112,57 @@ export default function LandingPage() {
       </div>
 
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardTen
+        <TestimonialCardTwo
           title="Avaliações dos Pacientes"
           description="Veja o que nossos pacientes dizem sobre o atendimento e resultados."
           tag="Depoimentos"
           textboxLayout="default"
+          animationType="slide-up"
           useInvertedBackground={false}
           testimonials={[
             {
-              id: "1",              title: "Excelente diagnóstico e atendimento humanizado",              quote: "O Dr. Alexandre é muito atencioso e competente. Realizei meu exame de vista e recebi todo o suporte necessário. Recomendo para todos!",              name: "Maria Silva",              role: "Paciente",              imageSrc: "http://img.b2bpic.net/free-photo/natural-beauty-young-woman_329181-1207.jpg",              imageAlt: "mulher retrato paciente feliz sorriso"
-            },
+              id: "1",              name: "Maria Silva",              role: "Paciente",              testimonial: "O Dr. Alexandre é muito atencioso e competente. Realizei meu exame de vista e recebi todo o suporte necessário. Recomendo para todos!",              imageSrc: "http://img.b2bpic.net/free-photo/natural-beauty-young-woman_329181-1207.jpg",              imageAlt: "mulher retrato paciente feliz sorriso"},
             {
-              id: "2",              title: "Tecnologia moderna e precisão no diagnóstico",              quote: "Fiz acompanhamento para glaucoma e fiquei impressionado com os equipamentos e a precisão do diagnóstico. Muito profissional!",              name: "João Santos",              role: "Paciente",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1",              imageAlt: "homem retrato paciente satisfeito profissional"
-            },
+              id: "2",              name: "João Santos",              role: "Paciente",              testimonial: "Fiz acompanhamento para glaucoma e fiquei impressionado com os equipamentos e a precisão do diagnóstico. Muito profissional!",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              imageAlt: "homem retrato paciente satisfeito profissional"},
             {
-              id: "3",              title: "Atendimento que faz a diferença",              quote: "Levei minha filha para avaliação oftalmológica. O Dr. Alexandre foi muito paciente e explicou tudo com clareza. Ótima experiência!",              name: "Ana Costa",              role: "Mãe",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-mother-daughter-embracing-each-other_1170-2701.jpg",              imageAlt: "mulher mãe retrato sorriso positivo"
-            },
+              id: "3",              name: "Ana Costa",              role: "Mãe",              testimonial: "Levei minha filha para avaliação oftalmológica. O Dr. Alexandre foi muito paciente e explicou tudo com clareza. Ótima experiência!",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-mother-daughter-embracing-each-other_1170-2701.jpg",              imageAlt: "mulher mãe retrato sorriso positivo"},
             {
-              id: "4",              title: "Referência em oftalmologia em Nova Mutum",              quote: "Sou idoso e fui avaliar problema de catarata. Recebi diagnóstico completo e orientação excelente. Voltarei com certeza!",              name: "Roberto Oliveira",              role: "Paciente",              imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-athlete-listening-music-earphones-while-running-nature-copy-space_637285-3843.jpg",              imageAlt: "homem idoso retrato confiança saúde"
-            },
+              id: "4",              name: "Roberto Oliveira",              role: "Paciente",              testimonial: "Sou idoso e fui avaliar problema de catarata. Recebi diagnóstico completo e orientação excelente. Voltarei com certeza!",              imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-athlete-listening-music-earphones-while-running-nature-copy-space_637285-3843.jpg",              imageAlt: "homem idoso retrato confiança saúde"},
             {
-              id: "5",              title: "Precisão e humanização no atendimento",              quote: "Dr. Alexandre combina precisão técnica com um atendimento genuinamente humanizado. Senti-me verdadeiramente cuidado.",              name: "Carla Ferreira",              role: "Paciente",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "mulher retrato profissional confiante sorriso"
-            },
+              id: "5",              name: "Carla Ferreira",              role: "Paciente",              testimonial: "Dr. Alexandre combina precisão técnica com um atendimento genuinamente humanizado. Senti-me verdadeiramente cuidado.",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "mulher retrato profissional confiante sorriso"},
             {
-              id: "6",              title: "Melhor oftalmologista de Nova Mutum",              quote: "Recomendo fortemente! O atendimento é de excelência, os equipamentos são modernos e os resultados são garantidos.",              name: "Paulo Mendes",              role: "Paciente",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2",              imageAlt: "homem retrato paciente recomendação positivo"
-            },
+              id: "6",              name: "Paulo Mendes",              role: "Paciente",              testimonial: "Recomendo fortemente! O atendimento é de excelência, os equipamentos são modernos e os resultados são garantidos.",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              imageAlt: "homem retrato paciente recomendação positivo"},
           ]}
         />
       </div>
 
       <div id="metrics" data-section="metrics">
-        <MetricCardFourteen
+        <MetricCardOne
           title="Somos reconhecidos pela qualidade e dedicação ao cuidado visual de nossos pacientes."
+          description="Resultados que falam por si"
           tag="Resultados"
           metrics={[
             {
-              id: "1",              value: "4.9★",              description: "Avaliação média de mais de 200 pacientes satisfeitos no Google"
+              id: "1",              value: "4.9",              title: "★ Rating",              description: "Avaliação média de mais de 200 pacientes satisfeitos",              icon: TrendingUp,
             },
             {
-              id: "2",              value: "200+",              description: "Avaliações positivas de pacientes em todo o estado de Mato Grosso"
+              id: "2",              value: "200",              title: "+ Reviews",              description: "Avaliações positivas de pacientes em todo Mato Grosso",              icon: Users,
             },
           ]}
-          metricsAnimation="slide-up"
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          textboxLayout="default"
           useInvertedBackground={true}
         />
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactSplit
+        <ContactCenter
           tag="Agendamento"
           title="Agende sua Consulta Agora"
           description="Entre em contato conosco para marcar sua consulta. Estamos localizados em Nova Mutum, com horários convenientes para você cuidar da saúde dos seus olhos."
           background={{ variant: "plain" }}
           useInvertedBackground={false}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARFztSxKGawKofg6qXWL5p5C2j/uploaded-1772725758205-uzon5gw5.webp"
-          imageAlt="consultório interior clínica moderno acolhedor"
-          mediaAnimation="slide-up"
-          mediaPosition="right"
           inputPlaceholder="seu@email.com"
           buttonText="Enviar"
           termsText="Você receberá informações sobre agendamento conforme enviado. Respeitamos sua privacidade."
@@ -172,8 +184,7 @@ export default function LandingPage() {
               title: "Contato",              items: [
                 { label: "📞 (65) 99919-0657", href: "tel:+5565999190657" },
                 {
-                  label: "📍 Av. das Águias, 668 W - Parque dos Ingás - Nova Mutum, MT",                  href: "https://maps.google.com/?q=Av+das+Águias+668+W+Parque+dos+Ingás+Nova+Mutum+MT"
-                },
+                  label: "📍 Av. das Águias, 668 W - Parque dos Ingás - Nova Mutum, MT",                  href: "https://maps.google.com/?q=Av+das+Águias+668+W+Parque+dos+Ingás+Nova+Mutum+MT"},
                 { label: "💬 WhatsApp", href: "https://wa.me/5565999190657" },
               ],
             },
-- 
2.49.1


From 12c097b9e877a719c70f396abd9d76cabb266898 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 5 Mar 2026 20:19:44 +0000
Subject: [PATCH 2/3] Update src/app/styles/base.css

---
 src/app/styles/base.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/styles/base.css b/src/app/styles/base.css
index be35e85..34aea07 100644
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-manrope), sans-serif;
+  font-family: var(--font-inter), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-manrope), sans-serif;
+  font-family: var(--font-inter), sans-serif;
 }
-- 
2.49.1


From 0995503f0e9e0fc207d5fff859e53744d001f67b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 5 Mar 2026 20:19:44 +0000
Subject: [PATCH 3/3] Update src/app/styles/variables.css

---
 src/app/styles/variables.css | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 5038a9b..d4b61d1 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
-  --card: #ffffff;
-  --foreground: #1c1c1c;
-  --primary-cta: #1f514c;
-  --primary-cta-text: #f5f5f5;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #1c1c1c;
-  --accent: #159c49;
-  --background-accent: #a8e8ba;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000000;
+  --primary-cta: #00d4ff;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #120a00e6;
+  --accent: #e2e2e2;
+  --background-accent: #00d4ff;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
-- 
2.49.1