feat(secciones): puntos de inflexión y dolores, con gráfico en toda la página

Dos secciones nuevas tomadas del deck de la dueña, verbatim y sin
reescribir: los 6 puntos de inflexión y los 4 dolores en primera persona.

El resto de las secciones incorpora la capa gráfica: fondos de puntos,
duotono sobre foto en Mecanismo y Cómo empezar, pantalla partida sí/no en
Para quién, y pasos conectados con línea de progreso.

Las fotos son CC BY-SA 4.0 y llevan crédito en el footer, como exige la
licencia al haberlas modificado.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
erikghandClaude Opus 5 committed 2026-07-31 10:44:54 -06:00
1 parent 5b400cb161
commit 69b4069525
25 files changed
+592 -120

No files matched your search

+60 -1
View File
@@ -5,6 +5,12 @@ export const wordmark = {
parts: { before: 'cre', accent: '≡', after: 'er' },
};
export const brandPillars = {
pillar1: "Claridad",
pillar2: "Dirección",
pillar3: "Crecimiento",
};
export const hero = {
eyebrow: '— tu estratega de crecimiento —',
// Headline broken into segments for emphasis styling
@@ -15,6 +21,7 @@ export const hero = {
clarity: 'más claridad.', // underlined gold
},
cta: 'Define tu siguiente movimiento',
ctaSecundario: 'Ver cómo trabajo',
};
export const fraseAncla = {
@@ -25,6 +32,39 @@ export const fraseAncla = {
},
};
// The six inflection points, verbatim from the dueña's deck
// "Rumbo Estratégico · Propuesta Socio" (slide 2).
export const puntosInflexion = {
eyebrow: 'el contexto',
title: 'Todos los negocios consolidados llegan a un punto de inflexión',
items: [
{ name: 'Crecer', desc: 'Dar el siguiente salto sin saber por dónde.' },
{ name: 'Consolidarse', desc: 'Ordenar lo construido antes de escalar.' },
{ name: 'Recuperar rentabilidad', desc: 'El esfuerzo ya no se traduce en resultado.' },
{ name: 'Simplificar', desc: 'Demasiada complejidad operativa.' },
{ name: 'Expandirse', desc: 'Nuevos mercados, mismo mapa de decisión.' },
{ name: 'Replantear el portafolio', desc: 'Qué seguir, qué dejar ir.' },
],
};
// Slide 3 of the same deck. The four quotes are the client's own words —
// keep them verbatim, in first person.
export const dolores = {
eyebrow: 'lo que realmente sientes',
title: 'Los dolores detrás del punto de inflexión',
quotes: [
'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.',
],
// Split so the resolution renders in gold.
remate: {
before: 'Esto no se resuelve con más esfuerzo.',
accent: 'Se resuelve con una estrategia clara.',
},
};
export const paraQuien = {
title: '¿Llegaste a tu punto de inflexión?',
lead: 'Esto es para ti si…',
@@ -32,6 +72,16 @@ export const paraQuien = {
'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',
],
// Deck slide 9, "NO ES PARA". Kept impersonal on purpose: this disqualifies
// a profile, it does not accuse the reader.
leadNo: 'Esto no es para ti si…',
criteriaNo: [
'el negocio está en fase inicial o sin tracción',
'buscas una solución rápida de venta',
'buscas un curso, no una transformación',
'la empresa está en crisis de supervivencia, no en transición',
],
};
@@ -57,7 +107,9 @@ export const disciplinas = {
};
export const estratega = {
eyebrow: 'la mente detrás de creeer',
// Split so the brand name keeps its lowercase inside an uppercase eyebrow —
// CSS text-transform would otherwise render it as CREEER.
eyebrow: { before: 'la mente detrás de', brand: 'creeer' },
title: 'Sobre la estratega',
bio: 'Más de 30 años construyendo marcas. Hoy acompaño a empresarios que ya lograron tracción y necesitan claridad para su siguiente movimiento.',
quote: 'El tiempo no se compra, se invierte.',
@@ -94,3 +146,10 @@ export const footer = {
eslogan: 'Estrategia que transforma.',
legal: '© 2026 creeer',
};
// CC BY-SA 4.0 requires attribution + a link to the licence + noting the
// image was modified (both got a navy/gold duotone treatment).
export const creditosFotos = [
{ desc: 'Foto: Golden Gate Bridge — Dietmar Rabich', href: 'https://commons.wikimedia.org/wiki/File:San_Francisco_(CA,_USA),_Golden_Gate_Bridge_--_2022_--_3023_(bw).jpg', licencia: 'CC BY-SA 4.0', licenciaHref: 'https://creativecommons.org/licenses/by-sa/4.0/' },
{ 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/' },
];