diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx new file mode 100644 index 0000000..2e35a52 --- /dev/null +++ b/src/app/login/page.tsx @@ -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) => { + console.log('Login data submitted:', data); + // Implement actual login logic here + alert('Login functionality not implemented in demo. Check console for data.'); + }; + + return ( + + + + +
+ +
+ +
+ +
+ + +
+
+ ); +} \ No newline at end of file diff --git a/src/app/page.tsx b/src/app/page.tsx index 614a5c8..d20cc5e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -30,23 +30,22 @@ export default function LandingPage() { @@ -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() { ); -} +} \ No newline at end of file