From baa1aef28e32ab41e2b6e9506f67bb9012225461 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 7 Jun 2026 21:22:14 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 238 +++++++++++------------------------------------
 1 file changed, 56 insertions(+), 182 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6e272f7..bb7275a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,47 +32,38 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       brandName="Alejandro Inicio"
+      navItems={[
+        { name: "Inicio", id: "#hero" },
+        { name: "Nosotros", id: "#about" },
+        { name: "Ecosistema", id: "#features" },
+        { name: "Clientes", id: "#social-proof" },
+        { name: "Equipo", id: "#team" },
+        { name: "Recursos", id: "#products" },
+        { name: "Precios", id: "#pricing" },
+        { name: "Contacto", id: "#contact" }
+      ]}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "rotated-rays-animated",
-      }}
+        variant: "rotated-rays-animated"}}
       title="Construye una marca personal para la era de la inteligencia artificial."
       description="Estoy creando un ecosistema para emprendedores que quieren utilizar IA, contenido y sistemas digitales para construir algo que siga teniendo valor dentro de diez años."
       carouselItems={[
         {
-          id: "hero-carousel-1",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpEa1MWP2Jms8nxCHRBbHlj1KB/uploaded-1780867212764-48jw879k.jpg?_wi=1",
-          imageAlt: "Alejandro Inicio - Visionary Leader",
-        },
+          id: "hero-carousel-1",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpEa1MWP2Jms8nxCHRBbHlj1KB/uploaded-1780867212764-48jw879k.jpg",          imageAlt: "Alejandro Inicio - Visionary Leader"},
         {
-          id: "hero-carousel-2",
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg",
-          imageAlt: "AI Dashboard Interface",
-        },
+          id: "hero-carousel-2",          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg",          imageAlt: "AI Dashboard Interface"},
         {
-          id: "hero-carousel-3",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-low-poly-plexus-design_1048-14317.jpg",
-          imageAlt: "Digital Ecosystem Network",
-        },
+          id: "hero-carousel-3",          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-low-poly-plexus-design_1048-14317.jpg",          imageAlt: "Digital Ecosystem Network"},
         {
-          id: "hero-carousel-4",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpEa1MWP2Jms8nxCHRBbHlj1KB/uploaded-1780867212764-u2fpxiye.jpg?_wi=1",
-          imageAlt: "Alejandro Inicio - Deep Thought",
-        },
+          id: "hero-carousel-4",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpEa1MWP2Jms8nxCHRBbHlj1KB/uploaded-1780867212764-u2fpxiye.jpg",          imageAlt: "Alejandro Inicio - Deep Thought"},
         {
-          id: "hero-carousel-5",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-abstract-outdoors-daytime-shadows_23-2149080222.jpg",
-          imageAlt: "Modern Architectural Interior",
-        },
+          id: "hero-carousel-5",          imageSrc: "http://img.b2bpic.net/free-photo/view-abstract-outdoors-daytime-shadows_23-2149080222.jpg",          imageAlt: "Modern Architectural Interior"},
         {
-          id: "user-image-3",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpEa1MWP2Jms8nxCHRBbHlj1KB/uploaded-1780867212764-wbzo9vye.jpg",
-          imageAlt: "Alejandro Inicio - Confident Stance",
-        },
+          id: "user-image-3",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpEa1MWP2Jms8nxCHRBbHlj1KB/uploaded-1780867212764-wbzo9vye.jpg",          imageAlt: "Alejandro Inicio - Confident Stance"},
       ]}
       autoPlay={true}
       autoPlayInterval={5000}
