Files
erikghandClaude Opus 5.5 89e54a6e84 feat: rediseño «El documento» en curso, contacto real y enlaces externos
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>
2026-09-30 11:27:20 -06:00

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/' },
];