Update src/app/contacto/page.tsx

src/app/contacto/page.tsx

@@ -5,7 +5,6 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import { Sparkles, Search, ArrowUpRight, Monitor, Shield, Zap, Puzzle, TrendingUp, Lock, Phone, MessageCircle, BookOpen, Tv, Camera, Music, Settings, Award, Users } from "lucide-react";
 
 export default function ContactoPage() {
   return (
@@ -22,64 +21,69 @@ export default function ContactoPage() {
       headingFontWeight="medium"
     >
       <ReactLenis root>
-        <NavbarLayoutFloatingOverlay
-          brandName="Webild"
-          navItems={[
-            { name: "Inicio", href: "/" },
-            { name: "Portafolio", href: "/portafolio" },
-            { name: "Servicios", href: "/#services" },
-            { name: "Nosotros", href: "/#about" },
-            { name: "Contacto", href: "/contacto" }
-          ]}
-          button={{ text: "Comenzar", href: "/contacto" }}
-        />
-        <ContactSplitForm
-          title="Ponte en Contacto"
-          description="¿Listo para transformar tu presencia digital? Hablemos de tu próximo proyecto. Completa el formulario y nos pondremos en contacto contigo pronto."
-          useInvertedBackground={false}
-          inputs={[
-            { name: "name", type: "text", placeholder: "Tu Nombre", required: true },
-            { name: "email", type: "email", placeholder: "Tu Email", required: true },
-          ]}
-          textarea={{
-            name: "message",            placeholder: "Tu Mensaje",            rows: 5,
-            required: true,
-          }}
-          buttonText="Enviar Mensaje"
-          onSubmit={(data) => console.log(data) /* Implement your submission logic here */}
-          mediaPosition="right"
-        />
-        <FooterBase
-          logoText="Webild"
-          copyrightText="© 2026 | Webild"
-          columns={[
-            {
-              title: "Compañía",              items: [
-                { label: "Inicio", href: "/" },
-                { label: "Nosotros", href: "/#about" },
-                { label: "Servicios", href: "/#services" },
-                { label: "Portafolio", href: "/portafolio" },
-                { label: "Contacto", href: "/contacto" },
-              ],
-            },
-            {
-              title: "Servicios",              items: [
-                { label: "Desarrollo Web", href: "#" },
-                { label: "SEO", href: "#" },
-                { label: "Marca", href: "#" },
-                { label: "Diseño UI/UX", href: "#" },
-              ],
-            },
-            {
-              title: "Conectar",              items: [
-                { label: "Twitter", href: "#" },
-                { label: "LinkedIn", href: "#" },
-                { label: "Instagram", href: "#" },
-                { label: "Dribbble", href: "#" },
-              ],
-            },
-          ]}
-        />
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            brandName="Webild"
+            navItems={[
+              { name: "Inicio", id: "/" },
+              { name: "Portafolio", id: "/portafolio" },
+              { name: "Servicios", id: "/servicios" },
+              { name: "Nosotros", id: "/nosotros" },
+              { name: "Contacto", id: "/contacto" }
+            ]}
+            button={{ text: "Empezar", href: "#contact" }}
+          />
+        </div>
+
+        <div id="contacto" data-section="contacto">
+          <ContactSplitForm
+            title="Póngase en contacto"
+            description="Estamos listos para hacer realidad sus proyectos. Cuéntenos sobre sus ideas."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Su nombre" },
+              { name: "email", type: "email", placeholder: "Su correo electrónico" }
+            ]}
+            textarea={{ name: "message", placeholder: "Su mensaje", rows: 5 }}
+            buttonText="Enviar Mensaje"
+            useInvertedBackground={false}
+            mediaPosition="right"
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/contact-1.webp"
+            imageAlt="Contact Us"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            logoText="Webild"
+            copyrightText="© 2026 | Webild"
+            columns={[
+              {
+                title: "Empresa",                items: [
+                  { label: "Inicio", href: "/" },
+                  { label: "Portafolio", href: "/portafolio" },
+                  { label: "Servicios", href: "/servicios" },
+                  { label: "Nosotros", href: "/nosotros" },
+                  { label: "Contacto", href: "/contacto" }
+                ]
+              },
+              {
+                title: "Servicios",                items: [
+                  { label: "Diseño Web", href: "/servicios" },
+                  { label: "Desarrollo", href: "/servicios" },
+                  { label: "SEO", href: "/servicios" },
+                  { label: "Branding", href: "/servicios" }
+                ]
+              },
+              {
+                title: "Conectar",                items: [
+                  { label: "Twitter", href: "#" },
+                  { label: "LinkedIn", href: "#" },
+                  { label: "Instagram", href: "#" }
+                ]
+              }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );