Merge version_2 into main

Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
2026-03-26 09:01:14 +00:00
2 changed files with 205 additions and 177 deletions

149
src/app/login/page.tsx Normal file
View File

@@ -0,0 +1,149 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import { useState } from "react";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
export default function LoginPage() {
const [searchValue, setSearchValue] = useState('');
const productsData = [
{
id: "chat-ai", name: "ChatPro AI", price: "$59/mes", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTaRoZ4oHiSdZeXqo1tYWxnepc/a-sleek-minimalist-ui-of-a-conversationa-1774515603459-ba4dec43.png", imageAlt: "Chatbot AI interface", rating: 5,
reviewCount: "120"},
{
id: "image-ai", name: "VisionArt Pro", price: "$79/mes", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTaRoZ4oHiSdZeXqo1tYWxnepc/a-futuristic-image-generation-ai-interfa-1774515603770-1d954280.png", imageAlt: "Image generation AI interface", rating: 4.5,
reviewCount: "90"},
{
id: "trading-bot", name: "AlgoTrade X", price: "$129/mes", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTaRoZ4oHiSdZeXqo1tYWxnepc/a-sophisticated-trading-bot-dashboard-wi-1774515606615-bde1babd.png", imageAlt: "AI Trading Bot dashboard", rating: 5,
reviewCount: "150"},
];
const handleLoginSubmit = (data: Record<string, string>) => {
console.log('Login data submitted:', data);
// Implement actual login logic here
alert('Login functionality not implemented in demo. Check console for data.');
};
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumLargeSizeMediumTitles"
background="blurBottom"
cardStyle="soft-shadow"
primaryButtonStyle="double-inset"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Inicio", id: "hero", // Link back to the home page's hero section
},
{
name: "Categorías", id: "categories"},
{
name: "Productos", id: "products"},
{
name: "Estadísticas", id: "stats"},
{
name: "Testimonios", id: "testimonials"},
{
name: "Preguntas Frecuentes", id: "faq"},
]}
brandName="AI Store"
button={{
text: "Regresar al Inicio", href: "/"}}
bottomLeftText="Global AI Community"
bottomRightText="hello@aistore.com"
/>
</div>
<div id="login-form" data-section="login-form">
<ContactSplitForm
title="Iniciar Sesión"
description="Accede a tu cuenta para explorar más IAs."
inputs={[
{ name: "email", type: "email", placeholder: "Correo Electrónico", required: true },
{ name: "password", type: "password", placeholder: "Contraseña", required: true },
]}
buttonText="Entrar"
onSubmit={handleLoginSubmit}
useInvertedBackground={false}
mediaPosition="right"
mediaAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTaRoZ4oHiSdZeXqo1tYWxnepc/an-abstract-futuristic-glowing-brain-or--1774515602831-e74ad597.png"
imageAlt="Abstract AI brain illustration"
/>
</div>
<div id="product-catalog" data-section="product-catalog">
<ProductCatalog
layout="section"
title="Explora Más IAs"
description="Encuentra la herramienta de inteligencia artificial perfecta para tus necesidades."
products={productsData}
searchValue={searchValue}
onSearchChange={setSearchValue}
searchPlaceholder="Buscar IAs..."
emptyMessage="No se encontraron productos que coincidan con su búsqueda."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="AI Store"
columns={[
{
title: "Explorar", items: [
{
label: "Inicio", href: "#hero"},
{
label: "Categorías", href: "#categories"},
{
label: "Productos", href: "#products"},
{
label: "Estadísticas", href: "#stats"},
{
label: "Testimonios", href: "#testimonials"},
{
label: "FAQ", href: "#faq"},
],
},
{
title: "Compañía", items: [
{
label: "Sobre Nosotros", href: "#"},
{
label: "Iniciar Sesión", href: "/login"},
{
label: "Soporte", href: "#"},
{
label: "Carreras", href: "#"},
],
},
{
title: "Legal", items: [
{
label: "Política de Privacidad", href: "#"},
{
label: "Términos de Servicio", href: "#"},
],
},
]}
copyrightText="© 2024 AI Store. Todos los derechos reservados."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

View File