@@ -86,17 +77,11 @@ export default function LandingPage() {
       description="Mi misión es equipar a emprendedores con las herramientas y estrategias para edificar marcas duraderas que prosperen en la economía digital. Nos enfocamos en el valor a largo plazo, no en tendencias pasajeras."
       metrics={[
         {
-          value: "+5M",
-          title: "Impacto Generado",
-        },
+          value: "+5M",          title: "Impacto Generado"},
         {
-          value: "10X",
-          title: "Crecimiento Acelerado",
-        },
+          value: "10X",          title: "Crecimiento Acelerado"},
         {
-          value: "100%",
-          title: "Visión de Futuro",
-        },
+          value: "100%",          title: "Visión de Futuro"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/cup-tea-lamp-laptop-desktop-night_169016-17447.jpg"
       imageAlt="Minimalist desk with AI strategy"
@@ -112,29 +97,14 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Inteligencia Artificial Estratégica",
-          description: "Domina herramientas de IA para optimizar tu creación de contenido y procesos empresariales.",
-          bentoComponent: "reveal-icon",
-          icon: Cog,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpEa1MWP2Jms8nxCHRBbHlj1KB/uploaded-1780867212764-2zq0wthy.png",
-          imageAlt: "User provided image",
+          title: "Inteligencia Artificial Estratégica",          description: "Domina herramientas de IA para optimizar tu creación de contenido y procesos empresariales.",          bentoComponent: "reveal-icon",          icon: Cog
         },
         {
-          title: "Contenido que Resuena",
-          description: "Crea y distribuye contenido de alto valor que atrae a tu audiencia ideal y construye autoridad.",
-          bentoComponent: "reveal-icon",
-          icon: Feather,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpEa1MWP2Jms8nxCHRBbHlj1KB/uploaded-1780867212764-48jw879k.jpg?_wi=2",
-          imageAlt: "User provided image",
+          title: "Contenido que Resuena",          description: "Crea y distribuye contenido de alto valor que atrae a tu audiencia ideal y construye autoridad.",          bentoComponent: "reveal-icon",          icon: Feather
         },
         {
-          title: "Sistemas Digitales Escalables",
-          description: "Implementa automatizaciones y arquitecturas que garantizan un crecimiento sostenible y eficiente.",
-          bentoComponent: "reveal-icon",
-          icon: Layers,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpEa1MWP2Jms8nxCHRBbHlj1KB/uploaded-1780867212764-u2fpxiye.jpg?_wi=2",
-          imageAlt: "User provided image",
-        },
+          title: "Sistemas Digitales Escalables",          description: "Implementa automatizaciones y arquitecturas que garantizan un crecimiento sostenible y eficiente.",          bentoComponent: "reveal-icon",          icon: Layers
+        }
       ]}
       title="El ecosistema que creamos."
       description="Accede a metodologías probadas en IA, contenido estratégico y automatización de sistemas digitales para escalar tu impacto y relevancia."
@@ -146,14 +116,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Quantum Core",
-        "Synthetix Solutions",
-        "Evolve Dynamics",
-        "Neuralink Labs",
-        "Apex Genesis",
-        "Infiniti Stream",
-        "Cognito Sphere",
-      ]}
+        "Quantum Core",        "Synthetix Solutions",        "Evolve Dynamics",        "Neuralink Labs",        "Apex Genesis",        "Infiniti Stream",        "Cognito Sphere"]}
       title="Impulsado por una visión compartida."
       description="Trabajo con visionarios y marcas que están definiendo el futuro. Únete a una comunidad de líderes que confían en nuestra metodología."
       showCard={false}
@@ -168,13 +131,7 @@ export default function LandingPage() {
       useInvertedBackground={true}
       members={[
         {
-          id: "alejandro-inicio",
-          name: "Alejandro Inicio",
-          role: "Fundador y Visionario",
-          description: "Alejandro es un estratega digital y constructor de marcas con una profunda experiencia en inteligencia artificial y sistemas escalables.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpEa1MWP2Jms8nxCHRBbHlj1KB/uploaded-1780867212764-t5njwq0t.jpg",
-          imageAlt: "Alejandro Inicio, Founder",
-        },
+          id: "alejandro-inicio",          name: "Alejandro Inicio",          role: "Fundador y Visionario",          description: "Alejandro es un estratega digital y constructor de marcas con una profunda experiencia en inteligencia artificial y sistemas escalables.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpEa1MWP2Jms8nxCHRBbHlj1KB/uploaded-1780867212764-t5njwq0t.jpg",          imageAlt: "Alejandro Inicio, Founder"},
       ]}
       title="El constructor de tu futuro."
       description="Conoce al líder y visionario detrás del ecosistema: Alejandro Inicio."
