From 873849f611fe502671252926d4033d44283116aa Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 18 May 2026 13:57:16 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 262 ++++++++++-------------------------------------
 1 file changed, 54 insertions(+), 208 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 90c8871..dd934b1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,91 +29,46 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Servicios",
-          id: "services",
-        },
+          name: "Servicios",          id: "services"},
         {
-          name: "Proceso",
-          id: "process",
-        },
+          name: "Proceso",          id: "process"},
         {
-          name: "Ejemplos",
-          id: "examples",
-        },
+          name: "Ejemplos",          id: "examples"},
         {
-          name: "Contacto",
-          id: "contact",
-        },
+          name: "Contacto",          id: "contact"},
       ]}
       brandName="AI Web Studio"
       button={{
-        text: "Solicitar mi web ahora",
-        href: "#contact",
-      }}
+        text: "Solicitar mi web ahora",        href: "#contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       title="Te creo una web profesional con IA en tiempo récord"
       description="Diseños modernos, rápidos y optimizados. Sin complicaciones."
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-computer-peripherals-server-room-desk_482257-118044.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/network-graphic-overlay-banner-laptop_53876-120748.jpg",
-          alt: "Client 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg", alt: "Client 1" },
+        { src: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg", alt: "Client 2" },
+        { src: "http://img.b2bpic.net/free-photo/close-up-computer-peripherals-server-room-desk_482257-118044.jpg", alt: "Client 3" },
+        { src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg", alt: "Client 4" },
+        { src: "http://img.b2bpic.net/free-photo/network-graphic-overlay-banner-laptop_53876-120748.jpg", alt: "Client 5" },
       ]}
       buttons={[
         {
-          text: "Solicitar mi web ahora",
-          href: "#contact",
-        },
+          text: "Solicitar mi web ahora",          href: "#contact"},
         {
-          text: "Ver ejemplos",
-          href: "#examples",
-        },
+          text: "Ver ejemplos",          href: "#examples"},
       ]}
       buttonAnimation="slide-up"
       marqueeItems={[
-        {
-          type: "text",
-          text: "Carga ultra rápida",
-        },
-        {
-          type: "text",
-          text: "Optimización SEO",
-        },
-        {
-          type: "text",
-          text: "Diseño Responsive",
-        },
-        {
-          type: "text",
-          text: "IA integrada",
-        },
-        {
-          type: "text",
-          text: "Soporte 24/7",
-        },
+        { type: "text", text: "Carga ultra rápida" },
+        { type: "text", text: "Optimización SEO" },
+        { type: "text", text: "Diseño Responsive" },
+        { type: "text", text: "IA integrada" },
+        { type: "text", text: "Soporte 24/7" },
       ]}
     />
   </div>
@@ -125,35 +80,14 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "f1",
-          title: "Landing Page",
-          author: "IA Powered",
-          description: "Web de una sola página de alto impacto para convertir visitantes en clientes.",
-          tags: [
-            "Rapidez",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg",
-        },
+          id: "f1",          title: "Landing Page",          author: "IA Powered",          description: "Web de una sola página de alto impacto para convertir visitantes en clientes.",          tags: ["Rapidez"],
+          imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg"},
         {
-          id: "f2",
-          title: "Web Multi-página",
-          author: "IA Powered",
-          description: "Portafolios, tiendas online o webs corporativas completas.",
-          tags: [
-            "Versátil",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-software-developer-does-visual-coding-creating-software_482257-127024.jpg",
-        },
+          id: "f2",          title: "Web Multi-página",          author: "IA Powered",          description: "Portafolios, tiendas online o webs corporativas completas.",          tags: ["Versátil"],
+          imageSrc: "http://img.b2bpic.net/free-photo/african-american-software-developer-does-visual-coding-creating-software_482257-127024.jpg"},
         {
-          id: "f3",
-          title: "Web para Restaurantes",
-          author: "IA Powered",
-          description: "Menú online interactivo y sistema de reservas directo.",
-          tags: [
-            "Experiencia",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-working-office_158595-1170.jpg",
-        },
+          id: "f3",          title: "Web para Restaurantes",          author: "IA Powered",          description: "Menú online interactivo y sistema de reservas directo.",          tags: ["Experiencia"],
+          imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-working-office_158595-1170.jpg"},
       ]}
       title="Servicios Profesionales"
       description="Soluciones web de alta calidad adaptadas a tus necesidades."
@@ -167,35 +101,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "p1",
-          title: "1. Consulta",
-          author: "Paso 1",
-          description: "Tú me cuentas qué necesitas para tu proyecto.",
-          tags: [
-            "Comunicación",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-workplace-night-study-work-late-evening_169016-18177.jpg",
-        },
+          id: "p1",          title: "1. Consulta",          author: "Paso 1",          description: "Tú me cuentas qué necesitas para tu proyecto.",          tags: ["Comunicación"],
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-workplace-night-study-work-late-evening_169016-18177.jpg"},
         {
-          id: "p2",
-          title: "2. Propuesta",
-          author: "Paso 2",
-          description: "Te hago una propuesta con precio cerrado.",
-          tags: [
-            "Transparencia",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg",
-        },
+          id: "p2",          title: "2. Propuesta",          author: "Paso 2",          description: "Te hago una propuesta con precio cerrado.",          tags: ["Transparencia"],
+          imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg"},
         {
-          id: "p3",
-          title: "3. Creación IA",
-          author: "Paso 3",
-          description: "Te creo la web optimizada mediante tecnología IA.",
-          tags: [
-            "Tecnología",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg",
-        },
+          id: "p3",          title: "3. Creación IA",          author: "Paso 3",          description: "Te creo la web optimizada mediante tecnología IA.",          tags: ["Tecnología"],
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg"},
       ]}
       title="Proceso de Trabajo"
       description="De la idea a la realidad en 5 sencillos pasos."
