// sections.jsx — Serendeepity sections // ─── Reusable atoms ─────────────────────────────────────────────────────── const Eyebrow = ({ num, label }) => (
{num && {num}} {num && } {label}
); const StarGlyph = ({ size = 24, color }) => ( ); const StarOutline = ({ size = 40 }) => ( ); const Divider = () => (
); // ─── HERO ──────────────────────────────────────────────────────────────── function Hero() { return (
{/* Imagen pegada al nav — absoluta derecha */}
Serendeepity — consultoría de marca personal {/* Gradiente que difumina la imagen hacia la izquierda */}
{/* Contenido — 60% izquierdo */}
Tu negocio · tu reflejo

Tu marca personal
es el activo más
rentable de tu negocio.

La desconexión entre quién eres y cómo te presentas tiene un costo que no aparece en ninguna métrica — pero lo sientes cada vez que intentas vender algo que no te refleja. Serendeepity es el camino de regreso: hacia adentro primero, luego hacia afuera, siempre en movimiento.

Descubre tu perfil de liderazgo → Por qué importa
Consultoría en Desarrollo de Marca Personal
); } // ─── CONSCIENCIA ───────────────────────────────────────────────────────── function Consciencia() { return (

Si tú eres tu negocio, la desconexión contigo mismo tiene un costo directo.

El costo de no ser tú

  • — Cuando intentas encajar en fórmulas externas, pierdes credibilidad y energía.
  • — Las marcas que se ven bien pero no te reflejan terminan costándote clientes.
  • — El mercado te define antes de que tú te definas — y compites por precio en vez de por valor.
  • — Procesos que trabajan el ser pero no aterrizan en nada concreto.