@@ -186,67 +143,26 @@ export default function LandingPage() {
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
+      animationType="slide-up"
       products={[
         {
-          id: "product-1",
-          brand: "Alejandro Inicio",
-          name: "Blueprint IA Esencial",
-          price: "Acceso Exclusivo",
-          rating: 5,
-          reviewCount: "250",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-communications-background-with-low-poly-plexus-design_1048-13614.jpg",
-          imageAlt: "AI Blueprint interface",
-        },
+          id: "product-1",          brand: "Alejandro Inicio",          name: "Blueprint IA Esencial",          price: "Acceso Exclusivo",          rating: 5,
+          reviewCount: "250",          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-communications-background-with-low-poly-plexus-design_1048-13614.jpg",          imageAlt: "AI Blueprint interface"},
         {
-          id: "product-2",
-          brand: "Alejandro Inicio",
-          name: "Guía de Contenido Viral",
-          price: "Acceso Exclusivo",
-          rating: 5,
-          reviewCount: "180",
-          imageSrc: "http://img.b2bpic.net/free-photo/concept-portrait-overstimulated-person_23-2151235205.jpg",
-          imageAlt: "Content generation visualization",
-        },
+          id: "product-2",          brand: "Alejandro Inicio",          name: "Guía de Contenido Viral",          price: "Acceso Exclusivo",          rating: 5,
+          reviewCount: "180",          imageSrc: "http://img.b2bpic.net/free-photo/concept-portrait-overstimulated-person_23-2151235205.jpg",          imageAlt: "Content generation visualization"},
         {
-          id: "product-3",
-          brand: "Alejandro Inicio",
-          name: "Maestría en Automatización",
-          price: "Acceso Exclusivo",
-          rating: 5,
-          reviewCount: "320",
-          imageSrc: "http://img.b2bpic.net/free-photo/server-hub-technician-arriving-office-using-ai-visualization-insights-pc_482257-125989.jpg",
-          imageAlt: "Automation system diagram",
-        },
+          id: "product-3",          brand: "Alejandro Inicio",          name: "Maestría en Automatización",          price: "Acceso Exclusivo",          rating: 5,
+          reviewCount: "320",          imageSrc: "http://img.b2bpic.net/free-photo/server-hub-technician-arriving-office-using-ai-visualization-insights-pc_482257-125989.jpg",          imageAlt: "Automation system diagram"},
         {
-          id: "product-4",
-          brand: "Alejandro Inicio",
-          name: "Estrategias de Datos IA",
-          price: "Acceso Exclusivo",
-          rating: 5,
-          reviewCount: "150",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg",
-          imageAlt: "Data analytics tool",
-        },
+          id: "product-4",          brand: "Alejandro Inicio",          name: "Estrategias de Datos IA",          price: "Acceso Exclusivo",          rating: 5,
+          reviewCount: "150",          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg",          imageAlt: "Data analytics tool"},
         {
-          id: "product-5",
-          brand: "Alejandro Inicio",
-          name: "El Futuro del Trabajo",
-          price: "Acceso Exclusivo",
-          rating: 5,
-          reviewCount: "200",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-desk-concept-with-copy-space_23-2148459730.jpg",
-          imageAlt: "Human-AI collaboration",
-        },
+          id: "product-5",          brand: "Alejandro Inicio",          name: "El Futuro del Trabajo",          price: "Acceso Exclusivo",          rating: 5,
+          reviewCount: "200",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-desk-concept-with-copy-space_23-2148459730.jpg",          imageAlt: "Human-AI collaboration"},
         {
-          id: "product-6",
-          brand: "Alejandro Inicio",
-          name: "Pase al Ecosistema",
-          price: "Acceso Exclusivo",
-          rating: 5,
-          reviewCount: "400",
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-social-media_53876-90180.jpg",
-          imageAlt: "Ecosystem access icon",
-        },
+          id: "product-6",          brand: "Alejandro Inicio",          name: "Pase al Ecosistema",          price: "Acceso Exclusivo",          rating: 5,
+          reviewCount: "400",          imageSrc: "http://img.b2bpic.net/free-photo/friends-social-media_53876-90180.jpg",          imageAlt: "Ecosystem access icon"},
       ]}
       title="Recursos y herramientas."
       description="Accede a recursos seleccionados, guías exclusivas y herramientas de vanguardia para construir tu imperio digital."