@@ -30,23 +30,22 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Inicio",
id: "home",
},
name: "Inicio", id: "hero"},
{
name: "Categorías",
id: "categories",
},
name: "Categorías", id: "categories"},
{
name: "Destacados",
id: "featured",
},
name: "Productos", id: "products"},
{
name: "Estadísticas",
id: "stats",
},
name: "Estadísticas", id: "stats"},
{
name: "Testimonios", id: "testimonials"},
{
name: "Preguntas Frecuentes", id: "faq"},
]}
brandName="AI Store"
button={{
text: "Iniciar Sesión", href: "/login"
}}
bottomLeftText="Global AI Community"
bottomRightText="hello@aistore.com"
/>
@@ -58,13 +57,9 @@ export default function LandingPage() {
description="Descubre las mejores IAs del mercado para automatizar tu negocio, crear contenido o analizar datos. ¡Compra ahora y transforma tu futuro!"
buttons={[
{
text: "Explorar IAs",
href: "#products",
},
text: "Explorar IAs", href: "#products"},
{
text: "Comprar Ahora",
href: "#products",
},
text: "Comprar Ahora", href: "#products"},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTaRoZ4oHiSdZeXqo1tYWxnepc/an-abstract-futuristic-glowing-brain-or--1774515602831-e74ad597.png"
imageAlt="Abstract AI brain illustration"
@@ -79,48 +74,20 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "creative",
label: "Creativas",
title: "Imágenes, Videos y Música",
items: [
"Generación de arte",
"Edición de video inteligente",
"Composición musical",
"Diseño gráfico automatizado",
],
id: "creative", label: "Creativas", title: "Imágenes, Videos y Música", items: [
"Generación de arte", "Edición de video inteligente", "Composición musical", "Diseño gráfico automatizado"],
},
{
id: "business",
label: "Negocios",
title: "Automatización y Productividad",
items: [
"Optimización de procesos",
"Análisis de mercados",
"Gestión de proyectos",
"Soporte al cliente inteligente",
],
id: "business", label: "Negocios", title: "Automatización y Productividad", items: [
"Optimización de procesos", "Análisis de mercados", "Gestión de proyectos", "Soporte al cliente inteligente"],
},
{
id: "trading",
label: "Trading",
title: "Algoritmos de Inversión",
items: [
"Predicción de mercados",
"Trading algorítmico",
"Gestión de riesgos",
"Análisis de criptomonedas",
],
id: "trading", label: "Trading", title: "Algoritmos de Inversión", items: [
"Predicción de mercados", "Trading algorítmico", "Gestión de riesgos", "Análisis de criptomonedas"],
},
{
id: "chatbots",
label: "Chatbots",
title: "Asistentes Conversacionales",
items: [
"Atención al cliente 24/7",
"Generación de respuestas",
"Soporte multilingüe",
"Automatización de conversaciones",
],
id: "chatbots", label: "Chatbots", title: "Asistentes Conversacionales", items: [
"Atención al cliente 24/7", "Generación de respuestas", "Soporte multilingüe", "Automatización de conversaciones"],
},
]}
title="Categorías Populares"
@@ -136,26 +103,11 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "chat-ai",
name: "ChatPro AI",
price: "$59/mes",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTaRoZ4oHiSdZeXqo1tYWxnepc/a-sleek-minimalist-ui-of-a-conversationa-1774515603459-ba4dec43.png",
imageAlt: "Chatbot AI interface",
},
id: "chat-ai", name: "ChatPro AI", price: "$59/mes", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTaRoZ4oHiSdZeXqo1tYWxnepc/a-sleek-minimalist-ui-of-a-conversationa-1774515603459-ba4dec43.png", imageAlt: "Chatbot AI interface"},
{
id: "image-ai",
name: "VisionArt Pro",
price: "$79/mes",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTaRoZ4oHiSdZeXqo1tYWxnepc/a-futuristic-image-generation-ai-interfa-1774515603770-1d954280.png",
imageAlt: "Image generation AI interface",
},
id: "image-ai", name: "VisionArt Pro", price: "$79/mes", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTaRoZ4oHiSdZeXqo1tYWxnepc/a-futuristic-image-generation-ai-interfa-1774515603770-1d954280.png", imageAlt: "Image generation AI interface"},
{
id: "trading-bot",
name: "AlgoTrade X",
price: "$129/mes",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTaRoZ4oHiSdZeXqo1tYWxnepc/a-sophisticated-trading-bot-dashboard-wi-1774515606615-bde1babd.png",
imageAlt: "AI Trading Bot dashboard",
},
id: "trading-bot", name: "AlgoTrade X", price: "$129/mes", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTaRoZ4oHiSdZeXqo1tYWxnepc/a-sophisticated-trading-bot-dashboard-wi-1774515606615-bde1babd.png", imageAlt: "AI Trading Bot dashboard"},
]}
title="IAs Destacadas"
description="Descubre las inteligencias artificiales más innovadoras y potentes, seleccionadas para llevar tus proyectos al siguiente nivel."
@@ -169,29 +121,13 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "ai-sold",
value: "+50K",
title: "IAs Vendidas",
description: "Inteligencias artificiales comercializadas exitosamente a clientes de todo el mundo.",
},
id: "ai-sold", value: "+50K", title: "IAs Vendidas", description: "Inteligencias artificiales comercializadas exitosamente a clientes de todo el mundo."},
{
id: "avg-rating",
value: "4.9⭐",
title: "Valoración Media",
description: "Calificación promedio de nuestros productos basada en la satisfacción del cliente.",
},
id: "avg-rating", value: "4.9⭐", title: "Valoración Media", description: "Calificación promedio de nuestros productos basada en la satisfacción del cliente."},
{
id: "revenue",
value: "$2M+",
title: "Ingresos Generados",
description: "Millones de dólares en ingresos, potenciando el crecimiento de nuestros usuarios.",
},
id: "revenue", value: "$2M+", title: "Ingresos Generados", description: "Millones de dólares en ingresos, potenciando el crecimiento de nuestros usuarios."},
{
id: "support",
value: "24/7",
title: "Soporte",
description: "Atención al cliente ininterrumpida para garantizar el éxito con nuestras IAs.",
},
id: "support", value: "24/7", title: "Soporte", description: "Atención al cliente ininterrumpida para garantizar el éxito con nuestras IAs."},
]}
title="Nuestros Impactantes Números"
description="Conoce el alcance y el éxito de nuestra comunidad global y el impacto de las inteligencias artificiales que ofrecemos."
@@ -204,45 +140,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "Revolucionó mi flujo de trabajo",
quote: "La IA que adquirí en AI Store ha automatizado tareas críticas, liberando a mi equipo para enfocarse en la estrategia. ¡Imprescindible para cualquier negocio moderno!",
name: "Sofía García",
role: "CEO de InnovaTech",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTaRoZ4oHiSdZeXqo1tYWxnepc/a-professional-avatar-of-a-young-woman-w-1774515602321-13293dba.png",
},
id: "1", title: "Revolucionó mi flujo de trabajo", quote: "La IA que adquirí en AI Store ha automatizado tareas críticas, liberando a mi equipo para enfocarse en la estrategia. ¡Imprescindible para cualquier negocio moderno!", name: "Sofía García", role: "CEO de InnovaTech", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTaRoZ4oHiSdZeXqo1tYWxnepc/a-professional-avatar-of-a-young-woman-w-1774515602321-13293dba.png"},
{
id: "2",
title: "Resultados de trading sorprendentes",
quote: "Gracias a los algoritmos de trading de AI Store, he visto un incremento significativo en mis inversiones. La precisión y velocidad son inigualables.",
name: "Javier López",
role: "Inversor y Analista Financiero",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTaRoZ4oHiSdZeXqo1tYWxnepc/a-professional-avatar-of-a-middle-aged-m-1774515603162-d4c1d4d8.png",
},
id: "2", title: "Resultados de trading sorprendentes", quote: "Gracias a los algoritmos de trading de AI Store, he visto un incremento significativo en mis inversiones. La precisión y velocidad son inigualables.", name: "Javier López", role: "Inversor y Analista Financiero", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTaRoZ4oHiSdZeXqo1tYWxnepc/a-professional-avatar-of-a-middle-aged-m-1774515603162-d4c1d4d8.png"},
{
id: "3",
title: "Creatividad sin límites",
quote: "Como diseñador, VisionArt Pro ha expandido mis horizontes creativos. Ahora puedo generar conceptos visuales que antes me llevaban días, en cuestión de minutos. ¡Una herramienta poderosa!",
name: "Elena Torres",
role: "Directora de Arte Digital",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTaRoZ4oHiSdZeXqo1tYWxnepc/a-professional-avatar-of-a-young-non-bin-1774515602609-e4c452b2.png",
},
id: "3", title: "Creatividad sin límites", quote: "Como diseñador, VisionArt Pro ha expandido mis horizontes creativos. Ahora puedo generar conceptos visuales que antes me llevaban días, en cuestión de minutos. ¡Una herramienta poderosa!", name: "Elena Torres", role: "Directora de Arte Digital", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTaRoZ4oHiSdZeXqo1tYWxnepc/a-professional-avatar-of-a-young-non-bin-1774515602609-e4c452b2.png"},
{
id: "4",
title: "Soporte al cliente excepcional",
quote: "El chatbot de AI Store maneja las consultas 24/7 de manera eficiente. Mis clientes están más satisfechos y mi equipo puede dedicarse a casos complejos. Totalmente recomendable.",
name: "Carlos Ruíz",
role: "Gerente de Operaciones",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTaRoZ4oHiSdZeXqo1tYWxnepc/a-professional-avatar-of-an-older-woman--1774515604582-334d46c3.png",
},
id: "4", title: "Soporte al cliente excepcional", quote: "El chatbot de AI Store maneja las consultas 24/7 de manera eficiente. Mis clientes están más satisfechos y mi equipo puede dedicarse a casos complejos. Totalmente recomendable.", name: "Carlos Ruíz", role: "Gerente de Operaciones", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTaRoZ4oHiSdZeXqo1tYWxnepc/a-professional-avatar-of-an-older-woman--1774515604582-334d46c3.png"},
{
id: "5",
title: "Una inversión que vale la pena",
quote: "Dudaba al principio, pero la IA para análisis de datos me ha dado una ventaja competitiva brutal. La información que obtengo es oro puro para mis decisiones de negocio.",
name: "Laura Méndez",
role: "Analista de Datos Senior",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTaRoZ4oHiSdZeXqo1tYWxnepc/a-professional-avatar-of-a-young-man-wit-1774515602909-78581bb1.png",
},
id: "5", title: "Una inversión que vale la pena", quote: "Dudaba al principio, pero la IA para análisis de datos me ha dado una ventaja competitiva brutal. La información que obtengo es oro puro para mis decisiones de negocio.", name: "Laura Méndez", role: "Analista de Datos Senior", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTaRoZ4oHiSdZeXqo1tYWxnepc/a-professional-avatar-of-a-young-man-wit-1774515602909-78581bb1.png"},
]}
title="Lo que dicen nuestros clientes"
description="Historias reales de cómo la inteligencia artificial ha transformado los negocios y la vida de nuestros usuarios, impulsando la innovación y la eficiencia."
@@ -255,25 +161,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "¿Cómo funciona la compra de IAs en AI Store?",
content: "Elige la IA que mejor se adapte a tus necesidades, añádela al carrito y completa el proceso de pago. Recibirás acceso inmediato a tu nueva inteligencia artificial junto con instrucciones detalladas.",
},
id: "q1", title: "¿Cómo funciona la compra de IAs en AI Store?", content: "Elige la IA que mejor se adapte a tus necesidades, añádela al carrito y completa el proceso de pago. Recibirás acceso inmediato a tu nueva inteligencia artificial junto con instrucciones detalladas."},
{
id: "q2",
title: "¿Puedo probar una IA antes de comprarla?",
content: "Algunas de nuestras IAs ofrecen versiones de prueba gratuitas o demostraciones. Consulta la descripción de cada producto para ver si esta opción está disponible.",
},
id: "q2", title: "¿Puedo probar una IA antes de comprarla?", content: "Algunas de nuestras IAs ofrecen versiones de prueba gratuitas o demostraciones. Consulta la descripción de cada producto para ver si esta opción está disponible."},
{
id: "q3",
title: "¿Qué tipo de soporte técnico ofrecen?",
content: "Ofrecemos soporte técnico 24/7 a través de nuestro chat en vivo y correo electrónico. Nuestro equipo de expertos está listo para ayudarte con cualquier consulta o problema que puedas tener.",
},
id: "q3", title: "¿Qué tipo de soporte técnico ofrecen?", content: "Ofrecemos soporte técnico 24/7 a través de nuestro chat en vivo y correo electrónico. Nuestro equipo de expertos está listo para ayudarte con cualquier consulta o problema que puedas tener."},
{
id: "q4",
title: "¿Las IAs son compatibles con todos los sistemas operativos?",
content: "La compatibilidad varía según el producto. Cada ficha de IA especifica los requisitos técnicos y los sistemas operativos soportados. Si tienes dudas, contáctanos.",
},
id: "q4", title: "¿Las IAs son compatibles con todos los sistemas operativos?", content: "La compatibilidad varía según el producto. Cada ficha de IA especifica los requisitos técnicos y los sistemas operativos soportados. Si tienes dudas, contáctanos."},
]}
title="¿Preguntas Frecuentes?"
description="Encuentra respuestas rápidas y claras a las preguntas más comunes sobre la compra, instalación y uso de inteligencias artificiales en nuestra plataforma."
@@ -286,54 +180,39 @@ export default function LandingPage() {
logoText="AI Store"
columns={[
{
title: "Explorar",
items: [
title: "Explorar", items: [
{
label: "Inicio",
href: "#home",
},
label: "Inicio", href: "#hero"},
{
label: "Categorías",
href: "#categories",
},
label: "Categorías", href: "#categories"},
{
label: "Destacados",
href: "#featured",
},
label: "Productos", href: "#products"},
{
label: "Estadísticas",
href: "#stats",
},
label: "Estadísticas", href: "#stats"},
{
label: "Testimonios", href: "#testimonials"},
{
label: "FAQ", href: "#faq"},
],
},
{
title: "Compañía",
items: [
title: "Compañía", items: [
{
label: "Sobre Nosotros",
href: "#",
},
label: "Sobre Nosotros", href: "#"},
{
label: "Soporte",
href: "#",
},
label: "Iniciar Sesión", href: "/login"},
{
label: "Carreras",
href: "#",
},
label: "Soporte", href: "#"},
{
label: "Carreras", href: "#"},
],
},
{
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: "#"},
],
},
]}
@@ -343,4 +222,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}