Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -30,10 +30,10 @@ export default function LandingPage() {
         <NavbarLayoutFloatingOverlay
           brandName="MasNegocioOnline"
           navItems={[
-            { name: "Servicios", id: "services" },
+            { name: "Servicios", id: "/services" },
-            { name: "Por Qué Nosotros", id: "about" },
+            { name: "Por Qué Nosotros", id: "#about" },
-            { name: "Testimonios", id: "testimonials" },
+            { name: "Testimonios", id: "#testimonials" },
-            { name: "Contacto", id: "contact" }
+            { name: "Contacto", id: "#contact" }
           ]}
           button={{
             text: "Contactar por WhatsApp",            href: "https://wa.me/51998482818?text=Hola%2C%20me%20gustaría%20conocer%20más%20sobre%20sus%20servicios"
@@ -54,7 +54,7 @@ export default function LandingPage() {
               text: "Contactar por WhatsApp",              href: "https://wa.me/51998482818?text=Hola%2C%20me%20gustaría%20una%20consulta%20gratuita"
             },
             {
-              text: "Conocer Servicios",              href: "#services"
+              text: "Conocer Servicios",              href: "/services"
             }
           ]}
           imageSrc="http://img.b2bpic.net/free-photo/top-view-image-young-african-man-sitting-coworking_171337-13500.jpg"
@@ -134,7 +134,10 @@ export default function LandingPage() {
           description="Desde startups innovadores hasta empresas consolidadas, todos han visto resultados con MasNegocioOnline."
           tag="Clientes Reales"
           tagIcon={CheckCircle}
-          names={["TechStartup Latino", "EcommerceMax", "DigitalConsulting Pro", "ServiceFlow Plus", "MarketingHub", "CloudSolutions", "RetailXpress"]}
+          names={["Techstartup Latino", "Ecommerce Max", "Digital Consulting Pro", "Serviceflow Plus", "Marketing Hub", "Cloud Solutions", "Retail Xpress"]}
+          logos={[
+            "asset://techstartup-latino-logo",            "asset://ecommercemax-logo",            "asset://digitalconsulting-pro-logo",            "asset://serviceflow-plus-logo",            "asset://marketinghub-logo",            "asset://cloudsolutions-logo",            "asset://retailxpress-logo"
+          ]}
           textboxLayout="default"
           useInvertedBackground={false}
           speed={40}
@@ -205,23 +208,23 @@ export default function LandingPage() {
           columns={[
             {
               title: "Producto",              items: [
-                { label: "Diseño Web", href: "#services" },
+                { label: "Diseño Web", href: "/services" },
-                { label: "Producción de Video", href: "#services" },
+                { label: "Producción de Video", href: "/services" },
-                { label: "Desarrollo Backend", href: "#services" }
+                { label: "Desarrollo Backend", href: "/services" }
               ]
             },
             {
               title: "Empresa",              items: [
-                { label: "Sobre Nosotros", href: "#about" },
+                { label: "Sobre Nosotros", href: "/#about" },
-                { label: "Testimonios", href: "#testimonials" },
+                { label: "Testimonios", href: "/#testimonials" },
-                { label: "Casos de Éxito", href: "#metrics" }
+                { label: "Casos de Éxito", href: "/#metrics" }
               ]
             },
             {
               title: "Contacto",              items: [
                 { label: "WhatsApp: +51 998 482 8518", href: "https://wa.me/51998482818" },
                 { label: "Email: info@masnegocios.online", href: "mailto:info@masnegocios.online" },
-                { label: "Consulta Gratuita", href: "#contact" }
+                { label: "Consulta Gratuita", href: "/#contact" }
               ]
             }
           ]}

src/app/services/page.tsx

@@ -0,0 +1,122 @@
+"use client";
+
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
+import { Play, Image, Camera, Code, Monitor, Sparkles, Rocket } from 'lucide-react';
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="smallMedium"
+      sizing="large"
+      background="circleGradient"
+      cardStyle="layered-gradient"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="solid"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="MasNegocioOnline"
+          navItems={[
+            { name: "Servicios", id: "/services" },
+            { name: "Por Qué Nosotros", id: "#about" },
+            { name: "Testimonios", id: "#testimonials" },
+            { name: "Contacto", id: "#contact" }
+          ]}
+          button={{
+            text: "Contactar por WhatsApp",            href: "https://wa.me/51998482818?text=Hola%2C%20me%20gustaría%20conocer%20más%20sobre%20sus%20servicios"
+          }}
+          className="z-50"
+        />
+      </div>
+
+      <div id="services-list" data-section="services-list">
+        <FeatureCardTwentySix
+          title="Nuestros Servicios Digitales Completos"
+          description="Desde la creatividad visual hasta la ingeniería de software, ofrecemos una gama completa de servicios para impulsar tu presencia y operaciones digitales."
+          tag="Explora lo que hacemos"
+          tagIcon={Sparkles}
+          features={[
+            {
+              title: "Edición de Video Profesional",              description: "Transformamos tus grabaciones en contenido dinámico y atractivo, optimizado para cualquier plataforma. Desde videos corporativos hasta contenido para redes sociales.",              imageSrc: "http://img.b2bpic.net/free-photo/film-editing-software-interface-creative-workspace_23-2150937397.jpg",              imageAlt: "Edición de Video",              buttonIcon: Play,
+              buttonHref: "https://wa.me/51998482818?text=Quiero%20saber%20más%20sobre%20Edición%20de%20Video"
+            },
+            {
+              title: "Edición de Fotos Creativa",              description: "Mejoramos tus imágenes con retoques profesionales, corrección de color y efectos artísticos para destacar tu marca o productos.",              imageSrc: "http://img.b2bpic.net/free-photo/photographer-hand-working-camera-laptop-digital-tablet_53876-21820.jpg",              imageAlt: "Edición de Fotos",              buttonIcon: Image,
+              buttonHref: "https://wa.me/51998482818?text=Quiero%20saber%20más%20sobre%20Edición%20de%20Fotos"
+            },
+            {
+              title: "Grabación Profesional de Contenido",              description: "Equipos y talento para producir videos y fotos de alta calidad, ya sea para comerciales, eventos o material de marketing.",              imageSrc: "http://img.b2bpic.net/free-photo/filming-shooting-process_1398-3561.jpg",              imageAlt: "Grabación Profesional",              buttonIcon: Camera,
+              buttonHref: "https://wa.me/51998482818?text=Quiero%20saber%20más%20sobre%20Grabación%20Profesional"
+            },
+            {
+              title: "Desarrollo Backend de Software",              description: "Construimos la infraestructura robusta y escalable detrás de tus aplicaciones web, asegurando rendimiento y seguridad.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-programmer-working-software-developing-company_1262-18115.jpg",              imageAlt: "Desarrollo Backend de Software",              buttonIcon: Code,
+              buttonHref: "https://wa.me/51998482818?text=Quiero%20saber%20más%20sobre%20Desarrollo%20Backend"
+            },
+            {
+              title: "Diseño Web Profesional",              description: "Creamos sitios web impactantes y funcionales que no solo se ven bien, sino que también convierten visitantes en clientes.",              imageSrc: "http://img.b2bpic.net/free-vector/web-design-landing-page_23-2148282305.jpg",              imageAlt: "Diseño Web Profesional",              buttonIcon: Monitor,
+              buttonHref: "https://wa.me/51998482818?text=Quiero%20saber%20más%20sobre%20Diseño%20Web"
+            }
+          ]}
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCTA
+          tag="Listo para Crecer"
+          tagIcon={Rocket}
+          title="Comienza tu Transformación Digital Hoy"
+          description="No más esperas, no más complicaciones. Nuestro equipo está listo para llevar tu negocio al siguiente nivel. Envíanos un mensaje por WhatsApp para una consulta sin costo."
+          buttons={[
+            {
+              text: "Contactar por WhatsApp",              href: "https://wa.me/51998482818?text=Hola%2C%20quiero%20comenzar%20mi%20transformación%20digital"
+            },
+            {
+              text: "Llamar: +51 998 482 8518",              href: "tel:+51998482818"
+            }
+          ]}
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          columns={[
+            {
+              title: "Producto",              items: [
+                { label: "Diseño Web", href: "/services" },
+                { label: "Producción de Video", href: "/services" },
+                { label: "Desarrollo Backend", href: "/services" }
+              ]
+            },
+            {
+              title: "Empresa",              items: [
+                { label: "Sobre Nosotros", href: "/#about" },
+                { label: "Testimonios", href: "/#testimonials" },
+                { label: "Casos de Éxito", href: "/#metrics" }
+              ]
+            },
+            {
+              title: "Contacto",              items: [
+                { label: "WhatsApp: +51 998 482 8518", href: "https://wa.me/51998482818" },
+                { label: "Email: info@masnegocios.online", href: "mailto:info@masnegocios.online" },
+                { label: "Consulta Gratuita", href: "/#contact" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 MasNegocioOnline. Todos los derechos reservados."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}