Merge version_1 into main #1
277
src/app/page.tsx
277
src/app/page.tsx
@@ -31,33 +31,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "/about",
|
||||
},
|
||||
name: "Nosotros", id: "/about"},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "/services",
|
||||
},
|
||||
name: "Servicios", id: "/services"},
|
||||
{
|
||||
name: "Paquetes",
|
||||
id: "/packages",
|
||||
},
|
||||
name: "Paquetes", id: "/packages"},
|
||||
{
|
||||
name: "Proceso",
|
||||
id: "/process",
|
||||
},
|
||||
name: "Proceso", id: "/process"},
|
||||
{
|
||||
name: "Testimonios",
|
||||
id: "/testimonials",
|
||||
},
|
||||
name: "Testimonios", id: "/testimonials"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contacto", id: "/contact"},
|
||||
]}
|
||||
brandName="NODO MARKETING"
|
||||
/>
|
||||
@@ -69,55 +55,26 @@ export default function LandingPage() {
|
||||
description="Conectamos marcas con sus audiencias a través de estrategias digitales inteligentes impulsadas por innovación, análisis y creatividad."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sofía Pérez",
|
||||
handle: "@sofia_emprende",
|
||||
testimonial: "NODO MARKETING transformó completamente nuestra presencia online. Su enfoque estratégico es inigualable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-mature-businessman-using-laptop-near-office-building_74855-3639.jpg",
|
||||
imageAlt: "Sofía Pérez avatar",
|
||||
},
|
||||
name: "Sofía Pérez", handle: "@sofia_emprende", testimonial: "NODO MARKETING transformó completamente nuestra presencia online. Su enfoque estratégico es inigualable.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-mature-businessman-using-laptop-near-office-building_74855-3639.jpg", imageAlt: "Sofía Pérez avatar"},
|
||||
{
|
||||
name: "Carlos Rivera",
|
||||
handle: "@carlos_digital",
|
||||
testimonial: "Profesionalismo y resultados tangibles. Cada campaña superó nuestras expectativas.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg",
|
||||
imageAlt: "Carlos Rivera avatar",
|
||||
},
|
||||
name: "Carlos Rivera", handle: "@carlos_digital", testimonial: "Profesionalismo y resultados tangibles. Cada campaña superó nuestras expectativas.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg", imageAlt: "Carlos Rivera avatar"},
|
||||
{
|
||||
name: "Ana Gómez",
|
||||
handle: "@anagomez_brand",
|
||||
testimonial: "Nuestro branding nunca se había sentido tan coherente y potente. Son verdaderos artistas digitales.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-glasses_23-2148773579.jpg",
|
||||
imageAlt: "Ana Gómez avatar",
|
||||
},
|
||||
name: "Ana Gómez", handle: "@anagomez_brand", testimonial: "Nuestro branding nunca se había sentido tan coherente y potente. Son verdaderos artistas digitales.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-glasses_23-2148773579.jpg", imageAlt: "Ana Gómez avatar"},
|
||||
{
|
||||
name: "Miguel Torres",
|
||||
handle: "@miguel_tech",
|
||||
testimonial: "La automatización con IA que implementaron nos ahorró tiempo y disparó nuestras conversiones.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confused-senior-businessman-wearing-suit_1262-3747.jpg",
|
||||
imageAlt: "Miguel Torres avatar",
|
||||
},
|
||||
name: "Miguel Torres", handle: "@miguel_tech", testimonial: "La automatización con IA que implementaron nos ahorró tiempo y disparó nuestras conversiones.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confused-senior-businessman-wearing-suit_1262-3747.jpg", imageAlt: "Miguel Torres avatar"},
|
||||
{
|
||||
name: "Laura Díaz",
|
||||
handle: "@laura_creativa",
|
||||
testimonial: "Siempre un paso adelante en innovación. NODO MARKETING es el futuro del marketing digital.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-cozy-office_23-2149739353.jpg",
|
||||
imageAlt: "Laura Díaz avatar",
|
||||
},
|
||||
name: "Laura Díaz", handle: "@laura_creativa", testimonial: "Siempre un paso adelante en innovación. NODO MARKETING es el futuro del marketing digital.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-cozy-office_23-2149739353.jpg", imageAlt: "Laura Díaz avatar"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Agendar una cita",
|
||||
href: "/contact#agenda",
|
||||
},
|
||||
text: "Agendar una cita", href: "/contact#agenda"},
|
||||
{
|
||||
text: "Solicitar propuesta",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Solicitar propuesta", href: "/contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-network-data-communications-background-with-low-poly-plexus-design_1048-17879.jpg"
|
||||
imageAlt="Fondo tecnológico con nodos conectados representando redes digitales e inteligencia artificial"
|
||||
@@ -129,8 +86,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
tag="Nosotros"
|
||||
title="Somos una red estratégica de crecimiento digital"
|
||||
description="NODO MARKETING es el punto donde se conectan: Estrategia, Marca, Contenido, Canales Digitales, Audiencias."
|
||||
/>
|
||||
<p className="mt-4 text-lg text-gray-700 dark:text-gray-300">
|
||||
NODO MARKETING es el punto donde se conectan: Estrategia, Marca, Contenido, Canales Digitales, Audiencias.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="services-overview" data-section="services-overview">
|
||||
@@ -140,33 +99,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "branding",
|
||||
title: "Branding",
|
||||
subtitle: "Creamos identidades visuales únicas.",
|
||||
category: "Marca",
|
||||
value: "Impacto",
|
||||
},
|
||||
id: "branding", title: "Branding", subtitle: "Creamos identidades visuales únicas.", category: "Marca", value: "Impacto"},
|
||||
{
|
||||
id: "strategy",
|
||||
title: "Estrategia Digital",
|
||||
subtitle: "Diseñamos rutas personalizadas para tu éxito.",
|
||||
category: "Planificación",
|
||||
value: "Dirección",
|
||||
},
|
||||
id: "strategy", title: "Estrategia Digital", subtitle: "Diseñamos rutas personalizadas para tu éxito.", category: "Planificación", value: "Dirección"},
|
||||
{
|
||||
id: "growth",
|
||||
title: "Growth Marketing",
|
||||
subtitle: "Optimizamos embudos y campañas para escalar.",
|
||||
category: "Rendimiento",
|
||||
value: "Escala",
|
||||
},
|
||||
id: "growth", title: "Growth Marketing", subtitle: "Optimizamos embudos y campañas para escalar.", category: "Rendimiento", value: "Escala"},
|
||||
{
|
||||
id: "web-dev",
|
||||
title: "Desarrollo Web",
|
||||
subtitle: "Creamos plataformas que convierten visitantes.",
|
||||
category: "Tecnología",
|
||||
value: "Conversión",
|
||||
},
|
||||
id: "web-dev", title: "Desarrollo Web", subtitle: "Creamos plataformas que convierten visitantes.", category: "Tecnología", value: "Conversión"},
|
||||
]}
|
||||
title="Impulsa tu crecimiento digital"
|
||||
description="Ofrecemos soluciones integrales para potenciar tu marca en el ecosistema digital."
|
||||
@@ -181,37 +120,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "diagnostico",
|
||||
value: "1.",
|
||||
title: "Diagnóstico",
|
||||
description: "Analizamos tu negocio y objetivos, identificando oportunidades clave.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-with-blank-screen-digital-tablet-laptop-wooden-desk-office_1150-1472.jpg",
|
||||
imageAlt: "Data analysis dashboard",
|
||||
},
|
||||
id: "diagnostico", value: "1.", title: "Diagnóstico", description: "Analizamos tu negocio y objetivos, identificando oportunidades clave.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-with-blank-screen-digital-tablet-laptop-wooden-desk-office_1150-1472.jpg", imageAlt: "Data analysis dashboard"},
|
||||
{
|
||||
id: "estrategia",
|
||||
value: "2.",
|
||||
title: "Estrategia",
|
||||
description: "Diseñamos una ruta personalizada, integrando creatividad y análisis.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/words-target-notebook-with-handwriting_1357-139.jpg",
|
||||
imageAlt: "Blueprint with interconnected nodes",
|
||||
},
|
||||
id: "estrategia", value: "2.", title: "Estrategia", description: "Diseñamos una ruta personalizada, integrando creatividad y análisis.", imageSrc: "http://img.b2bpic.net/free-photo/words-target-notebook-with-handwriting_1357-139.jpg", imageAlt: "Blueprint with interconnected nodes"},
|
||||
{
|
||||
id: "ejecucion",
|
||||
value: "3.",
|
||||
title: "Ejecución",
|
||||
description: "Implementamos campañas y contenidos, con atención al detalle.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-branding-label-chart-graphic_53876-133806.jpg",
|
||||
imageAlt: "Holographic interface interaction",
|
||||
},
|
||||
id: "ejecucion", value: "3.", title: "Ejecución", description: "Implementamos campañas y contenidos, con atención al detalle.", imageSrc: "http://img.b2bpic.net/free-photo/business-branding-label-chart-graphic_53876-133806.jpg", imageAlt: "Holographic interface interaction"},
|
||||
{
|
||||
id: "optimizacion",
|
||||
value: "4.",
|
||||
title: "Optimización",
|
||||
description: "Medimos, analizamos y mejoramos continuamente para maximizar el ROI.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/improvement-potential-excellence-diagram-graphic-concept_53876-133937.jpg",
|
||||
imageAlt: "Upward trending arrow in data visualization",
|
||||
},
|
||||
id: "optimizacion", value: "4.", title: "Optimización", description: "Medimos, analizamos y mejoramos continuamente para maximizar el ROI.", imageSrc: "http://img.b2bpic.net/free-photo/improvement-potential-excellence-diagram-graphic-concept_53876-133937.jpg", imageAlt: "Upward trending arrow in data visualization"},
|
||||
]}
|
||||
title="Transformamos ideas en resultados medibles"
|
||||
description="Nuestra metodología garantiza un camino claro hacia el éxito digital en 4 fases."
|
||||
@@ -226,66 +141,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "star",
|
||||
badge: "Valor",
|
||||
badgeIcon: Sparkles,
|
||||
price: "Desde $XXX/mes",
|
||||
subtitle: "Ideal para iniciar tu presencia digital.",
|
||||
buttons: [
|
||||
id: "star", badge: "Valor", badgeIcon: Sparkles,
|
||||
price: "Desde $XXX/mes", subtitle: "Ideal para iniciar tu presencia digital.", buttons: [
|
||||
{
|
||||
text: "Solicitar Cotización",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Solicitar Cotización", href: "/contact"},
|
||||
],
|
||||
features: [
|
||||
"Manejo de 1 red social",
|
||||
"Calendario mensual de contenido",
|
||||
"Estrategia de marketing inicial",
|
||||
"Analítica y optimización básica",
|
||||
"12-15 piezas de contenido",
|
||||
"5 videos mensuales",
|
||||
],
|
||||
"Manejo de 1 red social", "Calendario mensual de contenido", "Estrategia de marketing inicial", "Analítica y optimización básica", "12-15 piezas de contenido", "5 videos mensuales"],
|
||||
},
|
||||
{
|
||||
id: "big-star",
|
||||
badge: "Recomendado",
|
||||
badgeIcon: Award,
|
||||
price: "Desde $YYY/mes",
|
||||
subtitle: "Para marcas que buscan escalar rápidamente.",
|
||||
buttons: [
|
||||
id: "big-star", badge: "Recomendado", badgeIcon: Award,
|
||||
price: "Desde $YYY/mes", subtitle: "Para marcas que buscan escalar rápidamente.", buttons: [
|
||||
{
|
||||
text: "Solicitar Cotización",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Solicitar Cotización", href: "/contact"},
|
||||
],
|
||||
features: [
|
||||
"Manejo de 2-3 redes sociales",
|
||||
"Calendario mensual avanzado",
|
||||
"Estrategia de marketing integral",
|
||||
"Analítica y optimización detallada",
|
||||
"18-21 piezas de contenido",
|
||||
"8 videos mensuales",
|
||||
],
|
||||
"Manejo de 2-3 redes sociales", "Calendario mensual avanzado", "Estrategia de marketing integral", "Analítica y optimización detallada", "18-21 piezas de contenido", "8 videos mensuales"],
|
||||
},
|
||||
{
|
||||
id: "brand-pro",
|
||||
badge: "Premium",
|
||||
badgeIcon: Zap,
|
||||
price: "Desde $ZZZ/mes",
|
||||
subtitle: "La solución completa para dominio digital.",
|
||||
buttons: [
|
||||
id: "brand-pro", badge: "Premium", badgeIcon: Zap,
|
||||
price: "Desde $ZZZ/mes", subtitle: "La solución completa para dominio digital.", buttons: [
|
||||
{
|
||||
text: "Solicitar Cotización",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Solicitar Cotización", href: "/contact"},
|
||||
],
|
||||
features: [
|
||||
"Branding completo",
|
||||
"Todo el paquete Big Star",
|
||||
"Contenido Premium (incluye videos)",
|
||||
"Estrategia avanzada de posicionamiento",
|
||||
"Automatización con IA",
|
||||
],
|
||||
"Branding completo", "Todo el paquete Big Star", "Contenido Premium (incluye videos)", "Estrategia avanzada de posicionamiento", "Automatización con IA"],
|
||||
},
|
||||
]}
|
||||
title="Encuentra el paquete ideal para tu marca"
|
||||
@@ -299,14 +179,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Tech Innovators",
|
||||
"Global Ventures",
|
||||
"Creative Studios",
|
||||
"Future Brands",
|
||||
"Digital Dynamics",
|
||||
"Synergy Corp",
|
||||
"Alpha Solutions",
|
||||
]}
|
||||
"Tech Innovators", "Global Ventures", "Creative Studios", "Future Brands", "Digital Dynamics", "Synergy Corp", "Alpha Solutions"]}
|
||||
title="Nuestros clientes son nuestra mejor carta de presentación"
|
||||
description="Hemos colaborado con empresas líderes para impulsar su crecimiento digital."
|
||||
tag="Confían en Nosotros"
|
||||
@@ -319,81 +192,49 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Nosotros",
|
||||
href: "/about",
|
||||
},
|
||||
label: "Nosotros", href: "/about"},
|
||||
{
|
||||
label: "Servicios",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Servicios", href: "/services"},
|
||||
{
|
||||
label: "Paquetes",
|
||||
href: "/packages",
|
||||
},
|
||||
label: "Paquetes", href: "/packages"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Proceso",
|
||||
href: "/process",
|
||||
},
|
||||
label: "Proceso", href: "/process"},
|
||||
{
|
||||
label: "Testimonios",
|
||||
href: "/testimonials",
|
||||
},
|
||||
label: "Testimonios", href: "/testimonials"},
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contacto", href: "/contact"},
|
||||
{
|
||||
label: "Agendar Cita",
|
||||
href: "/contact#agenda",
|
||||
},
|
||||
label: "Agendar Cita", href: "/contact#agenda"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/nodomarketing",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/nodomarketing"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com/nodomarketing",
|
||||
},
|
||||
label: "Facebook", href: "https://facebook.com/nodomarketing"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://linkedin.com/company/nodomarketing",
|
||||
},
|
||||
label: "LinkedIn", href: "https://linkedin.com/company/nodomarketing"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/XXXXXXXXXX",
|
||||
},
|
||||
label: "WhatsApp", href: "https://wa.me/XXXXXXXXXX"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Política de Privacidad",
|
||||
href: "/privacy-policy",
|
||||
},
|
||||
label: "Política de Privacidad", href: "/privacy-policy"},
|
||||
{
|
||||
label: "Política de Cookies",
|
||||
href: "/cookies-policy",
|
||||
},
|
||||
label: "Política de Cookies", href: "/cookies-policy"},
|
||||
{
|
||||
label: "Términos y Condiciones",
|
||||
href: "/terms-conditions",
|
||||
},
|
||||
label: "Términos y Condiciones", href: "/terms-conditions"},
|
||||
{
|
||||
label: "Aviso Legal",
|
||||
href: "/legal-notice",
|
||||
},
|
||||
label: "Aviso Legal", href: "/legal-notice"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user