erikgh
544c02ff1f
Nueva sección FormaTrabajar con 5 tarjetas: Metodología, Quién participa, De dónde partimos, Qué te llevas y Duración. Inspirada en la estructura de en-ti.com, adaptada a la identidad creeer. - Nuevo componente FormaTrabajar.tsx (grid de tarjetas con TarjetaSpotlight) - Nuevo ícono 'reloj' en Icono.tsx - Contenido en lib/content.ts (copy derivado de fuentes aprobadas) - Insertada entre Mecanismo y Disciplinas en page.tsx
231 lines
11 KiB
TypeScript
231 lines
11 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",
|
||
};
|
||
|
||
export const hero = {
|
||
eyebrow: '— tu estratega de crecimiento —',
|
||
// Headline broken into segments for emphasis styling
|
||
headline: {
|
||
line1: 'Tu negocio no necesita',
|
||
effort: 'más esfuerzo.', // gold (HV-1) or gold italic (V-a)
|
||
line3: 'Necesita',
|
||
clarity: 'más claridad.', // underlined gold
|
||
},
|
||
cta: 'Define tu siguiente movimiento',
|
||
ctaSecundario: 'Ver cómo trabajo',
|
||
};
|
||
|
||
export const fraseAncla = {
|
||
// Quote split into parts so the second clause can render in gold.
|
||
quote: {
|
||
before: 'Las empresas no dejan de crecer por falta de talento;',
|
||
accent: 'dejan de crecer por falta de claridad.', // gold
|
||
},
|
||
};
|
||
|
||
// The six inflection points, from the dueña's deck "Rumbo Estratégico ·
|
||
// Propuesta Socio" (slide 2). The deck states each one in the infinitive
|
||
// ("Dar el siguiente salto sin saber por dónde"); here it is stated in the
|
||
// second person, the way she reads them aloud herself — "estás atrapado en tu
|
||
// compañía", "creciste muy rápido pero quieres expandirte" (call of 31/jul,
|
||
// 6:01–7:15). `respuesta` is new copy and still needs her sign-off; 01 and 05
|
||
// are the two exchanges she improvised on that call, written out.
|
||
//
|
||
// `situacion` describes the state of the business. It must not drift into how
|
||
// the reader feels — that is `dolores`, one section down, in the client's own
|
||
// first-person words, and the two would collapse into each other.
|
||
export const puntosInflexion = {
|
||
eyebrow: 'el contexto',
|
||
title: 'Todos los negocios consolidados llegan a un punto de inflexión',
|
||
lead: '¿Te reconoces?',
|
||
items: [
|
||
{
|
||
name: 'Crecer',
|
||
situacion: 'Ya demostraste que sabes crecer. El siguiente salto no tiene mapa.',
|
||
respuesta: 'Me sumerjo hasta entender tu empresa desde dentro. Sales sabiendo por dónde, no intentándolo por todos lados a la vez.',
|
||
},
|
||
{
|
||
name: 'Consolidarse',
|
||
situacion: 'Construiste rápido. Escalar así multiplicaría el desorden.',
|
||
respuesta: 'Ordenamos lo que ya existe antes de ponerle más peso encima. Escalas sobre algo que aguanta.',
|
||
},
|
||
{
|
||
name: 'Recuperar rentabilidad',
|
||
situacion: 'Tu esfuerzo dejó de traducirse en resultado.',
|
||
respuesta: 'Cuestiono lo que todos dan por hecho en tu operación. El margen no siempre está en vender más.',
|
||
},
|
||
{
|
||
name: 'Simplificar',
|
||
situacion: 'Tu operación se volvió más compleja que tu negocio.',
|
||
respuesta: 'Separo lo que solo tú puedes decidir de lo que la empresa debería resolver sin ti.',
|
||
},
|
||
{
|
||
name: 'Expandirse',
|
||
situacion: 'Vas a mercados nuevos con el mismo mapa de decisión.',
|
||
respuesta: 'Reviso tu proceso y ubico la oportunidad real antes de mover una ficha. Expandirte deja de ser una apuesta.',
|
||
},
|
||
{
|
||
name: 'Replantear el portafolio',
|
||
situacion: 'Tienes varios frentes abiertos y ninguno con su lugar claro.',
|
||
respuesta: 'Construimos, juntos, el criterio para decidir qué sigue y qué se deja ir. Por escrito, no en tu cabeza.',
|
||
},
|
||
],
|
||
};
|
||
|
||
// 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…',
|
||
criteria: [
|
||
'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',
|
||
],
|
||
};
|
||
|
||
export const mecanismo = {
|
||
eyebrow: 'el mecanismo único',
|
||
title: 'Cómo trabajo',
|
||
steps: [
|
||
{ n: '01', name: 'Inmersión', desc: 'Me sumerjo en tu empresa hasta comprenderla desde dentro.' },
|
||
{ n: '02', name: 'Desafiar supuestos', desc: 'Cuestiono lo que todos dan por hecho y frenan el crecimiento.' },
|
||
{ n: '03', name: 'Estrategia ejecutable', desc: 'Construimos, juntos, una estrategia que puedas ejecutar.' },
|
||
],
|
||
};
|
||
|
||
// Practical details of the engagement — what the reader can expect when
|
||
// working with creeer. Sits between Mecanismo (the high-level HOW) and
|
||
// Disciplinas (the tools). All copy derived from approved sources:
|
||
// mecanismo steps, puntosInflexion respuestas, comoEmpezar.
|
||
// ⚠️ «Duración» left deliberately open — the dueña hasn't specified a
|
||
// timeline. The card invites a conversation instead of committing a number.
|
||
export const formaTrabajar = {
|
||
eyebrow: 'qué esperar',
|
||
title: 'Así es trabajar conmigo',
|
||
items: [
|
||
{
|
||
name: 'Metodología',
|
||
desc: 'Inmersión en tu empresa, desafío de lo que todos dan por hecho y construcción conjunta de tu estrategia.',
|
||
},
|
||
{
|
||
name: 'Quién participa',
|
||
desc: 'Tú y yo. Sin intermediarios. Trabajo directo con quien toma las decisiones.',
|
||
},
|
||
{
|
||
name: 'De dónde partimos',
|
||
desc: 'Tu operación real: números, procesos, equipo. Me sumerjo hasta comprenderla desde dentro.',
|
||
},
|
||
{
|
||
name: 'Qué te llevas',
|
||
desc: 'Un diagnóstico claro, tus prioridades ordenadas y una estrategia ejecutable. Por escrito, no en tu cabeza.',
|
||
},
|
||
{
|
||
name: 'Duración',
|
||
desc: 'Cada proceso tiene su ritmo. Lo definimos juntos en la sesión de diagnóstico.',
|
||
},
|
||
],
|
||
};
|
||
|
||
export const disciplinas = {
|
||
eyebrow: 'las herramientas',
|
||
title: 'Las disciplinas que uso',
|
||
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 estratega = {
|
||
// 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.',
|
||
};
|
||
|
||
export const comoEmpezar = {
|
||
eyebrow: 'cómo empezar',
|
||
title: 'Tu siguiente movimiento empieza con una conversación.',
|
||
steps: [
|
||
{ n: '01', name: 'Escríbeme', desc: 'Cuéntame dónde está tu negocio hoy.' },
|
||
{ n: '02', name: 'Sesión de diagnóstico', 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 diagnóstico',
|
||
whatsappText: 'Hola, quiero agendar una sesión de diagnóstico',
|
||
};
|
||
|
||
export const cierre = {
|
||
quote: 'Devuélvele claridad al rumbo de tu empresa.',
|
||
cta: 'Define tu siguiente movimiento',
|
||
contact: {
|
||
whatsapp: { label: 'WhatsApp', href: 'https://wa.me/520000000000' }, // TODO dueña: real number
|
||
email: { label: 'Email', href: 'mailto:hola@creeer.com' }, // TODO dueña: real email
|
||
linkedin: { label: 'LinkedIn', href: 'https://linkedin.com/in/...' }, // TODO dueña: real URL
|
||
},
|
||
};
|
||
|
||
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: 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/' },
|
||
{ desc: 'Foto: distrito financiero de Riad — B.alotaby', href: 'https://commons.wikimedia.org/wiki/File:Riyadh_Skyline_showing_the_King_Abdullah_Financial_District_(KAFD)_and_the_famous_Kingdom_Tower_.jpg', licencia: 'CC BY-SA 4.0', licenciaHref: 'https://creativecommons.org/licenses/by-sa/4.0/' },
|
||
{ desc: 'Foto: sala de reuniones — Breather', href: 'https://commons.wikimedia.org/wiki/File:Minimalist_meeting_room_(Unsplash).jpg', licencia: 'CC0', licenciaHref: 'https://creativecommons.org/publicdomain/zero/1.0/' },
|
||
{ desc: 'Foto: cosechadora en el trigo — Michael Gäbler', href: 'https://commons.wikimedia.org/wiki/File:The_combine_Claas_Lexion_584_in_the_wheat_harvest.jpg', licencia: 'CC BY-SA 3.0', licenciaHref: 'https://creativecommons.org/licenses/by-sa/3.0/' },
|
||
{ desc: 'Foto: pantalla de la Bolsa de Fráncfort — Ank Kumar', href: 'https://commons.wikimedia.org/wiki/File:Frankfurt_Stock_Exchange_(Ank_Kumar)_04.jpg', licencia: 'CC BY-SA 4.0', licenciaHref: 'https://creativecommons.org/licenses/by-sa/4.0/' },
|
||
{ desc: 'Foto: panel de salidas, aeropuerto de Ginebra — Tiia Monto', href: 'https://commons.wikimedia.org/wiki/File:Departure_board_at_Geneva_Airport.jpg', licencia: 'CC BY-SA 3.0', licenciaHref: 'https://creativecommons.org/licenses/by-sa/3.0/' },
|
||
{ desc: 'Foto: distrito financiero de Boston — Ingfbruno', href: 'https://commons.wikimedia.org/wiki/File:USA-Financial_District.JPG', licencia: 'CC BY-SA 3.0', licenciaHref: 'https://creativecommons.org/licenses/by-sa/3.0/' },
|
||
];
|