@@ -209,26 +122,11 @@ export default function LandingPage() {
       rating={5}
       author="Laura M., Dueña de Restaurante"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/intercultural-economists_1098-14116.jpg",
-          alt: "Laura",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-man-painting-watercolors_23-2150170387.jpg",
-          alt: "Client B",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg",
-          alt: "Client C",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
-          alt: "Client D",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924139.jpg",
-          alt: "Client E",
-        },
+        { src: "http://img.b2bpic.net/free-photo/intercultural-economists_1098-14116.jpg", alt: "Laura" },
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-man-painting-watercolors_23-2150170387.jpg", alt: "Client B" },
+        { src: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg", alt: "Client C" },
+        { src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg", alt: "Client D" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924139.jpg", alt: "Client E" },
       ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="blur-reveal"
@@ -237,46 +135,23 @@ export default function LandingPage() {
 
   <div id="examples" data-section="examples">
       <ProductCardOne
+      animationType="blur-reveal"
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
         {
-          id: "ex1",
-          name: "Restaurante Gourmet",
-          price: "Web Completa",
-          imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-89765.jpg",
-        },
+          id: "ex1",          name: "Restaurante Gourmet",          price: "Web Completa",          imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-89765.jpg"},
         {
-          id: "ex2",
-          name: "Tienda Boutique",
-          price: "Tienda Online",
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-tattooed-man-blank-white-t-shirt-works-his-computer-home-side-view-summer-time_346278-1821.jpg",
-        },
+          id: "ex2",          name: "Tienda Boutique",          price: "Tienda Online",          imageSrc: "http://img.b2bpic.net/free-photo/bearded-tattooed-man-blank-white-t-shirt-works-his-computer-home-side-view-summer-time_346278-1821.jpg"},
         {
-          id: "ex3",
-          name: "Portafolio Creativo",
-          price: "Landing Page",
-          imageSrc: "http://img.b2bpic.net/free-photo/technology-venture-workspace-using-machine-learning-streamline-coding-process_482257-120287.jpg",
-        },
+          id: "ex3",          name: "Portafolio Creativo",          price: "Landing Page",          imageSrc: "http://img.b2bpic.net/free-photo/technology-venture-workspace-using-machine-learning-streamline-coding-process_482257-120287.jpg"},
         {
-          id: "ex4",
-          name: "Negocio Local",
-          price: "Web Corporativa",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg",
-        },
+          id: "ex4",          name: "Negocio Local",          price: "Web Corporativa",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg"},
         {
-          id: "ex5",
-          name: "Coach Personal",
-          price: "Web Servicios",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-vr-headset-touching-holographic-screen_53876-101150.jpg",
-        },
+          id: "ex5",          name: "Coach Personal",          price: "Web Servicios",          imageSrc: "http://img.b2bpic.net/free-photo/man-with-vr-headset-touching-holographic-screen_53876-101150.jpg"},
         {
-          id: "ex6",
-          name: "Tech Startup",
-          price: "SAAS Landing",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-prompts-into-ai-powered-chat-system-her-computer_482257-124123.jpg",
-        },
+          id: "ex6",          name: "Tech Startup",          price: "SAAS Landing",          imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-prompts-into-ai-powered-chat-system-her-computer_482257-124123.jpg"},
       ]}
       title="Galería de Ejemplos"
       description="Mira la calidad de los proyectos realizados."
@@ -290,40 +165,21 @@ export default function LandingPage() {
       description="Rellena el formulario y comencemos a trabajar en tu éxito digital."
       inputs={[
         {
-          name: "nombre",
-          type: "text",
-          placeholder: "Nombre completo",
-          required: true,
+          name: "nombre",          type: "text",          placeholder: "Nombre completo",          required: true,
         },
         {
-          name: "telefono",
-          type: "tel",
-          placeholder: "Teléfono / WhatsApp",
-          required: true,
+          name: "telefono",          type: "tel",          placeholder: "Teléfono / WhatsApp",          required: true,
         },
         {
-          name: "email",
-          type: "email",
-          placeholder: "Correo electrónico",
-          required: true,
+          name: "email",          type: "email",          placeholder: "Correo electrónico",          required: true,
         },
       ]}
       multiSelect={{
-        name: "tipo",
-        label: "Tipo de web",
-        options: [
-          "Restaurante",
-          "Tienda online",
-          "Portafolio",
-          "Negocio local",
-          "Landing Page",
-          "Otro",
-        ],
+        name: "tipo",        label: "Tipo de web",        options: [
+          "Restaurante",          "Tienda online",          "Portafolio",          "Negocio local",          "Landing Page",          "Otro"],
       }}
       textarea={{
-        name: "desc",
-        placeholder: "Describe tu proyecto...",
-        rows: 4,
+        name: "desc",        placeholder: "Describe tu proyecto...",        rows: 4,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/medium-shot-disabled-man-working-desk_23-2149313753.jpg"
     />
@@ -333,29 +189,19 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Contacto",
-          items: [
+          title: "Contacto",          items: [
             {
-              label: "WhatsApp: +34 000 000 000",
-              href: "https://wa.me/34000000000",
-            },
+              label: "WhatsApp: +34 000 000 000",              href: "https://wa.me/34000000000"},
             {
-              label: "Email: contacto@webia.com",
-              href: "mailto:contacto@webia.com",
-            },
+              label: "Email: contacto@webia.com",              href: "mailto:contacto@webia.com"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacidad",
-              href: "#",
-            },
+              label: "Privacidad",              href: "#"},
             {
-              label: "Términos",
-              href: "#",
-            },
+              label: "Términos",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1