src/app/page.tsx

@@ -12,6 +12,11 @@ import FooterCard from '@/components/sections/footer/FooterCard';
 import { CheckCircle, Clock, Trophy, Shield, Scale, DollarSign, Gavel, MessageSquare, Star, Phone, Mail, MapPin, Briefcase } from 'lucide-react';
 
 export default function LandingPage() {
+  const handleContactFormSubmit = (data: Record<string, string>) => {
+    console.log('Form submitted:', data);
+    // Handle form submission - could send to backend or email service
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="text-shift"
@@ -152,6 +157,11 @@ export default function LandingPage() {
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={true}
+          buttons={[
+            { text: "Ligar Agora", href: "tel:+558199844071" },
+            { text: "Agende uma Consulta", href: "#contact" }
+          ]}
+          buttonAnimation="slide-up"
           ariaLabel="Métricas de desempenho"
         />
       </div>
@@ -159,7 +169,7 @@ export default function LandingPage() {
       <div id="contact" data-section="contact">
         <ContactSplitForm
           title="Entre em Contato Conosco"
-          description="Envie sua mensagem ou ligue diretamente. Responderemos em breve com uma avaliação gratuita do seu caso."
+          description="Envie sua mensagem ou ligue diretamente. Responderemos em breve com uma avaliação gratuita do seu caso. Atendimento 24h disponível."
           inputs={[
             { name: "name", type: "text", placeholder: "Seu Nome Completo", required: true },
             { name: "email", type: "email", placeholder: "Seu Email", required: true },
@@ -171,8 +181,9 @@ export default function LandingPage() {
           imageAlt="Consultoria jurídica profissional"
           mediaAnimation="slide-up"
           mediaPosition="right"
-          buttonText="Enviar Mensagem"
-          ariaLabel="Formulário de contato"
+          buttonText="Enviar Mensagem & Agendar Chamada"
+          onSubmit={handleContactFormSubmit}
+          ariaLabel="Formulário de contato e agendamento"
         />
       </div>
 

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #120a00e6;
-  --primary-cta: #FF7B05;
+  --background: #faf9f6;
+  --card: #f4f1ed;
+  --foreground: #1a1410;
+  --primary-cta: #c9a961;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #8b7355;
   --secondary-cta-text: #120a00e6;
-  --accent: #e2e2e2;
-  --background-accent: #FF7B05;
+  --accent: #d4af37;
+  --background-accent: #f0e6d2;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);