On Thu, Aug 7, 2025 at 9:18 PM thecoachingevolutionusa@gmail.com wrote:
import React, { useEffect, useMemo, useState } from “react”;
import { motion } from “framer-motion”;
import { BookOpen, Brain, Mic, Users, Bolt, CheckCircle2, XCircle, HelpCircle, Sparkles, NotebookPen } from “lucide-react”;
import { Card, CardContent, CardHeader, CardTitle } from “@/components/ui/card”;
import { Button } from “@/components/ui/button”;
import { Input } from “@/components/ui/input”;
import { Textarea } from “@/components/ui/textarea”;
import { Badge } from “@/components/ui/badge”;
import { Tabs, TabsList, TabsTrigger, TabsContent } from “@/components/ui/tabs”;
import { Dialog, DialogContent, DialogHeader, DialogTitle } from “@/components/ui/dialog”;
import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from “@/components/ui/accordion”;
// =====================
// Datos base (edítalos con tu contenido)
// =====================
const moduloData = [
{
id: “intro”,
icon: ,
titulo: “¿Qué es Coaching Ontológico?”,
resumen:
“Marco de aprendizaje transformacional que trabaja el Observador (Cuerpo, Emoción y Lenguaje) para generar nuevas posibilidades de acción.”,
objetivos: [
“Diferenciar coaching vs terapia/consultoría”,
“Comprender el modelo BEL (Cuerpo, Emoción, Lenguaje)”,
“Definir cambio de observador”,
],
dinamicas: [
“Rueda BEL: auto-diagnóstico rápido”,
“Caso breve: el pedido que no llega”,
],
promptImagen:
“Retrato conceptual: silueta humana dividida en Cuerpo, Emoción y Lenguaje; líneas de energía conectando las tres capas, estilo minimalista, luz suave, 9:16”,
},
{
id: “actos”,
icon: ,
titulo: “Actos Lingüísticos”,
resumen:
“Afirmaciones, juicios, declaraciones, peticiones, ofertas, promesas; precisión del lenguaje que crea realidad compartida.”,
objetivos: [
“Distinguir acto y contenido”,
“Formular pedidos efectivos (condiciones de satisfacción)”,
“Diseñar declaraciones fundacionales”,
],
dinamicas: [
“Laboratorio de Peticiones: 3 iteraciones”,
“Role-play: quiebre → pedido → promesa”,
],
promptImagen:
“Boca humana emitiendo geometrías de palabras que se transforman en puentes entre personas, realista mágico, alto contraste, 16:9”,
},
{
id: “emociones”,
icon: ,
titulo: “Estados de Ánimo y Emociones”,
resumen:
“Reconstrucción lingüística de emociones y cultivo de estados de ánimo posibilitantes.”,
objetivos: [
“Diferenciar emoción vs estado de ánimo”,
“Mapa resignación/resentimiento/ambición serena/gratitud”,
“Protocolos de intervención desde el lenguaje”,
],
dinamicas: [
“Bitácora de estados (1 semana)”,
“Reencuadre en 90 segundos”,
],
promptImagen:
“Rostro dividido: lado izquierdo nublado (resentimiento), derecho luminoso (gratitud); redes neuronales como constelaciones, volumetric lighting”,
},
{
id: “cuerpo”,
icon: ,
titulo: “Cuerpo y Presencia”,
resumen:
“Habitar el cuerpo: respiración, postura, ritmo y mirada como tecnología conversacional.”,
objetivos: [
“Detectar micro-hábitos corporales”,
“Respiración 4-6-8 y anclajes somáticos”,
“Presencia frente a cámara (Zoom)”,
],
dinamicas: [
“Escáner corporal guiado (3 min)”,
“Ejercicio de mirada y silencio productivo”,
],
promptImagen:
“Figura en postura erguida con líneas de flujo respiratorio y anclajes lumínicos en diafragma y coronilla, estilo elegante”,
},
{
id: “etica”,
icon: ,
titulo: “Ética y Acuerdos”,
resumen:
“Confidencialidad, límites de rol, consentimiento y diseño de acuerdos SMART en coaching.”,
objetivos: [
“Diferenciar límites de intervención”,
“Co-crear acuerdos claros y medibles”,
“Registrar compromisos y seguimiento”,
],
dinamicas: [
“Diseño de acuerdo en 5 pasos”,
“Checklist de ética situacional”,
],
promptImagen:
“Manos entrelazadas sobre un contrato digital luminoso; símbolos de candado (confidencialidad) y balanza (ética)”,
},
];
const glosario = [
{
termino: “Observador”,
definicion:
“Modo en que interpretamos el mundo desde la tríada Cuerpo-Emoción-Lenguaje; cambiar el observador abre nuevas acciones.”,
},
{
termino: “Quiebre”,
definicion:
“Diferencia entre lo esperado y lo observado que interrumpe la acción y revela aprendizaje pendiente.”,
},
{
termino: “Declaración”,
definicion:
“Acto del habla que crea realidad institucional (ej.: ‘Declaro…’); requiere autoridad y condiciones de validez.”,
},
{
termino: “Juicio”,
definicion:
“Evaluación sustentada o no en estándares; puede habilitar u obstaculizar posibilidades.”,
},
];
const bancoOraciones = [
{ texto: “Declaro que a partir de hoy entreno mi voz 10 minutos diarios.”, tipo: “declaracion” },
{ texto: “¿Puedes enviarme el informe antes del jueves a las 5 pm?”, tipo: “peticion” },
{ texto: “Te ofrezco facilitar la próxima reunión de equipo.”, tipo: “oferta” },
{ texto: “Prometo entregar el video final el lunes a las 9 am.”, tipo: “promesa” },
{ texto: “El reporte contiene tres errores de cálculo.”, tipo: “afirmacion” },
{ texto: “Creo que este enfoque no funcionará con el cliente.”, tipo: “juicio” },
];
const quiz = [
{
q: “¿Cuál es la diferencia principal entre afirmación y juicio?”,
opciones: [
“Ninguna, son sinónimos”,
“La afirmación es verificable; el juicio es una evaluación”,
“El juicio siempre es falso”,
“La afirmación siempre es emocional”,
],
a: 1,
},
{
q: “¿Qué parte del modelo BEL se trabaja con respiración y postura?”,
opciones: [“Lenguaje”, “Emoción”, “Cuerpo”, “Observador”],
a: 2,
},
{
q: “Una petición efectiva requiere…”,
opciones: [
“Urgencia”,
“Condiciones de satisfacción, plazo y responsable”,
“Tono fuerte”,
“Silencio”,
],
a: 1,
},
{
q: “‘Declaro cerrar este proceso hoy’ es…”,
opciones: [“Afirmación”, “Juicio”, “Declaración”, “Promesa”],
a: 2,
},
{
q: “El cambio de observador se verifica cuando…”,
opciones: [
“Aparecen nuevas posibilidades de acción sostenibles”,
“Hay motivación por un día”,
“Se memoriza un concepto”,
“Se copia el comportamiento de otro”,
],
a: 0,
},
];
const estados = {
resignacion: {
cuerpo: “Hombros caídos, mirada baja, respiración superficial”,
lenguaje: “‘No se puede’, ‘Para qué’”,
intervencion: “Micro-logros diarios + declaración de posibilidad concreta”,
},
resentimiento: {
cuerpo: “Mandíbula tensa, brazos cruzados”,
lenguaje: “‘No es justo’, ‘Siempre lo mismo’”,
intervencion: “Pedido + negociación de estándares/tiempos”,
},
gratitud: {
cuerpo: “Pecho abierto, respiración amplia”,
lenguaje: “‘Gracias por…’, reconocimiento específico”,
intervencion: “Ritual de cierre de día (3 gratitudes)”,
},
“ambicion serena”: {
cuerpo: “Eje largo, paso firme, mirada amplia”,
lenguaje: “‘Diseñemos’, ‘Propongo’”,
intervencion: “Plan en sprints con descansos programados”,
},
};
// =====================
// Componentes auxiliares
// =====================
function Section({ id, title, subtitle, children }: any) {
return (
