Update src/app/contacto/page.tsx

src/app/contacto/page.tsx

@@ -3,7 +3,7 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import ContactText from "@/components/sections/contact/ContactText";
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBase from "@/components/sections/footer/FooterBase";
 
 export const metadata = {
@@ -21,7 +21,7 @@ export default function ContactoPage() {
       sizing="medium"
       background="none"
       cardStyle="glass-elevated"
-      primaryButtonStyle="metallic"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
       headingFontWeight="medium"
     >
@@ -39,16 +39,11 @@ export default function ContactoPage() {
           button={{ text: "Comenzar", href: "/contacto" }}
         />
         <div id="contacto" data-section="contacto">
-          <ContactText
+          <ContactSplit
             tag="Trabajemos Juntos"
             title="¿Listo para impulsar tu Negocio?"
             description="Conectemos para discutir tus ideas. Estamos aquí para ayudarte a crecer con soluciones digitales innovadoras. Envíanos un mensaje o agenda una consulta gratuita."
             background={{ variant: "rotated-rays-animated" }}
-            buttons={[
-              { text: "Agenda una Llamada", href: "#" },
-              { text: "Envía un Correo", href: "mailto:info@webuild.com" },
-            ]}
-            buttonAnimation="slide-up"
             useInvertedBackground={false}
           />
         </div>
@@ -64,24 +59,24 @@ export default function ContactoPage() {
                 { label: "Portafolio", href: "/portafolio" },
                 { label: "Contacto", href: "/contacto" },
                 { label: "Política de Privacidad", href: "/privacy-policy" }
-              ],
+              ]
             },
             {
               title: "Servicios",              items: [
                 { label: "Desarrollo Web", href: "#" },
                 { label: "SEO", href: "#" },
                 { label: "Marca", href: "#" },
-                { label: "Diseño UI/UX", href: "#" },
-              ],
+                { label: "Diseño UI/UX", href: "#" }
+              ]
             },
             {
               title: "Conectar",              items: [
                 { label: "Twitter", href: "#" },
                 { label: "LinkedIn", href: "#" },
                 { label: "Instagram", href: "#" },
-                { label: "Dribbble", href: "#" },
-              ],
-            },
+                { label: "Dribbble", href: "#" }
+              ]
+            }
           ]}
         />
       </ReactLenis>