La congruencia como ventaja

  • ✶ En un mercado saturado, lo único que no se puede copiar es quién eres.
  • ✶ La verdadera ventaja competitiva no es técnica: es la congruencia entre lo que eres y lo que proyectas.
  • ✶ Una marca que parte de ti no caduca con la tendencia — y deja de necesitar ser vendida.
  • ✶ Habitarte es el activo más rentable a largo plazo.
); } // ─── SER ID ────────────────────────────────────────────────────────────── const SESSIONS = [ { num: '00', label: 'Kick-off', title: 'Alineación · Diagnóstico de objetivos, proyecto y visión del viaje.', detail: 'Antes de empezar, el mapa. Acordamos hacia dónde vamos y qué quedará claro al final.', chips: ['Encuadre', 'Objetivos', 'Visión'], align: true, }, { num: '01', label: 'Sesión 1', title: 'Numerología, FODA personal y tirada de tarot como fotografía del momento.', detail: 'Tres lentes distintos sobre el mismo presente. Un retrato técnico de dónde estás parado.', chips: ['Numerología', 'FODA', 'Diagnóstico'], }, { num: '02', label: 'Sesión 2', title: 'Arquetipo de marca — luz, sombra y retos.', detail: 'Tu arquetipo no es etiqueta: es lenguaje. Sales con vocabulario propio para hablar de quien eres.', chips: ['Arquetipo', 'Luz · Sombra', 'Tarot'], }, { num: '03', label: 'Sesión 3', title: 'Propuesta de valor diferenciada y tono de comunicación.', detail: 'Lo que ofreces, pero dicho como sólo tú podrías decirlo. Diferenciación sostenida en esencia.', chips: ['Propuesta de valor', 'Tono', 'Voz'], }, { num: '04', label: 'Sesión 4', title: 'Manual esencial de marca — logotipo y línea gráfica sustentada en el ser.', detail: 'Diseño visual que no envejece con la tendencia: nace de quien eres, no de lo que está de moda.', chips: ['Identidad visual', 'Logotipo', 'Sistema'], }, { num: '05', label: 'Sesión 5', title: 'Ajustes finales y ruta de plataformas para el lanzamiento.', detail: 'El puente entre el proceso interno y la acción externa: dónde, cómo y con qué cadencia mostrarte.', chips: ['Plataformas', 'Lanzamiento', 'Ritmo'], }, { num: '06', label: 'Sesión 6', title: 'Cierre, objetivos SMART y entrega del SER-ID.', detail: 'Una brújula afinada y un ancla simbólica que cargas contigo. El programa termina; el camino sigue.', chips: ['SMART', 'Brújula', 'Entrega'], }, ]; const DELIVERABLES = [ { n: '01', name: 'Tu Diseño Original', desc: 'Análisis de numerología con FODA personal aplicado al negocio.' }, { n: '02', name: 'Tu Arquetipo Revelado', desc: 'Arquetipo, luz, sombra y la fotografía del momento.' }, { n: '03', name: 'Tu Voz', desc: 'Propuesta de valor diferenciada y tono de comunicación.' }, { n: '04', name: 'Tu Forma', desc: 'Manual esencial de marca — logotipo y línea gráfica.' }, { n: '05', name: 'Tu Presencia', desc: 'Ruta de plataformas y plan de lanzamiento.' }, { n: '06', name: 'SER-ID', desc: 'Identidad esencial — un ancla para cargar contigo.' }, { n: '07', name: 'Tu Brújula', desc: 'Objetivos SMART y siguientes pasos concretos.' }, ]; function Sessions() { const [open, setOpen] = React.useState(1); return (
    {SESSIONS.map((s, i) => (
  1. setOpen(open === i ? -1 : i)} > {s.num} {s.label}

    {s.title}

    {open === i ? '— Cerrar' : '+ Abrir'}
    {s.detail}
    {s.chips.map((c) => {c})}
    2. ))}
); } const DELIV_ICONS = { '01': (), '02': (), '03': (), '04': (), '05': (), '06': (), '07': (), }; function SerID() { return (
Servicio estrella

SER ID
Convierte tu esencia
en una marca que abra caminos.

No es un curso de marketing. Es una consultoría de identidad con acompañamiento consciente — un proceso estructurado para que te veas, te definas y te muestres al mundo con autoridad y sin poses.

Programa online · 6 sesiones semanales de 120 minutos + 1 sesión de alineación inicial.

07
Encuentros
07
Semanas
07
Entregables

Lo que te llevas

07 entregables · activos para habitar
{DELIVERABLES.map((d) => (
{d.n}
{d.name}

{d.desc}

{DELIV_ICONS[d.n]}
))}
); } // ─── BANNER ────────────────────────────────────────────────────────────── function Banner() { return (
Serendeepity
); } // ─── DIAGNÓSTICO ───────────────────────────────────────────────────────── const TEAL = 'var(--teal)'; function Diagnostico() { const items = [ 'Tus patrones de identidad y comunicación', 'Lo que te impulsa — y lo que te frena', 'Tu propuesta de valor desde tu esencia', 'Tu arquetipo y lo que comunica sobre ti', 'Tu siguiente paso con dirección real', ]; return (
{/* Columna izquierda */}
El primer paso · Gratuito

Empieza por verte.

Antes de cualquier estrategia, antes de cualquier forma visible — el primer movimiento es reconocerte. El diagnóstico es gratuito, toma 5 minutos y ya en él descubres algo que no habías podido nombrar.

e.currentTarget.style.opacity = '0.85'} onMouseLeave={e => e.currentTarget.style.opacity = '1'} > Hacer el diagnóstico →
{/* Columna derecha */}
Qué descubres
    {items.map((item) => (
  • {item}
    • ))}

Sin registro · Sin costo · Resultado inmediato

); } // ─── TESTIMONIALES ──────────────────────────────────────────────────────── const SHORTS = [ { id: 'o0XcHIYRHH4', quote: 'Un proceso que te ve antes de etiquetarte.' }, { id: 'deDyWnETy_M', quote: 'Por primera vez mi marca se siente mía.' }, { id: 'flSPk5AgssY', quote: 'Salí con claridad, no solo con un logo.' }, ]; function Testimoniales() { return (

Lo que dicen quienes lo vivieron.

{SHORTS.map((s) => (