bender/1ae1317e-c895-4d4c-9364-374d5a72b109
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-26 05:06:13 +00:00
Conversation 0 Commits 1 Files Changed 1 +37 -199
1 changed files with 37 additions and 199 deletions
Download Patch File Download Diff File Expand all files Collapse all files

236
src/app/page.tsx
View File

@@ -33,29 +33,17 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Inicio",
id: "#inicio",
},
name: "Inicio", id: "#inicio"},
{
name: "Características",
id: "#caracteristicas",
},
name: "Características", id: "#caracteristicas"},
{
name: "Soluciones",
id: "#soluciones",
},
name: "Soluciones", id: "#soluciones"},
{
name: "Métricas",
id: "#metricas",
},
name: "Métricas", id: "#metricas"},
{
name: "Testimonios",
id: "#testimonios",
},
name: "Testimonios", id: "#testimonios"},
{
name: "Contacto",
id: "#contacto",
},
name: "Contacto", id: "#contacto"},
]}
brandName="ChatBot Pro"
/>
@@ -64,42 +52,21 @@ export default function LandingPage() {
<div id="inicio" data-section="inicio">
<HeroSplitDualMedia
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Potencia Tu Negocio con Chatbots Inteligentes para WhatsApp e Instagram"
description="Automatiza la comunicación, mejora la atención al cliente y aumenta tus ventas 24/7 con nuestras soluciones de chatbot personalizadas."
tag="Innovación en Comunicación"
buttons={[
{
text: "Solicitar Demo Gratuita",
href: "#contacto",
},
text: "Solicitar Demo Gratuita", href: "#contacto"},
{
text: "Ver Características",
href: "#caracteristicas",
},
text: "Ver Características", href: "#caracteristicas"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/man-checking-his-phone-office_23-2148488684.jpg",
imageAlt: "WhatsApp Chatbot Interface",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-checking-his-phone-office_23-2148488684.jpg", imageAlt: "WhatsApp Chatbot Interface"},
{
imageSrc: "http://img.b2bpic.net/free-photo/social-media-marketing-concept-marketing-with-applications_23-2150063165.jpg",
imageAlt: "Instagram Chatbot Interface",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/phone-with-ai-chat_1268-21801.jpg",
imageAlt: "Phone with AI chat",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/happy-people-using-social-media-their-smartphones_53876-102035.jpg",
imageAlt: "Happy people using social media on their smartphones",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-using-smartphone-couch_53876-96944.jpg",
imageAlt: "Smiling woman using a smartphone on a couch",
},
imageSrc: "http://img.b2bpic.net/free-photo/social-media-marketing-concept-marketing-with-applications_23-2150063165.jpg", imageAlt: "Instagram Chatbot Interface"}
]}
mediaAnimation="slide-up"
rating={5}
@@ -114,29 +81,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
tag: "Eficiencia",
title: "Respuestas Instantáneas 24/7",
subtitle: "Atención Ininterrumpida",
description: "Nunca dejes a un cliente esperando. Nuestros chatbots brindan soporte y respuestas al instante, en cualquier momento del día, todos los días de la semana.",
imageSrc: "http://img.b2bpic.net/free-photo/engineering-team-working-together-data-center-with-ai-tech_482257-126290.jpg",
imageAlt: "24/7 Chatbot Support",
},
tag: "Eficiencia", title: "Respuestas Instantáneas 24/7", subtitle: "Atención Ininterrumpida", description: "Nunca dejes a un cliente esperando. Nuestros chatbots brindan soporte y respuestas al instante, en cualquier momento del día, todos los días de la semana.", imageSrc: "http://img.b2bpic.net/free-photo/engineering-team-working-together-data-center-with-ai-tech_482257-126290.jpg", imageAlt: "24/7 Chatbot Support"},
{
tag: "Personalización",
title: "Interacciones a Medida",
subtitle: "Experiencias Únicas",
description: "Cada cliente es único. Personaliza las conversaciones para ofrecer una experiencia relevante, desde recomendaciones de productos hasta soporte específico.",
imageSrc: "http://img.b2bpic.net/free-photo/international-day-education-futuristic-style-with-students-headgear_23-2150998705.jpg",
imageAlt: "Personalized Chatbot Interaction",
},
tag: "Personalización", title: "Interacciones a Medida", subtitle: "Experiencias Únicas", description: "Cada cliente es único. Personaliza las conversaciones para ofrecer una experiencia relevante, desde recomendaciones de productos hasta soporte específico.", imageSrc: "http://img.b2bpic.net/free-photo/international-day-education-futuristic-style-with-students-headgear_23-2150998705.jpg", imageAlt: "Personalized Chatbot Interaction"},
{
tag: "Optimización",
title: "Automatización de Procesos",
subtitle: "Reduce Carga de Trabajo",
description: "Libera a tu equipo de tareas repetitivas. Nuestros chatbots pueden gestionar preguntas frecuentes, cualificar leads y procesar pedidos, permitiendo que tu equipo se enfoque en lo estratégico.",
imageSrc: "http://img.b2bpic.net/free-photo/flowchart-hand_1134-238.jpg",
imageAlt: "Chatbot Process Automation",
},
tag: "Optimización", title: "Automatización de Procesos", subtitle: "Reduce Carga de Trabajo", description: "Libera a tu equipo de tareas repetitivas. Nuestros chatbots pueden gestionar preguntas frecuentes, cualificar leads y procesar pedidos, permitiendo que tu equipo se enfoque en lo estratégico.", imageSrc: "http://img.b2bpic.net/free-photo/flowchart-hand_1134-238.jpg", imageAlt: "Chatbot Process Automation"},
]}
title="Características Clave de Nuestros Chatbots"
description="Descubre cómo nuestros chatbots transformarán la interacción con tus clientes y optimizarán tus procesos."
@@ -150,19 +99,13 @@ export default function LandingPage() {
metrics={[
{
icon: TrendingUp,
label: "Aumento de Ventas",
value: "+30%",
},
label: "Aumento de Ventas", value: "+30%"},
{
icon: Clock,
label: "Ahorro de Tiempo",
value: "80%",
},
label: "Ahorro de Tiempo", value: "80%"},
{
icon: Users,
label: "Satisfacción Cliente",
value: "95%",
},
label: "Satisfacción Cliente", value: "95%"},
]}
metricsAnimation="slide-up"
/>
@@ -176,47 +119,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "basic",
name: "Chatbot Básico",
price: "Desde $49/mes",
imageSrc: "http://img.b2bpic.net/free-photo/ai-integration-smartphone_23-2151977840.jpg",
imageAlt: "Basic Chatbot Solution",
},
id: "basic", name: "Chatbot Básico", price: "Desde $49/mes", imageSrc: "http://img.b2bpic.net/free-photo/ai-integration-smartphone_23-2151977840.jpg", imageAlt: "Basic Chatbot Solution"},
{
id: "pro",
name: "Chatbot Pro",
price: "Desde $99/mes",
imageSrc: "http://img.b2bpic.net/free-photo/robot-cyborg-ai-robotics-android-concept_53876-120443.jpg",
imageAlt: "Pro Chatbot Solution",
},
id: "pro", name: "Chatbot Pro", price: "Desde $99/mes", imageSrc: "http://img.b2bpic.net/free-photo/robot-cyborg-ai-robotics-android-concept_53876-120443.jpg", imageAlt: "Pro Chatbot Solution"},
{
id: "enterprise",
name: "Chatbot Enterprise",
price: "Personalizado",
imageSrc: "http://img.b2bpic.net/free-photo/earth-globe-internet-icon-sign-symbol-button-blue-speech-bubble-white-background-3d-rendering_56104-1178.jpg",
imageAlt: "Enterprise Chatbot Solution",
},
id: "enterprise", name: "Chatbot Enterprise", price: "Personalizado", imageSrc: "http://img.b2bpic.net/free-photo/earth-globe-internet-icon-sign-symbol-button-blue-speech-bubble-white-background-3d-rendering_56104-1178.jpg", imageAlt: "Enterprise Chatbot Solution"},
{
id: "ecommerce",
name: "Chatbot eCommerce",
price: "Desde $129/mes",
imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-concept-m_23-2150041844.jpg",
imageAlt: "Ecommerce Chatbot Solution",
},
id: "ecommerce", name: "Chatbot eCommerce", price: "Desde $129/mes", imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-concept-m_23-2150041844.jpg", imageAlt: "Ecommerce Chatbot Solution"},
{
id: "support",
name: "Chatbot Soporte",
price: "Desde $79/mes",
imageSrc: "http://img.b2bpic.net/free-photo/3d-delivery-robot-working_23-2151150081.jpg",
imageAlt: "Support Chatbot Solution",
},
id: "support", name: "Chatbot Soporte", price: "Desde $79/mes", imageSrc: "http://img.b2bpic.net/free-photo/3d-delivery-robot-working_23-2151150081.jpg", imageAlt: "Support Chatbot Solution"},
{
id: "marketing",
name: "Chatbot Marketing",
price: "Desde $109/mes",
imageSrc: "http://img.b2bpic.net/free-photo/ordinary-human-job-performed-by-anthropomorphic-robot_23-2151008357.jpg",
imageAlt: "Marketing Chatbot Solution",
},
id: "marketing", name: "Chatbot Marketing", price: "Desde $109/mes", imageSrc: "http://img.b2bpic.net/free-photo/ordinary-human-job-performed-by-anthropomorphic-robot_23-2151008357.jpg", imageAlt: "Marketing Chatbot Solution"},
]}
title="Nuestras Soluciones de Chatbot"
description="Elige el plan que mejor se adapte a las necesidades de tu negocio. Desde startups hasta grandes empresas."
@@ -229,65 +142,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Ana G.",
date: "2023-10-26",
title: "¡Ventas Disparadas!",
quote: "Desde que implementamos el chatbot en WhatsApp, nuestras ventas han aumentado un 35%. La atención al cliente es más rápida y eficiente que nunca. ¡Totalmente recomendado!",
tag: "E-commerce",
avatarSrc: "http://img.b2bpic.net/free-photo/young-gorgeous-stylish-businesswoman-with-cellphone-intently-looking-away-coffee-break-cafe-street_574295-4058.jpg",
avatarAlt: "Ana G. avatar",
imageSrc: "http://img.b2bpic.net/free-vector/vector-website-elements-web-design_53876-43621.jpg",
imageAlt: "Positive customer review",
},
id: "1", name: "Ana G.", date: "2023-10-26", title: "¡Ventas Disparadas!", quote: "Desde que implementamos el chatbot en WhatsApp, nuestras ventas han aumentado un 35%. La atención al cliente es más rápida y eficiente que nunca. ¡Totalmente recomendado!", tag: "E-commerce", avatarSrc: "http://img.b2bpic.net/free-photo/young-gorgeous-stylish-businesswoman-with-cellphone-intently-looking-away-coffee-break-cafe-street_574295-4058.jpg", avatarAlt: "Ana G. avatar", imageSrc: "http://img.b2bpic.net/free-vector/vector-website-elements-web-design_53876-43621.jpg", imageAlt: "Positive customer review"},
{
id: "2",
name: "Carlos M.",
date: "2023-11-15",
title: "Soporte al Cliente Mejorado",
quote: "Nuestro chatbot de Instagram maneja el 70% de las consultas comunes, liberando a nuestro equipo para tareas más complejas. La satisfacción del cliente ha mejorado notablemente.",
tag: "Servicios",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-african-businesswoman-work_329181-20179.jpg",
avatarAlt: "Carlos M. avatar",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-surprised-girl-posing_23-2148544234.jpg",
imageAlt: "Social media positive comment",
},
id: "2", name: "Carlos M.", date: "2023-11-15", title: "Soporte al Cliente Mejorado", quote: "Nuestro chatbot de Instagram maneja el 70% de las consultas comunes, liberando a nuestro equipo para tareas más complejas. La satisfacción del cliente ha mejorado notablemente.", tag: "Servicios", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-african-businesswoman-work_329181-20179.jpg", avatarAlt: "Carlos M. avatar", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-surprised-girl-posing_23-2148544234.jpg", imageAlt: "Social media positive comment"},
{
id: "3",
name: "Sofía P.",
date: "2023-12-01",
title: "Eficiencia Garantizada",
quote: "La automatización con nuestros chatbots ha sido clave. Respondemos al instante y capturamos leads de manera efectiva, incluso fuera del horario laboral. ¡Es increíble!",
tag: "Pequeña Empresa",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-labor-union-member_23-2150969909.jpg",
avatarAlt: "Sofía P. avatar",
imageSrc: "http://img.b2bpic.net/free-photo/business-corporate-people-working-concept_53876-167075.jpg",
imageAlt: "Customer engagement growth chart",
},
id: "3", name: "Sofía P.", date: "2023-12-01", title: "Eficiencia Garantizada", quote: "La automatización con nuestros chatbots ha sido clave. Respondemos al instante y capturamos leads de manera efectiva, incluso fuera del horario laboral. ¡Es increíble!", tag: "Pequeña Empresa", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-labor-union-member_23-2150969909.jpg", avatarAlt: "Sofía P. avatar", imageSrc: "http://img.b2bpic.net/free-photo/business-corporate-people-working-concept_53876-167075.jpg", imageAlt: "Customer engagement growth chart"},
{
id: "4",
name: "Juan R.",
date: "2024-01-08",
title: "Excelente Inversión",
quote: "La inversión en los chatbots se ha pagado sola en pocos meses. La gestión de preguntas y reservas es ahora un proceso fluido y sin errores. Una herramienta fundamental.",
tag: "Hostelería",
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg",
avatarAlt: "Juan R. avatar",
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367144.jpg",
imageAlt: "Chatbot feedback bubbles",
},
id: "4", name: "Juan R.", date: "2024-01-08", title: "Excelente Inversión", quote: "La inversión en los chatbots se ha pagado sola en pocos meses. La gestión de preguntas y reservas es ahora un proceso fluido y sin errores. Una herramienta fundamental.", tag: "Hostelería", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg", avatarAlt: "Juan R. avatar", imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367144.jpg", imageAlt: "Chatbot feedback bubbles"},
{
id: "5",
name: "Elena F.",
date: "2024-02-20",
title: "Comunicación Fluida",
quote: "Nuestros clientes adoran la rapidez con la que obtienen respuestas. La implementación fue sencilla y el equipo de soporte ha sido muy útil. ¡Resultados visibles desde el primer día!",
tag: "Educación",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-work-having-video-call_23-2148902281.jpg",
avatarAlt: "Elena F. avatar",
imageSrc: "http://img.b2bpic.net/free-photo/synergy-collaboration-cooperation-teamwork-concept_53876-132326.jpg",
imageAlt: "Customer service before after",
},
id: "5", name: "Elena F.", date: "2024-02-20", title: "Comunicación Fluida", quote: "Nuestros clientes adoran la rapidez con la que obtienen respuestas. La implementación fue sencilla y el equipo de soporte ha sido muy útil. ¡Resultados visibles desde el primer día!", tag: "Educación", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-work-having-video-call_23-2148902281.jpg", avatarAlt: "Elena F. avatar", imageSrc: "http://img.b2bpic.net/free-photo/synergy-collaboration-cooperation-teamwork-concept_53876-132326.jpg", imageAlt: "Customer service before after"},
]}
title="Lo Que Dicen Nuestros Clientes"
description="Historias reales de negocios que transformaron su comunicación con nuestros chatbots."
@@ -300,20 +163,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "¿Qué plataformas soportan sus chatbots?",
content: "Nuestros chatbots están diseñados para integrarse perfectamente con WhatsApp e Instagram Direct Messages, cubriendo las plataformas de mensajería más populares para negocios.",
},
id: "faq-1", title: "¿Qué plataformas soportan sus chatbots?", content: "Nuestros chatbots están diseñados para integrarse perfectamente con WhatsApp e Instagram Direct Messages, cubriendo las plataformas de mensajería más populares para negocios."},
{
id: "faq-2",
title: "¿Necesito conocimientos de programación para usarlos?",
content: "No, no se requieren conocimientos de programación. Nuestros chatbots se configuran a través de una interfaz intuitiva y fácil de usar, permitiéndote personalizarlos sin código.",
},
id: "faq-2", title: "¿Necesito conocimientos de programación para usarlos?", content: "No, no se requieren conocimientos de programación. Nuestros chatbots se configuran a través de una interfaz intuitiva y fácil de usar, permitiéndote personalizarlos sin código."},
{
id: "faq-3",
title: "¿Pueden los chatbots manejar pagos o reservas?",
content: "Sí, nuestros chatbots pueden integrarse con sistemas de pago y plataformas de reserva para facilitar transacciones directas y la gestión de citas, ofreciendo una experiencia completa al cliente.",
},
id: "faq-3", title: "¿Pueden los chatbots manejar pagos o reservas?", content: "Sí, nuestros chatbots pueden integrarse con sistemas de pago y plataformas de reserva para facilitar transacciones directas y la gestión de citas, ofreciendo una experiencia completa al cliente."},
]}
title="Preguntas Frecuentes"
description="¿Tienes dudas? Aquí respondemos a las preguntas más comunes sobre nuestros chatbots."
@@ -326,14 +180,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"InnovateX",
"Growthify",
"Synergy AI",
"Evolve Digital",
"CloudStream",
"OptiServe",
"DataSphere",
]}
"InnovateX", "Growthify", "Synergy AI", "Evolve Digital", "CloudStream", "OptiServe", "DataSphere"]}
title="Confían en Nosotros"
description="Empresas líderes ya están transformando su comunicación con nuestros chatbots."
/>
@@ -343,8 +190,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Contáctanos"
title="Transforma Tu Negocio Hoy"
description="Rellena el formulario para solicitar una demostración gratuita o para cualquier consulta. Nuestro equipo se pondrá en contacto contigo a la brevedad."
@@ -365,24 +211,16 @@ export default function LandingPage() {
socialLinks={[
{
icon: Facebook,
href: "https://facebook.com/chatbotpro",
ariaLabel: "Facebook",
},
href: "https://facebook.com/chatbotpro", ariaLabel: "Facebook"},
{
icon: Twitter,
href: "https://twitter.com/chatbotpro",
ariaLabel: "Twitter",
},
href: "https://twitter.com/chatbotpro", ariaLabel: "Twitter"},
{
icon: Instagram,
href: "https://instagram.com/chatbotpro",
ariaLabel: "Instagram",
},
href: "https://instagram.com/chatbotpro", ariaLabel: "Instagram"},
{
icon: Linkedin,
href: "https://linkedin.com/company/chatbotpro",
ariaLabel: "LinkedIn",
},
href: "https://linkedin.com/company/chatbotpro", ariaLabel: "LinkedIn"},
]}
/>
</div>