src/app/page.tsx

@@ -32,6 +32,7 @@ export default function Page() {
           metrics={[{ id: "m1", icon: Zap, title: "Conversión", value: "+40%" }, { id: "m2", icon: Target, title: "Leads", value: "500+" }]}
           animationType="blur-reveal"
           textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
       <div id="servicios" data-section="servicios">
@@ -42,6 +43,7 @@ export default function Page() {
           showStepNumbers={true}
           animationType="blur-reveal"
           textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
       <div id="testimonios" data-section="testimonios">
@@ -50,6 +52,7 @@ export default function Page() {
           cardTitle="Historias de éxito"
           cardTag="Testimonios"
           cardAnimation="blur-reveal"
+          useInvertedBackground={false}
         />
       </div>
       <div id="contacto" data-section="contacto">
@@ -59,6 +62,7 @@ export default function Page() {
           description="Hablemos hoy sobre cómo llevar tu negocio al siguiente nivel."
           buttons={[{ text: "Escríbenos", href: "mailto:hello@mtyagency.com" }]}
           background={{ variant: "plain" }}
+          useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">