From ef9a33fd90acae96303dd5de867ac737e27e8ece Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 1 Jun 2026 19:02:45 +0000
Subject: [PATCH] Update src/app/servicios/page.tsx

---
 src/app/servicios/page.tsx | 39 ++++++++++++++++----------------------
 1 file changed, 16 insertions(+), 23 deletions(-)

diff --git a/src/app/servicios/page.tsx b/src/app/servicios/page.tsx
index 975ff3d..54f9fd5 100644
--- a/src/app/servicios/page.tsx
+++ b/src/app/servicios/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 FeatureBorderGlow from "@/components/sections/feature/FeatureBorderGlow";
+import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBase from "@/components/sections/footer/FooterBase";
 import { Sparkles, Monitor, Code, Search, Share2, Palette } from "lucide-react";
@@ -27,36 +27,29 @@ export default function ServiciosPage() {
           brandName="Webild"
           navItems={[
             { name: "Trabajo", id: "work" },
-            { name: "Servicios", href: "/servicios" },
-            { name: "Nosotros", href: "/nosotros" },
+            { name: "Servicios", id: "/servicios" },
+            { name: "Nosotros", id: "/nosotros" },
             { name: "Contacto", id: "contact" },
           ]}
           button={{ text: "Empezar", href: "#contact" }}
         />
 
-        <FeatureBorderGlow
+        <FeatureCardTwentyOne
           tag="Soluciones Digitales Integrales"
           title="Nuestros Servicios"
           description="En MGL, ofrecemos una suite completa de servicios digitales diseñada para impulsar su negocio, fortalecer su presencia en línea y conectar con su audiencia de manera efectiva."
           textboxLayout="default"
           useInvertedBackground={false}
-          animationType="slide-up"
-          features={[
-            {
-              icon: Monitor,
-              title: "Diseño Web y UX/UI",              description: "Creamos experiencias de usuario intuitivas y diseños web visualmente atractivos que cautivan a sus visitantes y los convierten en clientes."},
-            {
-              icon: Code,
-              title: "Desarrollo Web Personalizado",              description: "Desde sitios web informativos hasta plataformas de comercio electrónico robustas, construimos soluciones a medida, rápidas, seguras y escalables."},
-            {
-              icon: Search,
-              title: "SEO y Marketing Digital",              description: "Mejoramos su visibilidad en los motores de búsqueda y desarrollamos estrategias de marketing digital para atraer tráfico cualificado y aumentar sus ventas."},
-            {
-              icon: Share2,
-              title: "Gestión de Redes Sociales",              description: "Creamos y ejecutamos estrategias de contenido atractivas para construir su comunidad en línea y fortalecer la lealtad de sus clientes."},
-            {
-              icon: Palette,
-              title: "Branding e Identidad Visual",              description: "Desarrollamos una identidad de marca coherente y memorable que resuena con su audiencia y lo diferencia de la competencia."},
+          mediaAnimation="slide-up"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp"
+          imageAlt="Digital Services Overview"
+          mediaPosition="left"
+          accordionItems={[
+            { id: "1", title: "Diseño Web y UX/UI", content: "Creamos experiencias de usuario intuitivas y diseños web visualmente atractivos que cautivan a sus visitantes y los convierten en clientes." },
+            { id: "2", title: "Desarrollo Web Personalizado", content: "Desde sitios web informativos hasta plataformas de comercio electrónico robustas, construimos soluciones a medida, rápidas, seguras y escalables." },
+            { id: "3", title: "SEO y Marketing Digital", content: "Mejoramos su visibilidad en los motores de búsqueda y desarrollamos estrategias de marketing digital para atraer tráfico cualificado y aumentar sus ventas." },
+            { id: "4", title: "Gestión de Redes Sociales", content: "Creamos y ejecutamos estrategias de contenido atractivas para construir su comunidad en línea y fortalecer la lealtad de sus clientes." },
+            { id: "5", title: "Branding e Identidad Visual", content: "Desarrollamos una identidad de marca coherente y memorable que resuena con su audiencia y lo diferencia de la competencia." }
           ]}
         />
 
@@ -81,8 +74,8 @@ export default function ServiciosPage() {
               title: "Empresa",              items: [
                 { label: "Nosotros", href: "/nosotros" },
                 { label: "Servicios", href: "/servicios" },
-                { label: "Trabajo", id: "work" },
-                { label: "Contacto", id: "contact" },
+                { label: "Trabajo", href: "#work" },
+                { label: "Contacto", href: "#contact" },
               ],
             },
             {