Merge version_1 into main #2
238
src/app/page.tsx
238
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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user