Primitivas y contenido del rediseño (escala tipográfica, Revelar, MarcaSeccion, Seccion, Antetitulo, SimboloMarca, Resplandor, ClaridadHero, sección Proceso de ocho etapas, lib/content.ts reestructurado en seis secciones con alias para las viejas). Mecanismo y FormaTrabajar se retiran. Encima, lo de esta sesión: - recorrido: creeer vuelve a responder cada situación en vez de repetirla (el alias apuntaba respuesta a situacion); respuestas en plural. Créditos de las seis fotos de México. - contacto: WhatsApp, email (con mailto:) y LinkedIn reales; iconos de las redes en el cierre y el footer (IconoRed, trazos de Simple Icons, CC0). - enlaces: lo externo abre en otra pestaña con noopener y aviso para lectores de pantalla (lib/enlaces.ts); mailto y anclas se quedan. - Proceso: las ocho tarjetas no aparecían nunca en móvil (amount 0.3 sobre una lista de ~3000px); ahora cada una se revela sola. El ≡ de la 08 ya no tapa un entregable, título equilibrado, etiqueta a 12px, sin elevar al hover lo que no es clicable. - Disciplinas: la frase «No son la promesa — son los medios» gana peso y se agrupa con título e ilustración; sin cortes huérfanos en móvil. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
293 lines
16 KiB
TypeScript
293 lines
16 KiB
TypeScript
// Source of truth for all copy. Edit here, not in JSX.
|
|
|
|
export const wordmark = {
|
|
// cre[≡]er — 'cre' + dorado symbol '≡' + 'er'
|
|
parts: { before: 'cre', accent: '≡', after: 'er' },
|
|
};
|
|
|
|
export const brandPillars = {
|
|
pillar1: "Claridad",
|
|
pillar2: "Dirección",
|
|
pillar3: "Crecimiento",
|
|
};
|
|
|
|
// ── 01 · Apertura ──────────────────────────────────────────────────────────
|
|
export const apertura = {
|
|
numero: '01',
|
|
eyebrow: 'claridad estratégica para tu negocio',
|
|
headline: {
|
|
line1: 'Tu negocio no necesita',
|
|
acento: 'más esfuerzo.',
|
|
line3: 'Necesita',
|
|
cierre: 'más claridad.',
|
|
},
|
|
quien: 'Claridad estratégica para empresarios con tracción que llegaron a su punto de inflexión.',
|
|
// Hormozi: Dream Outcome — the hero names the problem; this line names the
|
|
// result the reader walks away with. Concrete, time-bound, personal.
|
|
dreamOutcome: 'Un plan a 12 meses para que tu negocio crezca sin depender de ti en cada decisión.',
|
|
cta: 'Agenda una sesión de claridad — 30 min, sin costo',
|
|
ctaSecundario: 'Ver cómo trabajamos',
|
|
};
|
|
|
|
// ── 02 · Dónde estás ───────────────────────────────────────────────────────
|
|
// Los seis puntos y los cuatro dolores son de las diapositivas 2 y 3 del deck
|
|
// de la dueña. Verbatim. `respuesta` desaparece: existía para llenar seis
|
|
// pantallas fijadas y el recorrido ya no existe.
|
|
const PUNTOS = [
|
|
{ name: 'Crecer', situacion: 'Ya demostraste que sabes crecer. El siguiente salto no tiene mapa.' },
|
|
{ name: 'Consolidarse', situacion: 'Construiste rápido. Escalar así multiplicaría el desorden.' },
|
|
{ name: 'Recuperar rentabilidad', situacion: 'Tu esfuerzo dejó de traducirse en resultado.' },
|
|
{ name: 'Simplificar', situacion: 'Tu operación se volvió más compleja que tu negocio.' },
|
|
{ name: 'Expandirse', situacion: 'Vas a mercados nuevos con el mismo mapa de decisión.' },
|
|
{ name: 'Replantear el portafolio', situacion: 'Tienes varios frentes abiertos y ninguno con su lugar claro.' },
|
|
];
|
|
|
|
export const dondeEstas = {
|
|
numero: '02',
|
|
eyebrow: 'dónde estás',
|
|
title: 'Tu negocio llegó a un punto de inflexión',
|
|
sumario: 'Seis situaciones. Reconoce la tuya.',
|
|
puntos: PUNTOS,
|
|
etiquetaDolores: 'Y por dentro suena así',
|
|
dolores: [
|
|
'Trabajo más y gano casi lo mismo que hace dos años.',
|
|
'Tengo varios proyectos y no sé en cuál enfocar mi tiempo y mi dinero.',
|
|
'Mi empresa no puede crecer si yo no estoy en cada decisión.',
|
|
'Lo que me trajo hasta aquí ya no me sirve para el siguiente nivel.',
|
|
],
|
|
remate: {
|
|
before: 'Esto no se resuelve con más esfuerzo.',
|
|
accent: 'Se resuelve con una estrategia clara.',
|
|
},
|
|
};
|
|
|
|
// ── 03 · Qué cambia ────────────────────────────────────────────────────────
|
|
export const queCambia = {
|
|
numero: '03',
|
|
eyebrow: 'qué cambia',
|
|
ancla: {
|
|
before: 'Las empresas no dejan de crecer por falta de talento;',
|
|
accent: 'dejan de crecer por falta de claridad.',
|
|
},
|
|
// El "después": los dolores nombran el problema; esto pinta el resultado.
|
|
// Paga directo el tercer dolor — "Mi empresa no puede crecer si yo no estoy
|
|
// en cada decisión".
|
|
despues: 'Sabes exactamente dónde invertir, tu equipo ejecuta sin que estés encima, y cada decisión tiene un plan detrás.',
|
|
insight: 'No vendemos marketing. Vendemos claridad estratégica.',
|
|
// Las tres disciplinas, degradadas de tres tarjetas con icono a una línea de
|
|
// texto: el propio deck dice que son los medios, no la promesa.
|
|
medios: 'Comunicación, digital y experiencias son las herramientas que usamos. No son lo que vendemos.',
|
|
};
|
|
|
|
// ── 04 · El trabajo ────────────────────────────────────────────────────────
|
|
export const elTrabajo = {
|
|
numero: '04',
|
|
eyebrow: 'el trabajo',
|
|
// Hormozi: Name your mechanism. A named process is a system; an unnamed
|
|
// process is a list. Systems sell. Lists don't.
|
|
metodo: 'Ruta de Claridad',
|
|
title: 'La Ruta de Claridad: de tu operación de hoy a tu plan a un año',
|
|
sumario: 'Ocho etapas. Cada una deja algo por escrito.',
|
|
fases: ['Inmersión', 'Desafiar supuestos', 'Estrategia ejecutable'],
|
|
etiquetaEntregables: 'Entregables',
|
|
etapas: [
|
|
{ n: '01', name: 'Análisis de compañía y FODA', entregables: ['FODA', 'Diagnóstico ejecutivo', 'Prioridades', 'Quick wins'] },
|
|
{ n: '02', name: 'Análisis interno', entregables: ['Mapa de capacidades', 'Restricciones del negocio', 'Oportunidades de crecimiento'] },
|
|
{ n: '03', name: 'Conocimiento del consumidor', entregables: ['Segmentación', 'Buyer persona', 'Customer journey', 'Necesidades no cubiertas'] },
|
|
{ n: '04', name: 'Estrategia de marca', entregables: ['Posicionamiento', 'Arquitectura de marcas', 'Manual estratégico'] },
|
|
{ n: '05', name: 'Comunicación y branding', entregables: ['Plataforma de comunicación', 'Campaña anual', 'Estrategia de medios', 'Plan de contenido'] },
|
|
{ n: '06', name: 'Marketing y ventas', entregables: ['Dashboard CEO', 'Dashboard comercial', 'Comité de crecimiento'] },
|
|
{ n: '07', name: 'Innovación comercial', entregables: ['Roadmap de innovación', 'Go to market', 'Prioridades de innovación'] },
|
|
{ n: '08', name: 'One Year Plan', entregables: ['Roadmap a 12 meses', 'Iniciativas prioritarias', 'Gobernanza del crecimiento'], remate: true },
|
|
],
|
|
};
|
|
|
|
// ── 05 · Para quién · Quién ────────────────────────────────────────────────
|
|
export const paraQuienQuien = {
|
|
numero: '05',
|
|
eyebrow: 'para quién',
|
|
title: '¿Llegaste a tu punto de inflexión?',
|
|
si: {
|
|
lead: 'Esto es para ti si…',
|
|
criterios: [
|
|
'tienes tracción y ya demostraste que sabes crecer',
|
|
'trabajar más ya no rinde como antes',
|
|
'necesitas claridad para decidir el siguiente movimiento',
|
|
'quieres profesionalizar sin perder tu esencia',
|
|
],
|
|
},
|
|
no: {
|
|
lead: 'Esto no es para ti si…',
|
|
criterios: [
|
|
'el negocio está en fase inicial o sin tracción',
|
|
'buscas una solución rápida, no un cambio de fondo',
|
|
'buscas un curso, no una transformación',
|
|
'la empresa está en crisis de supervivencia, no en transición',
|
|
],
|
|
},
|
|
quien: {
|
|
eyebrow: 'quiénes estamos detrás',
|
|
title: 'Quiénes somos',
|
|
cifra: '25+',
|
|
cifraPie: 'años construyendo marcas',
|
|
bio: '25 años de estrategia detrás de marcas que pasaron de locales a líderes de categoría. Hemos acompañado a más de 40 empresas en retail, servicios y manufactura a encontrar su siguiente movimiento.', // TODO dueña: confirmar cifra y lista de industrias
|
|
quote: 'Tu negocio ya demostró que funciona. Ahora necesita un plan que lo lleve más lejos.',
|
|
},
|
|
};
|
|
|
|
// ── 06 · Empezar ───────────────────────────────────────────────────────────
|
|
export const empezar = {
|
|
numero: '06',
|
|
eyebrow: 'empezar',
|
|
title: 'Tu siguiente movimiento empieza con una conversación.',
|
|
pasos: [
|
|
{ n: '01', name: 'Escríbenos', desc: 'Cuéntanos dónde está tu negocio hoy.' },
|
|
{ n: '02', name: 'Sesión de claridad', desc: 'Una conversación para ubicar tu punto de inflexión.' },
|
|
{ n: '03', name: 'Plan en mano', desc: 'Sales con claridad y tu siguiente movimiento definido.' },
|
|
],
|
|
cta: 'Agenda tu sesión de claridad',
|
|
whatsappText: 'Hola, quiero agendar una sesión de claridad',
|
|
quote: 'Devuélvele claridad al rumbo de tu empresa.',
|
|
contacto: {
|
|
whatsapp: { label: 'WhatsApp', href: 'https://wa.me/525558185802' },
|
|
email: { label: 'Email', href: 'mailto:jazmin.rodgon@gmail.com' },
|
|
linkedin: { label: 'LinkedIn', href: 'https://www.linkedin.com/in/jazminrodriguez-jazinta' },
|
|
},
|
|
legal: '© 2026 creeer',
|
|
};
|
|
|
|
// ── Alias de compatibilidad ────────────────────────────────────────────────
|
|
// Los consumen las diez secciones viejas mientras conviven con las seis
|
|
// nuevas. Derivan de los objetos de arriba, nunca duplican sus cadenas, y se
|
|
// van enteros en la limpieza final. No añadir usos nuevos.
|
|
|
|
export const hero = {
|
|
eyebrow: `— ${apertura.eyebrow} —`,
|
|
headline: {
|
|
line1: apertura.headline.line1,
|
|
effort: apertura.headline.acento,
|
|
line3: apertura.headline.line3,
|
|
clarity: apertura.headline.cierre,
|
|
},
|
|
cta: apertura.cta,
|
|
ctaSecundario: apertura.ctaSecundario,
|
|
};
|
|
|
|
// La voz de creeer en el recorrido que sigue montado: cada situación del lector
|
|
// recibe su respuesta. El rediseño las retira junto con el recorrido (ver
|
|
// `dondeEstas`), pero mientras la sección vieja siga en la página, pregunta y
|
|
// respuesta no pueden decir lo mismo. Son las del 31/jul pasadas al plural;
|
|
// 01 y 05 las improvisó la dueña en esa llamada. Mismo orden que PUNTOS.
|
|
const RESPUESTAS = [
|
|
'Nos sumergimos hasta entender tu empresa desde dentro. Sales sabiendo por dónde, no intentándolo por todos lados a la vez.',
|
|
'Ordenamos lo que ya existe antes de ponerle más peso encima. Escalas sobre algo que aguanta.',
|
|
'Cuestionamos lo que todos dan por hecho en tu operación. El margen no siempre está en vender más.',
|
|
'Separamos lo que solo tú puedes decidir de lo que la empresa debería resolver sin ti.',
|
|
'Revisamos tu proceso y ubicamos la oportunidad real antes de mover una ficha. Expandirte deja de ser una apuesta.',
|
|
'Construimos, juntos, el criterio para decidir qué sigue y qué se deja ir. Por escrito, no en tu cabeza.',
|
|
];
|
|
|
|
export const puntosInflexion = {
|
|
eyebrow: 'el contexto',
|
|
title: dondeEstas.title,
|
|
lead: '¿Te reconoces?',
|
|
items: PUNTOS.map((p, i) => ({ ...p, respuesta: RESPUESTAS[i] })),
|
|
};
|
|
|
|
export const dolores = {
|
|
eyebrow: 'lo que realmente sientes',
|
|
title: 'Los dolores detrás del punto de inflexión',
|
|
quotes: dondeEstas.dolores,
|
|
remate: dondeEstas.remate,
|
|
};
|
|
|
|
export const disciplinas = {
|
|
eyebrow: 'las herramientas',
|
|
title: 'Las disciplinas que usamos',
|
|
lead: 'No son la promesa — son los medios.',
|
|
items: [
|
|
{ name: 'Comunicación', desc: 'Mensaje que alinea a tu equipo y a tu mercado.' },
|
|
{ name: 'Digital', desc: 'Presencia y procesos que escalan sin ti.' },
|
|
{ name: 'Experiencias', desc: 'Cada toque con tu marca construye confianza.' },
|
|
],
|
|
};
|
|
|
|
export const proceso = {
|
|
eyebrow: 'el trabajo completo',
|
|
title: elTrabajo.title,
|
|
lead: elTrabajo.sumario,
|
|
fases: elTrabajo.fases,
|
|
etiquetaEntregables: elTrabajo.etiquetaEntregables,
|
|
etapas: elTrabajo.etapas.map(({ n, name, entregables, remate }) =>
|
|
remate ? { n, name, entregables, destacada: true } : { n, name, entregables },
|
|
),
|
|
};
|
|
|
|
export const paraQuien = {
|
|
title: paraQuienQuien.title,
|
|
lead: paraQuienQuien.si.lead,
|
|
criteria: paraQuienQuien.si.criterios,
|
|
leadNo: paraQuienQuien.no.lead,
|
|
criteriaNo: paraQuienQuien.no.criterios,
|
|
};
|
|
|
|
export const estratega = {
|
|
eyebrow: { before: 'quiénes estamos detrás de', brand: 'creeer' },
|
|
title: paraQuienQuien.quien.title,
|
|
bio: paraQuienQuien.quien.bio,
|
|
quote: paraQuienQuien.quien.quote,
|
|
};
|
|
|
|
export const comoEmpezar = {
|
|
eyebrow: 'cómo empezar',
|
|
title: empezar.title,
|
|
steps: empezar.pasos,
|
|
cta: empezar.cta,
|
|
whatsappText: empezar.whatsappText,
|
|
};
|
|
|
|
export const cierre = {
|
|
quote: empezar.quote,
|
|
cta: apertura.cta,
|
|
contact: empezar.contacto,
|
|
};
|
|
|
|
export const fraseAncla = { quote: queCambia.ancla, despues: queCambia.despues };
|
|
|
|
export const header = {
|
|
cta: 'Hablemos', // short nav CTA → #contacto (the full CTA lives in Hero/Cierre)
|
|
};
|
|
|
|
export const footer = {
|
|
tagline: 'CLARIDAD · DIRECCIÓN · CRECIMIENTO',
|
|
eslogan: 'Estrategia que transforma.',
|
|
legal: '© 2026 creeer',
|
|
};
|
|
|
|
// Every reused photograph is credited here and the footer renders the list.
|
|
// CC BY-SA / CC BY require attribution + a link to the licence + noting the
|
|
// image was modified — all of them get the navy/gold duotone treatment, and the
|
|
// six in `recorrido` are additionally cropped and resized.
|
|
export const creditosFotos = [
|
|
{ desc: 'Foto: amanecer, Monte Nardi — Tony 1212', href: 'https://commons.wikimedia.org/wiki/File:Sunrise_over_the_summit_of_Mount_Nardi_from_the_south.jpg', licencia: 'CC BY-SA 4.0', licenciaHref: 'https://creativecommons.org/licenses/by-sa/4.0/' },
|
|
{ desc: 'Foto: Torre Mitikah en construcción, Ciudad de México — ProtoplasmaKid', href: 'https://commons.wikimedia.org/wiki/File:Torre_Mitikah_en_construcci%C3%B3n.jpg', licencia: 'CC BY-SA 4.0', licenciaHref: 'https://creativecommons.org/licenses/by-sa/4.0/' },
|
|
{ desc: 'Foto: oficina — Importaciones a México', href: 'https://commons.wikimedia.org/wiki/File:Importaciones_a_M%C3%A9xico_oficina.jpg', licencia: 'CC BY-SA 4.0', licenciaHref: 'https://creativecommons.org/licenses/by-sa/4.0/' },
|
|
{ desc: 'Foto: piñas de agave, Tequila, Jalisco — Gzzz', href: 'https://commons.wikimedia.org/wiki/File:Hearts_of_agave_plants_Tequila_Mexico.jpg', licencia: 'CC BY-SA 4.0', licenciaHref: 'https://creativecommons.org/licenses/by-sa/4.0/' },
|
|
{ desc: 'Foto: Distribuidor Vial San Antonio, Ciudad de México — ProtoplasmaKid', href: 'https://commons.wikimedia.org/wiki/File:Distribuidor_Vial_San_Antonio_2025_32.jpg', licencia: 'CC BY-SA 4.0', licenciaHref: 'https://creativecommons.org/licenses/by-sa/4.0/' },
|
|
{ desc: 'Foto: puertas de embarque, aeropuerto de Cancún — Vmzp85', href: 'https://commons.wikimedia.org/wiki/File:MMUN006.jpg', licencia: 'CC BY-SA 4.0', licenciaHref: 'https://creativecommons.org/licenses/by-sa/4.0/' },
|
|
{ desc: 'Foto: skyline de Monterrey — Daniel Escobedo', href: 'https://commons.wikimedia.org/wiki/File:Skyline_de_Monterrey.jpg', licencia: 'CC BY-SA 4.0', licenciaHref: 'https://creativecommons.org/licenses/by-sa/4.0/' },
|
|
|
|
// Las ocho de `Proceso`, todas CC0 — ninguna obliga a atribuir, pero se
|
|
// acreditan igual por coherencia con el resto de la lista. `archivo` ata cada
|
|
// crédito a su imagen: hay un test en Proceso que falla si aparece una foto
|
|
// en la sección sin entrada aquí.
|
|
{ archivo: '/images/proceso/01.jpg', desc: 'Foto: sala de juntas — Benjamin Child', href: 'https://commons.wikimedia.org/wiki/File:Benjamin_Child_2015_(Unsplash).jpg', licencia: 'CC0', licenciaHref: 'https://creativecommons.org/publicdomain/zero/1.0/' },
|
|
{ archivo: '/images/proceso/02.jpg', desc: 'Foto: taller — Adi Goldstein', href: 'https://commons.wikimedia.org/wiki/File:The_Workshop_(Unsplash).jpg', licencia: 'CC0', licenciaHref: 'https://creativecommons.org/publicdomain/zero/1.0/' },
|
|
{ archivo: '/images/proceso/03.jpg', desc: 'Foto: escaleras concurridas — José Martín Ramírez C', href: 'https://commons.wikimedia.org/wiki/File:Busy_stairs_in_large_building_(Unsplash).jpg', licencia: 'CC0', licenciaHref: 'https://creativecommons.org/publicdomain/zero/1.0/' },
|
|
{ archivo: '/images/proceso/04.jpg', desc: 'Foto: tipografía sobre escritorio — rawpixel.com', href: 'https://commons.wikimedia.org/wiki/File:Typography,_coffee_and_roses_(Unsplash).jpg', licencia: 'CC0', licenciaHref: 'https://creativecommons.org/publicdomain/zero/1.0/' },
|
|
{ archivo: '/images/proceso/05.jpg', desc: 'Foto: estudio fotográfico — Alexander Dummer', href: 'https://commons.wikimedia.org/wiki/File:Photographic_studio_(Unsplash).jpg', licencia: 'CC0', licenciaHref: 'https://creativecommons.org/publicdomain/zero/1.0/' },
|
|
{ archivo: '/images/proceso/06.jpg', desc: 'Foto: tienda de discos — Samuel Dixon', href: 'https://commons.wikimedia.org/wiki/File:Vintage_record_store_(Unsplash).jpg', licencia: 'CC0', licenciaHref: 'https://creativecommons.org/publicdomain/zero/1.0/' },
|
|
{ archivo: '/images/proceso/07.jpg', desc: 'Foto: dispositivos sobre la mesa — Alejandro Escamilla', href: 'https://commons.wikimedia.org/wiki/File:Iphone,_macbook_and_smartphone_on_a_table_(Unsplash).jpg', licencia: 'CC0', licenciaHref: 'https://creativecommons.org/publicdomain/zero/1.0/' },
|
|
{ archivo: '/images/proceso/08.jpg', desc: 'Foto: planificador mensual — Eric Rothermel', href: 'https://commons.wikimedia.org/wiki/File:Monthly_schedule_(Unsplash).jpg', licencia: 'CC0', licenciaHref: 'https://creativecommons.org/publicdomain/zero/1.0/' },
|
|
];
|