Update src/app/page.tsx

Merge version_7 into main

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" }
           ]}
@@ -95,6 +96,51 @@ export default function LandingPage() {
         />
       </div>
 
+      <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">
         <TestimonialCardFive
           title="Avaliações de Pacientes"
@@ -145,6 +191,7 @@ 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" }
               ]
             },
@@ -169,4 +216,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}