From 2c88a07034d3da5ac09fd3cce7bac92626376b1b Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 3 Jun 2026 22:37:11 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 330 ++++++++++------------------------------------- 1 file changed, 68 insertions(+), 262 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index f93e51a..56b581e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,37 +34,21 @@ export default function LandingPage() { @@ -73,21 +57,16 @@ export default function LandingPage() {
@@ -101,7 +80,7 @@ export default function LandingPage() { description="En Inversiones Digital, nos especializamos en marketing por Internet para automatizar y escalar tu empresa. Desde la creación de tu página web hasta estrategias de marketing completas, somos tu aliado perfecto." subdescription="Nuestro equipo de expertos te guiará en cada paso, asegurando resultados excelentes y una presencia online impactante." icon={Sparkles} - imageSrc="http://img.b2bpic.net/free-photo/team-engaging-virtual-meeting-with-businessman_482257-124679.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/team-engaging-virtual-meeting-with-businessman_482257-124679.jpg" imageAlt="Digital marketing team collaborating" mediaAnimation="opacity" /> @@ -114,63 +93,33 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "Creación y Diseño Web", - description: "Desarrollamos sitios web modernos, responsivos y optimizados para convertir visitantes en clientes.", - bentoComponent: "media-stack", - items: [ + title: "Creación y Diseño Web", description: "Desarrollamos sitios web modernos, responsivos y optimizados para convertir visitantes en clientes.", bentoComponent: "media-stack", items: [ { - imageSrc: "http://img.b2bpic.net/free-photo/freelancer-home-office-using-virtual-home-interior-design-software-close-up_482257-122556.jpg", - imageAlt: "Website design and development", - }, + imageSrc: "http://img.b2bpic.net/free-photo/freelancer-home-office-using-virtual-home-interior-design-software-close-up_482257-122556.jpg", imageAlt: "Website design and development"}, { - imageSrc: "http://img.b2bpic.net/free-photo/company-entrepreneur-attending-web-conference-with-business-partner_482257-78984.jpg", - imageAlt: "Responsive web page layout", - }, + imageSrc: "http://img.b2bpic.net/free-photo/company-entrepreneur-attending-web-conference-with-business-partner_482257-78984.jpg", imageAlt: "Responsive web page layout"}, { - imageSrc: "http://img.b2bpic.net/free-photo/wireless-keyboard-yellow-notepad-table_140725-8940.jpg", - imageAlt: "Web development tools", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-indoors_23-2151833342.jpg?_wi=2", - imageAlt: "website development illustration laptop", + imageSrc: "http://img.b2bpic.net/free-photo/wireless-keyboard-yellow-notepad-table_140725-8940.jpg", imageAlt: "Web development tools"}, + ] }, { - title: "SEO y Estrategia de Contenido", - description: "Mejora tu visibilidad en buscadores y atrae a tu público objetivo con contenido de valor y optimización avanzada.", - bentoComponent: "globe", - imageSrc: "http://img.b2bpic.net/free-photo/team-engaging-virtual-meeting-with-businessman_482257-124679.jpg?_wi=2", - imageAlt: "website development illustration laptop", + title: "SEO y Estrategia de Contenido", description: "Mejora tu visibilidad en buscadores y atrae a tu público objetivo con contenido de valor y optimización avanzada.", bentoComponent: "globe" }, { - title: "Gestión de Redes Sociales", - description: "Creamos y gestionamos campañas impactantes en redes sociales para construir tu marca y fomentar la interacción.", - bentoComponent: "chat", - aiIcon: Cog, + title: "Gestión de Redes Sociales", description: "Creamos y gestionamos campañas impactantes en redes sociales para construir tu marca y fomentar la interacción.", bentoComponent: "chat", aiIcon: Cog, userIcon: User, exchanges: [ { - userMessage: "¿Cómo puedo aumentar mi engagement en Instagram?", - aiResponse: "Publica contenido de alta calidad y utiliza hashtags relevantes. ¡Interactúa con tu audiencia!", - }, + userMessage: "¿Cómo puedo aumentar mi engagement en Instagram?", aiResponse: "Publica contenido de alta calidad y utiliza hashtags relevantes. ¡Interactúa con tu audiencia!"}, { - userMessage: "¿Cuál es el mejor momento para publicar en Facebook?", - aiResponse: "Los mejores momentos suelen ser a mediodía entre semana, pero depende de tu audiencia específica.", - }, + userMessage: "¿Cuál es el mejor momento para publicar en Facebook?", aiResponse: "Los mejores momentos suelen ser a mediodía entre semana, pero depende de tu audiencia específica."}, { - userMessage: "¿Cómo mido el éxito de mi campaña de social media?", - aiResponse: "Utiliza métricas como el alcance, las impresiones, la tasa de interacción y las conversiones.", - }, + userMessage: "¿Cómo mido el éxito de mi campaña de social media?", aiResponse: "Utiliza métricas como el alcance, las impresiones, la tasa de interacción y las conversiones."}, ], - placeholder: "Haz una pregunta sobre redes sociales...", - imageSrc: "http://img.b2bpic.net/free-photo/3d-cinema-glasses-isolated-white-background_23-2148188109.jpg", - imageAlt: "website development illustration laptop", + placeholder: "Haz una pregunta sobre redes sociales..." }, { - title: "Campañas de Marketing Automatizado", - description: "Configuramos secuencias de email marketing y automatizaciones que nutren a tus leads y cierran ventas 24/7.", - bentoComponent: "animated-bar-chart", - imageSrc: "http://img.b2bpic.net/free-photo/online-strategy-media-marketing-icons_53876-167094.jpg", - imageAlt: "website development illustration laptop", + title: "Campañas de Marketing Automatizado", description: "Configuramos secuencias de email marketing y automatizaciones que nutren a tus leads y cierran ventas 24/7.", bentoComponent: "animated-bar-chart" }, ]} title="Soluciones Digitales Inteligentes" @@ -185,68 +134,31 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "plan-basico", - name: "Plan Esencial", - price: "$299/mes", - badge: "Popular", - badgeIcon: Star, + id: "plan-basico", name: "Plan Esencial", price: "$299/mes", badge: "Popular", badgeIcon: Star, buttons: [ { - text: "Empezar Ahora", - href: "#contacto", - }, + text: "Empezar Ahora", href: "#contacto"}, ], features: [ - "Diseño Web Básico (hasta 5 páginas)", - "Optimización SEO Inicial", - "Gestión de 1 Red Social", - "Soporte Estándar", - "Reportes Mensuales", - ], + "Diseño Web Básico (hasta 5 páginas)", "Optimización SEO Inicial", "Gestión de 1 Red Social", "Soporte Estándar", "Reportes Mensuales"], }, { - id: "plan-premium", - name: "Plan Premium", - price: "$599/mes", - badge: "Recomendado", - badgeIcon: Zap, + id: "plan-premium", name: "Plan Premium", price: "$599/mes", badge: "Recomendado", badgeIcon: Zap, buttons: [ { - text: "Contactar Ventas", - href: "#contacto", - }, + text: "Contactar Ventas", href: "#contacto"}, ], features: [ - "Diseño Web Avanzado (hasta 10 páginas)", - "Estrategia SEO Completa", - "Gestión de 3 Redes Sociales", - "Campañas de Email Marketing", - "Creación de Contenido (2 artículos/mes)", - "Soporte Prioritario", - "Análisis de Competencia", - ], + "Diseño Web Avanzado (hasta 10 páginas)", "Estrategia SEO Completa", "Gestión de 3 Redes Sociales", "Campañas de Email Marketing", "Creación de Contenido (2 artículos/mes)", "Soporte Prioritario", "Análisis de Competencia"], }, { - id: "plan-empresa", - name: "Plan Empresa", - price: "Personalizado", - badge: "Empresarial", - badgeIcon: Building, + id: "plan-empresa", name: "Plan Empresa", price: "Personalizado", badge: "Empresarial", badgeIcon: Building, buttons: [ { - text: "Solicitar Cotización", - href: "#contacto", - }, + text: "Solicitar Cotización", href: "#contacto"}, ], features: [ - "Diseño Web Personalizado a Gran Escala", - "SEO y SEM Avanzado", - "Gestión Multicanal de Redes Sociales", - "Automatización de Marketing Completa", - "Marketing de Contenidos Estratégico", - "Manager de Cuenta Dedicado", - "Análisis de Datos Avanzado y Consultoría", - ], + "Diseño Web Personalizado a Gran Escala", "SEO y SEM Avanzado", "Gestión Multicanal de Redes Sociales", "Automatización de Marketing Completa", "Marketing de Contenidos Estratégico", "Manager de Cuenta Dedicado", "Análisis de Datos Avanzado y Consultoría"], }, ]} title="Elige Tu Plan de Marketing Ideal" @@ -261,20 +173,11 @@ export default function LandingPage() { tag="Nuestro Impacto" metrics={[ { - id: "m1", - value: "+300", - description: "Clientes Satisfechos con nuestros servicios.", - }, + id: "m1", value: "+300", description: "Clientes Satisfechos con nuestros servicios."}, { - id: "m2", - value: "+120%", - description: "Aumento promedio en el tráfico web de nuestros clientes.", - }, + id: "m2", value: "+120%", description: "Aumento promedio en el tráfico web de nuestros clientes."}, { - id: "m3", - value: "5 Estrellas", - description: "Calificación promedio en la satisfacción del cliente.", - }, + id: "m3", value: "5 Estrellas", description: "Calificación promedio en la satisfacción del cliente."}, ]} metricsAnimation="blur-reveal" /> @@ -287,50 +190,21 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "prod-1", - name: "Diseño y Desarrollo Web", - price: "Desde $500", - imageSrc: "http://img.b2bpic.net/free-photo/network-connection-graphic-overlay-notebook_53876-133693.jpg", - imageAlt: "Laptop displaying a modern website", - }, + id: "prod-1", name: "Diseño y Desarrollo Web", price: "Desde $500", imageSrc: "http://img.b2bpic.net/free-photo/network-connection-graphic-overlay-notebook_53876-133693.jpg", imageAlt: "Laptop displaying a modern website"}, { - id: "prod-2", - name: "Optimización SEO Avanzada", - price: "Desde $250", - imageSrc: "http://img.b2bpic.net/free-photo/working-with-device-lifestyle_23-2151848729.jpg", - imageAlt: "SEO analytics and keyword research", - }, + id: "prod-2", name: "Optimización SEO Avanzada", price: "Desde $250", imageSrc: "http://img.b2bpic.net/free-photo/working-with-device-lifestyle_23-2151848729.jpg", imageAlt: "SEO analytics and keyword research"}, { - id: "prod-3", - name: "Publicidad en Redes Sociales", - price: "Desde $150", - imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-arrow-hitting-target_23-2151266500.jpg", - imageAlt: "Social media ad campaigns", - }, + id: "prod-3", name: "Publicidad en Redes Sociales", price: "Desde $150", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-arrow-hitting-target_23-2151266500.jpg", imageAlt: "Social media ad campaigns"}, { - id: "prod-4", - name: "Marketing por Email Automatizado", - price: "Desde $200", - imageSrc: "http://img.b2bpic.net/free-vector/transfer-files-landing-page_23-2148296952.jpg", - imageAlt: "Email marketing automation on smartphone", - }, + id: "prod-4", name: "Marketing por Email Automatizado", price: "Desde $200", imageSrc: "http://img.b2bpic.net/free-vector/transfer-files-landing-page_23-2148296952.jpg", imageAlt: "Email marketing automation on smartphone"}, { - id: "prod-5", - name: "Creación de Contenido Estratégico", - price: "Desde $180", - imageSrc: "http://img.b2bpic.net/free-photo/remotely-working-company-financial-advisor-analyzing-statistical-graphs_482257-92945.jpg", - imageAlt: "Content writer working on a blog post", - }, + id: "prod-5", name: "Creación de Contenido Estratégico", price: "Desde $180", imageSrc: "http://img.b2bpic.net/free-photo/remotely-working-company-financial-advisor-analyzing-statistical-graphs_482257-92945.jpg", imageAlt: "Content writer working on a blog post"}, { - id: "prod-6", - name: "Branding e Identidad Digital", - price: "Desde $300", - imageSrc: "http://img.b2bpic.net/free-vector/company-branding-illustration_335657-4696.jpg", - imageAlt: "Brand logo and color palette design", - }, + id: "prod-6", name: "Branding e Identidad Digital", price: "Desde $300", imageSrc: "http://img.b2bpic.net/free-vector/company-branding-illustration_335657-4696.jpg", imageAlt: "Brand logo and color palette design"}, ]} title="Descubre el Alcance de Nuestros Servicios Digitales" description="Desde la estrategia inicial hasta la ejecución, ofrecemos un conjunto completo de servicios para tu crecimiento." + animationType="slide-up" />
@@ -341,45 +215,15 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "t1", - name: "Negocios Digitales", - handle: "@NegociosDigitales", - testimonial: "Realice mi pagina web con ellos y quedó execelente, superaron mis expectativas. ¡Totalmente recomendado!", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3774.jpg", - imageAlt: "Avatar of Negocios Digitales", - }, + id: "t1", name: "Negocios Digitales", handle: "@NegociosDigitales", testimonial: "Realice mi pagina web con ellos y quedó execelente, superaron mis expectativas. ¡Totalmente recomendado!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3774.jpg", imageAlt: "Avatar of Negocios Digitales"}, { - id: "t2", - name: "Bryan Quintero", - handle: "@BryanQ", - testimonial: "Hola buenas, me gusto el servicio que esta empresa ofrece, muy bueno lo recomiendo ⭐ siga asiii!!", - imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg", - imageAlt: "Avatar of Bryan Quintero", - }, + id: "t2", name: "Bryan Quintero", handle: "@BryanQ", testimonial: "Hola buenas, me gusto el servicio que esta empresa ofrece, muy bueno lo recomiendo ⭐ siga asiii!!", imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg", imageAlt: "Avatar of Bryan Quintero"}, { - id: "t3", - name: "Karen Gutierrez", - handle: "@KarenG", - testimonial: "Excelente 1000 recomendado, el equipo de Inversiones Digital es muy profesional y eficiente.", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-surprised-excited-smile-business-woman-hold-hands-head-white_231208-11329.jpg", - imageAlt: "Avatar of Karen Gutierrez", - }, + id: "t3", name: "Karen Gutierrez", handle: "@KarenG", testimonial: "Excelente 1000 recomendado, el equipo de Inversiones Digital es muy profesional y eficiente.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-surprised-excited-smile-business-woman-hold-hands-head-white_231208-11329.jpg", imageAlt: "Avatar of Karen Gutierrez"}, { - id: "t4", - name: "Laura Martínez", - handle: "@LauraM", - testimonial: "Gracias a Inversiones Digital, mi negocio ha experimentado un crecimiento impresionante. Sus estrategias son muy efectivas.", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-standing-with-arms-crossed-front-ai-brain_482257-91021.jpg", - imageAlt: "Avatar of Laura Martínez", - }, + id: "t4", name: "Laura Martínez", handle: "@LauraM", testimonial: "Gracias a Inversiones Digital, mi negocio ha experimentado un crecimiento impresionante. Sus estrategias son muy efectivas.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-standing-with-arms-crossed-front-ai-brain_482257-91021.jpg", imageAlt: "Avatar of Laura Martínez"}, { - id: "t5", - name: "Carlos Sánchez", - handle: "@CarlosS", - testimonial: "La automatización de marketing que implementaron cambió por completo la forma en que interactúo con mis clientes. ¡Un servicio de primera!", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-tablet_23-2148750352.jpg", - imageAlt: "Avatar of Carlos Sánchez", - }, + id: "t5", name: "Carlos Sánchez", handle: "@CarlosS", testimonial: "La automatización de marketing que implementaron cambió por completo la forma en que interactúo con mis clientes. ¡Un servicio de primera!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-tablet_23-2148750352.jpg", imageAlt: "Avatar of Carlos Sánchez"}, ]} title="Lo que Nuestros Clientes Dicen" description="La satisfacción de nuestros clientes es nuestra mayor prioridad y su éxito es nuestra mejor carta de presentación." @@ -391,25 +235,13 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "faq1", - title: "¿Cómo funciona el proceso de creación de una página web?", - content: "Nuestro proceso inicia con una consulta para entender tus necesidades, seguido de la planificación, diseño, desarrollo, pruebas y lanzamiento. Te mantenemos informado en cada etapa.", - }, + id: "faq1", title: "¿Cómo funciona el proceso de creación de una página web?", content: "Nuestro proceso inicia con una consulta para entender tus necesidades, seguido de la planificación, diseño, desarrollo, pruebas y lanzamiento. Te mantenemos informado en cada etapa."}, { - id: "faq2", - title: "¿Cuánto tiempo tarda en verse resultados con el marketing digital?", - content: "Los resultados varían según la estrategia y el mercado, pero generalmente se empiezan a ver mejoras significativas en 3 a 6 meses para SEO, y más rápido para campañas de pago.", - }, + id: "faq2", title: "¿Cuánto tiempo tarda en verse resultados con el marketing digital?", content: "Los resultados varían según la estrategia y el mercado, pero generalmente se empiezan a ver mejoras significativas en 3 a 6 meses para SEO, y más rápido para campañas de pago."}, { - id: "faq3", - title: "¿Ofrecen soporte técnico post-lanzamiento?", - content: "Sí, ofrecemos planes de mantenimiento y soporte continuo para asegurar que tu sitio web y tus campañas de marketing funcionen sin problemas después del lanzamiento.", - }, + id: "faq3", title: "¿Ofrecen soporte técnico post-lanzamiento?", content: "Sí, ofrecemos planes de mantenimiento y soporte continuo para asegurar que tu sitio web y tus campañas de marketing funcionen sin problemas después del lanzamiento."}, { - id: "faq4", - title: "¿Pueden integrar mi negocio con herramientas de automatización existentes?", - content: "Absolutamente. Somos expertos en integrar tu ecosistema digital con las mejores herramientas de automatización para optimizar tus flujos de trabajo y maximizar la eficiencia.", - }, + id: "faq4", title: "¿Pueden integrar mi negocio con herramientas de automatización existentes?", content: "Absolutamente. Somos expertos en integrar tu ecosistema digital con las mejores herramientas de automatización para optimizar tus flujos de trabajo y maximizar la eficiencia."}, ]} sideTitle="¿Tienes Preguntas Frecuentes?" sideDescription="Encuentra respuestas a las dudas más comunes sobre nuestros servicios de marketing digital." @@ -422,8 +254,7 @@ export default function LandingPage() {