Update src/app/page.tsx

Merge version_9 into main

src/app/layout.tsx

@@ -1,7 +1,9 @@
 import type { Metadata } from "next";
+import "./globals.css";
 
 export const metadata: Metadata = {
-  title: "Dr. Alexandre Nascimento - Oftalmologia",  description: "Cuidado visual de excelência. Consultas oftalmológicas completas com tecnologia moderna em Nova Mutum."};
+  title: "Dr. Alexandre Nascimento - Oftalmologia",  description: "Cuidado visual de excelência com tecnologia moderna e atendimento humanizado em Nova Mutum."
+};
 
 export default function RootLayout({
   children,

src/app/page.tsx

@@ -39,10 +39,10 @@ export default function LandingPage() {
       <div id="hero" data-section="hero">
         <HeroBillboard
           title="Cuidado Visual de Excelência"
-          description="Cuidado completo para a saúde dos seus olhos com tecnologia moderna e atendimento humanizado."
+          description="Cuidado completo para a saúde dos seus olhos com tecnologia moderna e atendimento humanizado. ☎️ (65) 99919-0657"
           background={{ variant: "plain" }}
           buttons={[
-            { text: "📞 Agendar Consulta", href: "#contact" },
+            { text: "Agendar Consulta", href: "tel:+5565999190657" },
             { text: "💬 WhatsApp", href: "https://wa.me/5565999190657" },
           ]}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARFztSxKGawKofg6qXWL5p5C2j/uploaded-1772725751716-5637zce4.webp"
@@ -151,8 +151,8 @@ export default function LandingPage() {
           imageAlt="consultório interior clínica moderno acolhedor"
           mediaAnimation="slide-up"
           mediaPosition="right"
-          inputPlaceholder="seu@email.com"
-          buttonText="Enviar"
+          inputPlaceholder="(65) 99919-0657"
+          buttonText="(65) 99919-0657"
           termsText="Você receberá informações sobre agendamento conforme enviado. Respeitamos sua privacidade."
         />
       </div>

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;
 }

src/app/styles/variables.css

@@ -10,14 +10,14 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f0e9;
-  --card: #ffffff;
+  --background: #efebe5;
+  --card: #f7f2ea;
   --foreground: #2b2b2b;
   --primary-cta: #2b2b2b;
   --primary-cta-text: #ffffff;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #120a00e6;
-  --accent: #e8e2d8;
+  --accent: #e1b875;
   --background-accent: #d4cec0;
 
   /* text sizing - set by ThemeProvider */