From b35a438d057ebcff0e97ccca0e4207bfef2b226a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 5 Mar 2026 20:25:41 +0000
Subject: [PATCH] Switch to version 7: modified src/app/page.tsx

---
 src/app/page.tsx | 131 ++++++++++++++++++++++-------------------------
 1 file changed, 60 insertions(+), 71 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ca69f98..b8f225c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,28 +2,27 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
-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 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 FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
-import { Target, Zap, Eye, Microscope, Users, TrendingUp } from "lucide-react";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="hover-magnetic"
-      defaultTextAnimation="entrance-slide"
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="reveal-blur"
       borderRadius="rounded"
-      contentWidth="medium"
-      sizing="largeSizeMediumTitles"
-      background="circleGradient"
-      cardStyle="solid"
-      primaryButtonStyle="gradient"
-      secondaryButtonStyle="solid"
-      headingFontWeight="bold"
+      contentWidth="smallMedium"
+      sizing="largeSmallSizeLargeTitles"
+      background="fluid"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="semibold"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleApple
@@ -38,73 +37,56 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroCentered
+        <HeroBillboard
           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">
-        <MediaAbout
+        <TextSplitAbout
           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 para diagnósticos precisos e tratamentos eficazes."
-          tag="About Us"
+          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 ⭐)."
+          ]}
           buttons={[{ text: "Saiba Mais", href: "#specialties" }]}
-          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"
+          showBorder={true}
           useInvertedBackground={false}
         />
       </div>
 
       <div id="specialties" data-section="specialties">
-        <FeatureCardTwentyFive
+        <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.",              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?_wi=1",                  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: "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: "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: "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: "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?_wi=2",                  imageAlt: "consulta médico paciente consultório oftalmologia"},
-              ],
+              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"
             },
           ]}
+          gridVariant="two-columns-alternating-heights"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={true}
@@ -112,58 +94,64 @@ export default function LandingPage() {
       </div>
 
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardTwo
+        <TestimonialCardTen
           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",              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: "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: "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?_wi=1",              imageAlt: "homem retrato paciente satisfeito profissional"},
+              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: "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: "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: "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: "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: "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: "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: "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?_wi=2",              imageAlt: "homem retrato paciente recomendação positivo"},
+              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"
+            },
           ]}
         />
       </div>
 
       <div id="metrics" data-section="metrics">
-        <MetricCardOne
+        <MetricCardFourteen
           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",              title: "★ Rating",              description: "Avaliação média de mais de 200 pacientes satisfeitos",              icon: TrendingUp,
+              id: "1",              value: "4.9★",              description: "Avaliação média de mais de 200 pacientes satisfeitos no Google"
             },
             {
-              id: "2",              value: "200",              title: "+ Reviews",              description: "Avaliações positivas de pacientes em todo Mato Grosso",              icon: Users,
+              id: "2",              value: "200+",              description: "Avaliações positivas de pacientes em todo o estado de Mato Grosso"
             },
           ]}
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          textboxLayout="default"
+          metricsAnimation="slide-up"
           useInvertedBackground={true}
         />
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactCenter
+        <ContactSplit
           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}
-          inputPlaceholder="seu@email.com"
+          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="(65) 99919-0657"
           buttonText="Enviar"
           termsText="Você receberá informações sobre agendamento conforme enviado. Respeitamos sua privacidade."
         />
@@ -184,7 +172,8 @@ 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" },
               ],
             },