Update src/app/page.tsx
This commit is contained in:
324
src/app/page.tsx
324
src/app/page.tsx
@@ -32,33 +32,19 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Inicio", id: "#hero"},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "#servicios",
|
||||
},
|
||||
name: "Servicios", id: "#servicios"},
|
||||
{
|
||||
name: "Beneficios",
|
||||
id: "#beneficios",
|
||||
},
|
||||
name: "Beneficios", id: "#beneficios"},
|
||||
{
|
||||
name: "Clientes",
|
||||
id: "#clientes",
|
||||
},
|
||||
name: "Clientes", id: "#clientes"},
|
||||
{
|
||||
name: "Planes",
|
||||
id: "#planes",
|
||||
},
|
||||
name: "Planes", id: "#planes"},
|
||||
{
|
||||
name: "Testimonios",
|
||||
id: "#testimonios",
|
||||
},
|
||||
name: "Testimonios", id: "#testimonios"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "#contacto",
|
||||
},
|
||||
name: "Contacto", id: "#contacto"},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=08eawx"
|
||||
logoAlt="MSD Agency Logo"
|
||||
@@ -69,65 +55,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Tu ventaja en el mercado."
|
||||
description="Reportes de inteligencia de mercado para negocios que quieren crecer."
|
||||
buttons={[
|
||||
{
|
||||
text: "Solicitar reporte",
|
||||
href: "#contacto",
|
||||
},
|
||||
text: "Solicitar reporte", href: "#contacto"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blue-background_1160-921.jpg"
|
||||
imageAlt="Gráfico abstracto que representa inteligencia de mercado"
|
||||
mediaAnimation="opacity"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-business-woman-sitting-table_1262-2422.jpg",
|
||||
alt: "CEO de Empresa Tecnológica",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-business-woman-sitting-table_1262-2422.jpg", alt: "CEO de Empresa Tecnológica"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-lady-grey-suit-enjoys-sunshine-bright-street-new-york-city_8353-1586.jpg",
|
||||
alt: "Directora de Marketing",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-lady-grey-suit-enjoys-sunshine-bright-street-new-york-city_8353-1586.jpg", alt: "Directora de Marketing"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-businesswoman_23-2148138155.jpg",
|
||||
alt: "Fundador de Startup",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-businesswoman_23-2148138155.jpg", alt: "Fundador de Startup"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-clipboard-walking-camera_23-2148230216.jpg",
|
||||
alt: "Gerente de Operaciones",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-clipboard-walking-camera_23-2148230216.jpg", alt: "Gerente de Operaciones"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-checkered-suit-posing-near-dark-blue-wall-street-background_158538-4214.jpg",
|
||||
alt: "Consultora Senior",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-checkered-suit-posing-near-dark-blue-wall-street-background_158538-4214.jpg", alt: "Consultora Senior"},
|
||||
]}
|
||||
avatarText="Más de 500 clientes satisfechos"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Análisis Profundo",
|
||||
icon: BarChart,
|
||||
type: "text-icon", text: "Análisis Profundo", icon: BarChart,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Estrategias de Crecimiento",
|
||||
type: "text", text: "Estrategias de Crecimiento"},
|
||||
{
|
||||
type: "text-icon", text: "Tendencias Clave", icon: LineChart,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Tendencias Clave",
|
||||
icon: LineChart,
|
||||
},
|
||||
type: "text", text: "Visión de Mercado"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Visión de Mercado",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Ideas Innovadoras",
|
||||
icon: Lightbulb,
|
||||
type: "text-icon", text: "Ideas Innovadoras", icon: Lightbulb,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -139,29 +102,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Análisis competitivo",
|
||||
description: "Identificamos las fortalezas y debilidades de tu competencia para encontrar tu ventaja única.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representative-arrow-economy-chart_23-2148541983.jpg",
|
||||
imageAlt: "Icono de gráfico de barras",
|
||||
},
|
||||
title: "Análisis competitivo", description: "Identificamos las fortalezas y debilidades de tu competencia para encontrar tu ventaja única.", imageSrc: "http://img.b2bpic.net/free-photo/representative-arrow-economy-chart_23-2148541983.jpg", imageAlt: "Icono de gráfico de barras"},
|
||||
{
|
||||
title: "Posicionamiento de marca",
|
||||
description: "Definimos cómo tu marca se percibe en el mercado para resonar con tu público objetivo.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-safety-measures-logos-with-copy-space_23-2148608802.jpg",
|
||||
imageAlt: "Icono de etiqueta",
|
||||
},
|
||||
title: "Posicionamiento de marca", description: "Definimos cómo tu marca se percibe en el mercado para resonar con tu público objetivo.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-safety-measures-logos-with-copy-space_23-2148608802.jpg", imageAlt: "Icono de etiqueta"},
|
||||
{
|
||||
title: "Tendencias del mercado",
|
||||
description: "Monitoreamos las últimas tendencias para asegurar que tu negocio esté siempre un paso adelante.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-statistics-presentation-with-arrows_23-2149023770.jpg",
|
||||
imageAlt: "Icono de tendencia al alza",
|
||||
},
|
||||
title: "Tendencias del mercado", description: "Monitoreamos las últimas tendencias para asegurar que tu negocio esté siempre un paso adelante.", imageSrc: "http://img.b2bpic.net/free-photo/flat-statistics-presentation-with-arrows_23-2149023770.jpg", imageAlt: "Icono de tendencia al alza"},
|
||||
{
|
||||
title: "Recomendaciones estratégicas",
|
||||
description: "Convertimos los datos en planes de acción claros y ejecutables para tu crecimiento.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-crumpled-paper-ball-light-bulb-yellow-white-background_23-2147873849.jpg",
|
||||
imageAlt: "Icono de bombilla",
|
||||
},
|
||||
title: "Recomendaciones estratégicas", description: "Convertimos los datos en planes de acción claros y ejecutables para tu crecimiento.", imageSrc: "http://img.b2bpic.net/free-photo/white-crumpled-paper-ball-light-bulb-yellow-white-background_23-2147873849.jpg", imageAlt: "Icono de bombilla"},
|
||||
]}
|
||||
title="Qué hacemos por ti"
|
||||
description="Ofrecemos insights clave para potenciar tu estrategia y crecimiento."
|
||||
@@ -172,25 +119,17 @@ export default function LandingPage() {
|
||||
<MetricCardThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="depth-3d"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Clock,
|
||||
title: "Entrega Rápida",
|
||||
value: "24-72 horas",
|
||||
},
|
||||
id: "m1", icon: Clock,
|
||||
title: "Entrega Rápida", value: "24-72 horas"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Database,
|
||||
title: "Datos Confiables",
|
||||
value: "Reales y actualizados",
|
||||
},
|
||||
id: "m2", icon: Database,
|
||||
title: "Datos Confiables", value: "Reales y actualizados"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: FileText,
|
||||
title: "Formatos Profesionales",
|
||||
value: "HTML, PDF, Word, PPT",
|
||||
},
|
||||
id: "m3", icon: FileText,
|
||||
title: "Formatos Profesionales", value: "HTML, PDF, Word, PPT"},
|
||||
]}
|
||||
title="Por qué elegir a MSD Agency"
|
||||
description="Nuestra metodología se centra en la eficiencia y la calidad para darte resultados rápidos y fiables."
|
||||
@@ -202,14 +141,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Tecnología MX",
|
||||
"Finanzas Solución",
|
||||
"Comercio Innova",
|
||||
"Logística Total",
|
||||
"Salud Digital",
|
||||
"Inmuebles Plus",
|
||||
"Educa Innova",
|
||||
]}
|
||||
"Tecnología MX", "Finanzas Solución", "Comercio Innova", "Logística Total", "Salud Digital", "Inmuebles Plus", "Educa Innova"]}
|
||||
title="Nuestros clientes confían en nuestra visión"
|
||||
description="Hemos ayudado a diversas empresas en México a tomar decisiones estratégicas basadas en datos sólidos."
|
||||
/>
|
||||
@@ -219,76 +151,32 @@ export default function LandingPage() {
|
||||
<PricingCardNine
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="scale-rotate"
|
||||
plans={[
|
||||
{
|
||||
id: "basico",
|
||||
title: "Básico",
|
||||
price: "$4,500-$6,000",
|
||||
period: "MXN",
|
||||
features: [
|
||||
"1 Reporte de Mercado",
|
||||
"Análisis Introductorio",
|
||||
"Consultoría Inicial (1 hora)",
|
||||
],
|
||||
id: "basico", title: "Básico", price: "$4,500-$6,000", period: "MXN", features: [
|
||||
"1 Reporte de Mercado", "Análisis Introductorio", "Consultoría Inicial (1 hora)"],
|
||||
button: {
|
||||
text: "Comenzar",
|
||||
href: "#contacto",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-geometric-texture-background_23-2151966075.jpg",
|
||||
imageAlt: "Patrón abstracto para plan Básico",
|
||||
},
|
||||
text: "Comenzar", href: "#contacto"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-geometric-texture-background_23-2151966075.jpg", imageAlt: "Patrón abstracto para plan Básico"},
|
||||
{
|
||||
id: "avanzado",
|
||||
title: "Avanzado",
|
||||
price: "$8,000-$12,000",
|
||||
period: "MXN",
|
||||
features: [
|
||||
"3 Reportes Detallados",
|
||||
"Análisis Competitivo",
|
||||
"Consultoría Estratégica (2 horas)",
|
||||
],
|
||||
id: "avanzado", title: "Avanzado", price: "$8,000-$12,000", period: "MXN", features: [
|
||||
"3 Reportes Detallados", "Análisis Competitivo", "Consultoría Estratégica (2 horas)"],
|
||||
button: {
|
||||
text: "Elegir Plan Avanzado",
|
||||
href: "#contacto",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glowing-blue-maze-pattern-with-illuminated-golden-path-night_84443-91495.jpg",
|
||||
imageAlt: "Patrón abstracto para plan Avanzado",
|
||||
},
|
||||
text: "Elegir Plan Avanzado", href: "#contacto"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glowing-blue-maze-pattern-with-illuminated-golden-path-night_84443-91495.jpg", imageAlt: "Patrón abstracto para plan Avanzado"},
|
||||
{
|
||||
id: "premium",
|
||||
title: "Premium",
|
||||
price: "$14,000-$20,000",
|
||||
period: "MXN",
|
||||
features: [
|
||||
"5 Reportes Personalizados",
|
||||
"Estudio de Posicionamiento",
|
||||
"Soporte Prioritario",
|
||||
],
|
||||
id: "premium", title: "Premium", price: "$14,000-$20,000", period: "MXN", features: [
|
||||
"5 Reportes Personalizados", "Estudio de Posicionamiento", "Soporte Prioritario"],
|
||||
button: {
|
||||
text: "Elegir Plan Premium",
|
||||
href: "#contacto",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-14718.jpg",
|
||||
imageAlt: "Patrón abstracto para plan Premium",
|
||||
},
|
||||
text: "Elegir Plan Premium", href: "#contacto"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-14718.jpg", imageAlt: "Patrón abstracto para plan Premium"},
|
||||
{
|
||||
id: "plus",
|
||||
title: "Plus",
|
||||
price: "$35,000-$50,000",
|
||||
period: "MXN",
|
||||
features: [
|
||||
"Reportes Ilimitados",
|
||||
"Inteligencia de Mercado 360",
|
||||
"Consultoría Ejecutiva",
|
||||
"Integración de Datos",
|
||||
],
|
||||
id: "plus", title: "Plus", price: "$35,000-$50,000", period: "MXN", features: [
|
||||
"Reportes Ilimitados", "Inteligencia de Mercado 360", "Consultoría Ejecutiva", "Integración de Datos"],
|
||||
button: {
|
||||
text: "Solicitar Plan Plus",
|
||||
href: "#contacto",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smooth-flowing-blue-white-gradient-abstract_84443-73737.jpg",
|
||||
imageAlt: "Patrón abstracto con borde azul brillante y badge 'Más completo' para plan Plus",
|
||||
},
|
||||
text: "Solicitar Plan Plus", href: "#contacto"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smooth-flowing-blue-white-gradient-abstract_84443-73737.jpg", imageAlt: "Patrón abstracto con borde azul brillante y badge 'Más completo' para plan Plus"},
|
||||
]}
|
||||
title="Nuestros planes de inteligencia de mercado"
|
||||
description="Elige el plan que mejor se adapte a las necesidades y escala de tu negocio en México."
|
||||
@@ -299,66 +187,31 @@ export default function LandingPage() {
|
||||
<TestimonialCardSixteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="blur-reveal"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sofía Hernández",
|
||||
role: "CEO",
|
||||
company: "TechSolutions MX",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-fancy-outfit-inside-house_1303-13853.jpg",
|
||||
imageAlt: "Avatar de Sofía Hernández",
|
||||
},
|
||||
id: "t1", name: "Sofía Hernández", role: "CEO", company: "TechSolutions MX", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-fancy-outfit-inside-house_1303-13853.jpg", imageAlt: "Avatar de Sofía Hernández"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Ricardo Gómez",
|
||||
role: "Director de Marketing",
|
||||
company: "Innovación Financiera",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/looking-taxi_1098-14106.jpg",
|
||||
imageAlt: "Avatar de Ricardo Gómez",
|
||||
},
|
||||
id: "t2", name: "Ricardo Gómez", role: "Director de Marketing", company: "Innovación Financiera", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/looking-taxi_1098-14106.jpg", imageAlt: "Avatar de Ricardo Gómez"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Vidal",
|
||||
role: "Fundadora",
|
||||
company: "Tienda Creativa",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-with-flying-hair-posing-studio_158595-785.jpg",
|
||||
imageAlt: "Avatar de Elena Vidal",
|
||||
},
|
||||
id: "t3", name: "Elena Vidal", role: "Fundadora", company: "Tienda Creativa", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-with-flying-hair-posing-studio_158595-785.jpg", imageAlt: "Avatar de Elena Vidal"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Carlos Ruíz",
|
||||
role: "Gerente de Operaciones",
|
||||
company: "Logística MX",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-muscular-male-using-smartphone-modern-building-background-downtown_613910-9151.jpg",
|
||||
imageAlt: "Avatar de Carlos Ruíz",
|
||||
},
|
||||
id: "t4", name: "Carlos Ruíz", role: "Gerente de Operaciones", company: "Logística MX", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-muscular-male-using-smartphone-modern-building-background-downtown_613910-9151.jpg", imageAlt: "Avatar de Carlos Ruíz"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mariana Flores",
|
||||
role: "Jefa de Proyectos",
|
||||
company: "Consultoría Digital",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-businessman-white-shirt-looking-left-smiling-satisfied-standing-whi_1258-112690.jpg",
|
||||
imageAlt: "Avatar de Mariana Flores",
|
||||
},
|
||||
id: "t5", name: "Mariana Flores", role: "Jefa de Proyectos", company: "Consultoría Digital", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-businessman-white-shirt-looking-left-smiling-satisfied-standing-whi_1258-112690.jpg", imageAlt: "Avatar de Mariana Flores"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "95%",
|
||||
label: "Satisfacción del Cliente",
|
||||
},
|
||||
value: "95%", label: "Satisfacción del Cliente"},
|
||||
{
|
||||
value: "+200",
|
||||
label: "Proyectos Completados",
|
||||
},
|
||||
value: "+200", label: "Proyectos Completados"},
|
||||
{
|
||||
value: "10 Años",
|
||||
label: "Experiencia en el Mercado",
|
||||
},
|
||||
value: "10 Años", label: "Experiencia en el Mercado"},
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="El éxito de nuestros clientes es nuestro mayor aval. Escucha sus experiencias."
|
||||
@@ -369,8 +222,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contáctanos"
|
||||
title="¿Listo para tu ventaja competitiva?"
|
||||
description="Para solicitar un reporte personalizado, por favor introduce tu email. Nos pondremos en contacto contigo para un formulario completo. También puedes escribirnos directamente a msdmarketagency@gmail.com."
|
||||
@@ -389,59 +241,37 @@ export default function LandingPage() {
|
||||
logoText="MSD Agency"
|
||||
columns={[
|
||||
{
|
||||
title: "Agencia",
|
||||
items: [
|
||||
title: "Agencia", items: [
|
||||
{
|
||||
label: "Inicio",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Inicio", href: "#hero"},
|
||||
{
|
||||
label: "Servicios",
|
||||
href: "#servicios",
|
||||
},
|
||||
label: "Servicios", href: "#servicios"},
|
||||
{
|
||||
label: "Beneficios",
|
||||
href: "#beneficios",
|
||||
},
|
||||
label: "Beneficios", href: "#beneficios"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Oferta",
|
||||
items: [
|
||||
title: "Oferta", items: [
|
||||
{
|
||||
label: "Planes",
|
||||
href: "#planes",
|
||||
},
|
||||
label: "Planes", href: "#planes"},
|
||||
{
|
||||
label: "Testimonios",
|
||||
href: "#testimonios",
|
||||
},
|
||||
label: "Testimonios", href: "#testimonios"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contacto",
|
||||
items: [
|
||||
title: "Contacto", items: [
|
||||
{
|
||||
label: "Escríbenos",
|
||||
href: "#contacto",
|
||||
},
|
||||
label: "Escríbenos", href: "#contacto"},
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:msdmarketagency@gmail.com",
|
||||
},
|
||||
label: "Email", href: "mailto:msdmarketagency@gmail.com"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user