@@ -260,57 +176,28 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "esencial",
-          badge: "Inicio",
-          price: "Gratis",
-          subtitle: "Acceso básico para exploradores.",
-          buttons: [
+          id: "esencial",          badge: "Inicio",          price: "Gratis",          subtitle: "Acceso básico para exploradores.",          buttons: [
             {
-              text: "Comenzar Gratis",
-              href: "#contact",
-            },
+              text: "Comenzar Gratis",              href: "#contact"},
           ],
           features: [
-            "Acceso al boletín exclusivo",
-            "Recursos seleccionados de IA",
-            "Invitaciones a eventos privados",
-          ],
+            "Acceso al boletín exclusivo",            "Recursos seleccionados de IA",            "Invitaciones a eventos privados"],
         },
         {
-          id: "pro",
-          badge: "Impacto",
-          price: "Por Aplicación",
-          subtitle: "Para constructores ambiciosos.",
-          buttons: [
+          id: "pro",          badge: "Impacto",          price: "Por Aplicación",          subtitle: "Para constructores ambiciosos.",          buttons: [
             {
-              text: "Solicitar Acceso Pro",
-              href: "#contact",
-            },
+              text: "Solicitar Acceso Pro",              href: "#contact"},
           ],
           features: [
-            "Todo lo Esencial",
-            "Mentoría grupal exclusiva",
-            "Acceso a herramientas beta",
-            "Masterclasses mensuales de IA",
-          ],
+            "Todo lo Esencial",            "Mentoría grupal exclusiva",            "Acceso a herramientas beta",            "Masterclasses mensuales de IA"],
         },
         {
-          id: "visionario",
-          badge: "Élite",
-          price: "Personalizado",
-          subtitle: "Para líderes que transforman industrias.",
-          buttons: [
+          id: "visionario",          badge: "Élite",          price: "Personalizado",          subtitle: "Para líderes que transforman industrias.",          buttons: [
             {
-              text: "Conectar con Alejandro",
-              href: "#contact",
-            },
+              text: "Conectar con Alejandro",              href: "#contact"},
           ],
           features: [
-            "Todo lo Pro",
-            "Sesiones 1:1 con Alejandro",
-            "Co-creación estratégica",
-            "Acceso VIP a nuevos proyectos",
-          ],
+            "Todo lo Pro",            "Sesiones 1:1 con Alejandro",            "Co-creación estratégica",            "Acceso VIP a nuevos proyectos"],
         },
       ]}
       title="Acceso exclusivo."
@@ -322,8 +209,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "rotated-rays-animated",
-      }}
+        variant: "rotated-rays-animated"}}
       tag="Únete"
       title="Entra al ecosistema de Alejandro Inicio."
       description="Deja tu correo electrónico para recibir una invitación exclusiva y acceso directo a nuestra comunidad. Después de registrarte, te enviaremos los detalles para unirte a WhatsApp y construir tu futuro."
@@ -337,33 +223,21 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Ecosistema",
-          items: [
+          title: "Ecosistema",          items: [
             {
-              label: "Acceso",
-              href: "#contact",
-            },
+              label: "Acceso",              href: "#contact"},
             {
-              label: "Visión",
-              href: "#about",
-            },
+              label: "Visión",              href: "#about"},
             {
-              label: "Recursos",
-              href: "#products",
-            },
+              label: "Recursos",              href: "#products"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Política de Privacidad",
-              href: "#",
-            },
+              label: "Política de Privacidad",              href: "#"},
             {
-              label: "Términos de Servicio",
-              href: "#",
-            },
+              label: "Términos de Servicio",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1