Update src/app/page.tsx

Merge version_7 into main

src/app/layout.tsx

@@ -22,12 +22,12 @@ export const metadata: Metadata = {
   openGraph: {
     title: "Dr. Alexandre Nascimento - Oftalmologia",    description: "Especialista em cuidados visuais com excelência e humanização",    siteName: "Dr. Alexandre Nascimento",    type: "website",    images: [
       {
-        url: "http://img.b2bpic.net/free-photo/optometry-consultation-medical-office-with-indian-expert_482257-113522.jpg",        alt: "Dr. Alexandre Nascimento"
+        url: "/images/hero-clinic.jpg",        alt: "Dr. Alexandre Nascimento"
       }
     ]
   },
   twitter: {
-    card: "summary_large_image",    title: "Dr. Alexandre Nascimento - Oftalmologista",    description: "Cuidando da sua visão com excelência",    images: ["http://img.b2bpic.net/free-photo/optometry-consultation-medical-office-with-indian-expert_482257-113522.jpg"]
+    card: "summary_large_image",    title: "Dr. Alexandre Nascimento - Oftalmologista",    description: "Cuidando da sua visão com excelência",    images: ["/images/hero-clinic.jpg"]
   },
   robots: {
     index: true,
@@ -1419,4 +1419,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -30,6 +30,7 @@ export default function LandingPage() {
           navItems={[
             { name: "Sobre", id: "about" },
             { name: "Serviços", id: "services" },
+            { name: "Horários", id: "hours" },
             { name: "Avaliações", id: "testimonials" },
             { name: "Agendamento", id: "contact" }
           ]}
@@ -41,7 +42,7 @@ export default function LandingPage() {
           title="Dr. Alexandre Nascimento – Oftalmologia"
           description="Especialista em cuidar da sua visão com excelência e humanização"
           tag="Mato Grosso"
-          imageSrc="http://img.b2bpic.net/free-photo/optometry-consultation-medical-office-with-indian-expert_482257-113522.jpg?_wi=1"
+          imageSrc="/images/hero-clinic.jpg"
           imageAlt="Dr. Alexandre Nascimento em sua clínica"
           textPosition="bottom-left"
           showDimOverlay={true}
@@ -56,9 +57,9 @@ export default function LandingPage() {
       <div id="about" data-section="about">
         <MediaAbout
           title="Sobre o Dr. Alexandre Nascimento"
-          description="Médico oftalmologista reconhecido por seu atendimento humanizado, ética profissional e excelência clínica. Seu compromisso é oferecer diagnóstico preciso, tratamento eficaz e uma experiência confortável para cada paciente. Com uma clínica moderna e equipada com tecnologia de ponta, o Dr. Alexandre atende pacientes de todas as idades, sempre priorizando o cuidado individual e a saúde ocular completa."
+          description="Especialista em Oftalmologia com 15+ anos de experiência e certificação pela Sociedade Brasileira de Oftalmologia. Médico reconhecido por seu atendimento humanizado, ética profissional e excelência clínica. Seu compromisso é oferecer diagnóstico preciso, tratamento eficaz e uma experiência confortável para cada paciente. Com uma clínica moderna e equipada com tecnologia de ponta, o Dr. Alexandre atende pacientes de todas as idades, sempre priorizando o cuidado individual e a saúde ocular completa."
           tag="Excelência Clínica"
-          imageSrc="http://img.b2bpic.net/free-photo/pharmacist-work_23-2150600109.jpg"
+          imageSrc="/images/doctor-portrait.jpg"
           imageAlt="Dr. Alexandre Nascimento"
           useInvertedBackground={false}
           buttons={[
@@ -77,47 +78,67 @@ export default function LandingPage() {
           features={[
             {
               id: 1,
-              title: "Consulta Oftalmológica Completa",              description: "Avaliação completa da saúde ocular com equipamento de última geração",              imageSrc: "http://img.b2bpic.net/free-photo/optometry-consultation-medical-office-with-indian-expert_482257-113522.jpg?_wi=2",              imageAlt: "Consulta oftalmológica"
+              title: "Consulta Oftalmológica Completa",              description: "Avaliação completa da saúde ocular com equipamento de última geração",              imageSrc: "/images/consultation.jpg",              imageAlt: "Consulta oftalmológica"
             },
             {
               id: 2,
-              title: "Prescrição de Óculos e Lentes",              description: "Diagnóstico preciso de refração e prescrição personalizada para sua melhor visão",              imageSrc: "http://img.b2bpic.net/free-photo/optometry-consultation-medical-office-with-indian-expert_482257-113522.jpg?_wi=3",              imageAlt: "Prescrição de óculos"
+              title: "Prescrição de Óculos e Lentes",              description: "Diagnóstico preciso de refração e prescrição personalizada para sua melhor visão",              imageSrc: "/images/glasses-prescription.jpg",              imageAlt: "Prescrição de óculos"
             },
             {
               id: 3,
-              title: "Tratamento de Doenças Oculares",              description: "Tratamento especializado para diversas condições oftalmológicas",              imageSrc: "http://img.b2bpic.net/free-photo/optometry-consultation-medical-office-with-indian-expert_482257-113522.jpg?_wi=4",              imageAlt: "Tratamento ocular"
+              title: "Tratamento de Doenças Oculares",              description: "Tratamento especializado para diversas condições oftalmológicas",              imageSrc: "/images/eye-treatment.jpg",              imageAlt: "Tratamento ocular"
             },
             {
               id: 4,
-              title: "Exames Especializados",              description: "Tecnologia avançada para diagnósticos precisos e detecção precoce",              imageSrc: "http://img.b2bpic.net/free-photo/optometry-consultation-medical-office-with-indian-expert_482257-113522.jpg?_wi=5",              imageAlt: "Exames oftalmológicos"
+              title: "Exames Especializados",              description: "Tecnologia avançada para diagnósticos precisos e detecção precoce",              imageSrc: "/images/specialized-exams.jpg",              imageAlt: "Exames oftalmológicos"
             }
           ]}
         />
       </div>
 
-      <div id="metrics" data-section="metrics">
-        <MetricCardSeven
-          title="Estrutura da Clínica"
-          description="Padrão elevado de qualidade em todos os aspectos do cuidado"
-          tag="Nossa Clínica"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          animationType="slide-up"
-          metrics={[
-            {
-              id: "1",              value: "100%",              title: "Ambiente Moderno e Confortável",              items: ["Recepção acolhedora", "Salas de espera climatizadas", "Acessibilidade total"]
-            },
-            {
-              id: "2",              value: "Premium",              title: "Equipamentos de Última Geração",              items: ["Tecnologia oftalmológica avançada", "Instrumentos de precisão", "Sistemas de diagnóstico inovadores"]
-            },
-            {
-              id: "3",              value: "Ágil",              title: "Atendimento Organizado",              items: ["Agendamento facilitado", "Respeito ao horário", "Eficiência no atendimento"]
-            },
-            {
-              id: "4",              value: "Seguro",              title: "Higiene e Segurança",              items: ["Padrão hospitalar", "Protocolos rigorosos", "Ambiente estéril"]
-            }
-          ]}
-        />
+      <div id="hours" data-section="hours">
+        <div className="py-20 px-4 md:px-8">
+          <div className="max-w-4xl mx-auto">
+            <div className="text-center mb-12">
+              <h2 className="text-4xl md:text-5xl font-bold mb-4">Horários de Atendimento</h2>
+              <p className="text-lg text-gray-600">Confira nossos dias e horários de funcionamento</p>
+            </div>
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+              <div className="space-y-4">
+                <div className="flex justify-between items-center p-4 bg-gray-50 rounded-lg">
+                  <span className="font-semibold">Segunda-feira</span>
+                  <span className="text-right">08:00–12:00<br />13:30–18:00</span>
+                </div>
+                <div className="flex justify-between items-center p-4 bg-gray-50 rounded-lg">
+                  <span className="font-semibold">Terça-feira</span>
+                  <span className="text-right">08:00–12:00<br />13:30–18:00</span>
+                </div>
+                <div className="flex justify-between items-center p-4 bg-gray-50 rounded-lg">
+                  <span className="font-semibold">Quarta-feira</span>
+                  <span className="text-right">08:00–12:00<br />13:30–18:00</span>
+                </div>
+                <div className="flex justify-between items-center p-4 bg-gray-50 rounded-lg">
+                  <span className="font-semibold">Quinta-feira</span>
+                  <span className="text-right">08:00–12:00<br />13:30–18:00</span>
+                </div>
+              </div>
+              <div className="space-y-4">
+                <div className="flex justify-between items-center p-4 bg-gray-50 rounded-lg">
+                  <span className="font-semibold">Sexta-feira</span>
+                  <span className="text-right">08:00–12:00<br />13:30–17:00</span>
+                </div>
+                <div className="flex justify-between items-center p-4 bg-red-50 rounded-lg">
+                  <span className="font-semibold">Sábado</span>
+                  <span className="text-right font-semibold text-red-600">Fechado</span>
+                </div>
+                <div className="flex justify-between items-center p-4 bg-red-50 rounded-lg">
+                  <span className="font-semibold">Domingo</span>
+                  <span className="text-right font-semibold text-red-600">Fechado</span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
 
       <div id="testimonials" data-section="testimonials">
@@ -129,22 +150,22 @@ export default function LandingPage() {
           useInvertedBackground={false}
           testimonials={[
             {
-              id: "1",              name: "Renato Murato",              date: "Date: 2024",              title: "Melhor oftalmologista da cidade",              quote: "Melhor oftalmologista da cidade. Atendimento humanizado, olho no olho, médico que te escuta e resolve seu problema. Clínica linda de altíssimo padrão.",              tag: "Recomendado",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qhu5ku",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qhu5ku"
+              id: "1",              name: "Renato Murato",              date: "Date: 2024",              title: "Melhor oftalmologista da cidade",              quote: "Melhor oftalmologista da cidade. Atendimento humanizado, olho no olho, médico que te escuta e resolve seu problema. Clínica linda de altíssimo padrão.",              tag: "Recomendado",              avatarSrc: "",              imageSrc: "/images/testimonial-1.jpg"
             },
             {
-              id: "2",              name: "João Pedro Fagundes",              date: "Date: 2024",              title: "Experiência simplesmente excepcional",              quote: "Minha experiência foi simplesmente excepcional. Infraestrutura moderna e bem-cuidada, tudo planejado para conforto e conveniência.",              tag: "5 Estrelas",              avatarSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg?_wi=1"
+              id: "2",              name: "João Pedro Fagundes",              date: "Date: 2024",              title: "Experiência simplesmente excepcional",              quote: "Minha experiência foi simplesmente excepcional. Infraestrutura moderna e bem-cuidada, tudo planejado para conforto e conveniência.",              tag: "5 Estrelas",              avatarSrc: "",              imageSrc: "/images/testimonial-2.jpg"
             },
             {
-              id: "3",              name: "Paulo Henrique Bautzer",              date: "Date: 2024",              title: "Humanidade e carinho no atendimento",              quote: "Desde a recepcionista até o Dr. Alexandre, tudo excelente. Humanidade e carinho no atendimento.",              tag: "Muito Satisfeito",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tmw8tx",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tmw8tx"
+              id: "3",              name: "Paulo Henrique Bautzer",              date: "Date: 2024",              title: "Humanidade e carinho no atendimento",              quote: "Desde a recepcionista até o Dr. Alexandre, tudo excelente. Humanidade e carinho no atendimento.",              tag: "Muito Satisfeito",              avatarSrc: "",              imageSrc: "/images/testimonial-3.jpg"
             },
             {
-              id: "4",              name: "Maria Silva Santos",              date: "Date: 2024",              title: "Profissional altamente recomendado",              quote: "Profissional competente e atencioso. O Dr. Alexandre realmente se importa com o bem-estar de seus pacientes. Voltarei com certeza!",              tag: "Recomendo",              avatarSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg?_wi=2"
+              id: "4",              name: "Maria Silva Santos",              date: "Date: 2024",              title: "Profissional altamente recomendado",              quote: "Profissional competente e atencioso. O Dr. Alexandre realmente se importa com o bem-estar de seus pacientes. Voltarei com certeza!",              tag: "Recomendo",              avatarSrc: "",              imageSrc: "/images/testimonial-4.jpg"
             },
             {
-              id: "5",              name: "Carlos Eduardo Mendes",              date: "Date: 2024",              title: "Cuidado oftalmológico de excelência",              quote: "Recebi o cuidado oftalmológico de excelência que esperava. Técnicas modernas e profissionalismo de primeira qualidade.",              tag: "Excelente",              avatarSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg?_wi=3"
+              id: "5",              name: "Carlos Eduardo Mendes",              date: "Date: 2024",              title: "Cuidado oftalmológico de excelência",              quote: "Recebi o cuidado oftalmológico de excelência que esperava. Técnicas modernas e profissionalismo de primeira qualidade.",              tag: "Excelente",              avatarSrc: "",              imageSrc: "/images/testimonial-5.jpg"
             },
             {
-              id: "6",              name: "Fernanda Oliveira Costa",              date: "Date: 2024",              title: "Conforto e segurança garantidos",              quote: "Me senti confortável e segura durante toda a consulta. O Dr. Alexandre explica tudo com clareza e paciência.",              tag: "Muito Bom",              avatarSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg?_wi=4"
+              id: "6",              name: "Fernanda Oliveira Costa",              date: "Date: 2024",              title: "Conforto e segurança garantidos",              quote: "Me senti confortável e segura durante toda a consulta. O Dr. Alexandre explica tudo com clareza e paciência.",              tag: "Muito Bom",              avatarSrc: "",              imageSrc: "/images/testimonial-6.jpg"
             }
           ]}
         />
@@ -154,12 +175,12 @@ export default function LandingPage() {
         <ContactCenter
           tag="Agende Agora"
           title="Cuidar da sua visão é cuidar da sua qualidade de vida"
-          description="Agende sua consulta com facilidade - estamos aqui para cuidar da sua visão"
+          description="Clique abaixo para falar diretamente via WhatsApp: (65) 99919-0657"
           background={{ variant: "rotated-rays-animated" }}
           useInvertedBackground={false}
-          inputPlaceholder="Seu email"
-          buttonText="Enviar"
-          termsText="Respeitamos sua privacidade. Você pode se desinscrever a qualquer momento."
+          inputPlaceholder="(65) 99919-0657"
+          buttonText="Enviar via WhatsApp"
+          termsText="Clique para enviar mensagem via WhatsApp - Respeitamos sua privacidade."
         />
       </div>
 
@@ -170,13 +191,14 @@ export default function LandingPage() {
               title: "Navegação",              items: [
                 { label: "Sobre", href: "#about" },
                 { label: "Serviços", href: "#services" },
+                { label: "Horários", href: "#hours" },
                 { label: "Avaliações", href: "#testimonials" }
               ]
             },
             {
               title: "Contato",              items: [
-                { label: "Telefone", href: "#" },
-                { label: "WhatsApp", href: "#" },
+                { label: "WhatsApp", href: "https://wa.me/5565999190657" },
+                { label: "Telefone", href: "tel:+5565999190657" },
                 { label: "Endereço", href: "#" }
               ]
             },

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ff93e4;;
   --background-accent: #e8a8c3;; */
 
-  --background: #f7f6f7;;
-  --card: #ffffff;;
-  --foreground: #1b0c25;;
-  --primary-cta: #1b0c25;;
-  --primary-cta-text: #f7f6f7;;
-  --secondary-cta: #ffffff;;
-  --secondary-cta-text: #1b0c25;;
-  --accent: #ff93e4;;
-  --background-accent: #e8a8c3;;
+  --background: #ffffff;;
+  --card: #f9f9f9;;
+  --foreground: #5cfaff;;
+  --primary-cta: #0ec9e9;;
+  --primary-cta-text: #ffffff;;
+  --secondary-cta: #f9f9f9;;
+  --secondary-cta-text: #000612e6;;
+  --accent: #e2e2e2;;
+  --background-accent: #c4c4c4;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);