// shared.jsx — content data + tiny shared components used by all 3 variants.

const FOUNDER = {
  name: "Álvaro Beltrán",
  role: "Fundador de Visual IA",
  photo: "assets/alvaro.jpg",
};

const HERO_COPY = {
  eyebrow: "Optimización para IA · España",
  h1Parts: ["Tu competencia ya", "aparece en ", "ChatGPT.", "Tú, todavía no."],
  sub: "Optimizamos la presencia de tu negocio en los asistentes de IA — ChatGPT, Perplexity, Google AI — para que seas la primera recomendación cuando tu próximo cliente haga una pregunta.",
  primaryCta: "Pide tu Audit · €300",
  secondaryCta: "¿Cómo funciona?",
};

const AI_LOGOS = ["ChatGPT", "Perplexity", "Google AI", "Copilot", "Claude", "Gemini"];

const PROBLEM = {
  title: "El SEO que conoces no te ayuda aquí",
  body: [
    "Cuando alguien busca un abogado, una clínica o una asesoría en 2026, no siempre llega a Google. Le pregunta directamente a un asistente de IA. Y el asistente decide quién recomienda — con sus propias reglas, que no son las del SEO tradicional.",
    "La ventana de oportunidad es ahora. Los negocios que entren primero en su sector y ciudad serán los más difíciles de desbancar — igual que pasó con el posicionamiento en Google en 2008.",
  ],
  stats: [
    { num: "68%", label: "de búsquedas en IA no derivan en click a ninguna web" },
    { num: "3×", label: "más conversiones desde recomendaciones de IA vs. orgánico" },
    { num: "9/10", label: "PYMEs españolas son invisibles en asistentes de IA" },
    { num: "2026", label: "el año en que esto deja de ser opcional para tu sector" },
  ],
};

const BENEFITS = [
  { n: "01", title: "Diagnóstico en 48h",      desc: "Análisis de tu visibilidad actual en los 5 asistentes de IA más usados. Ves dónde estás y dónde están tus competidores." },
  { n: "02", title: "Contenido optimizado",    desc: "Estructuramos tu presencia online con el lenguaje y la arquitectura que los modelos de IA reconocen como autoritativos." },
  { n: "03", title: "Schema técnico",          desc: "Marcado estructurado en tu web para que la IA entienda qué haces, dónde, y a quién ayudas." },
  { n: "04", title: "Reporting mensual",       desc: "Dashboard con tu visibilidad en IA semana a semana. Métricas reales, no estimaciones." },
  { n: "05", title: "Red de autoridad",        desc: "Construimos menciones y citas en fuentes que los modelos usan como referencia para validar tu negocio." },
];

const TIERS = [
  {
    name: "Starter", price: "€300", priceSub: "único pago",
    desc: "El diagnóstico completo. Entiendes el problema antes de gastar más.",
    features: [
      "Análisis en ChatGPT, Perplexity, Google AI y Copilot",
      "Mapa de competidores que te adelantan en IA",
      "Informe de 8 páginas con 3 acciones prioritarias",
      "Entrega en 48h",
      "Se descuenta si contratas el plan Core",
    ],
    cta: "Pedir el audit",
  },
  {
    name: "Core", price: "€600", priceSub: "/ mes", featured: true,
    desc: "Implementación mensual completa. Lo hacemos nosotros, tú ves los resultados.",
    features: [
      "Todo lo del Starter incluido",
      "Contenido mensual optimizado para IA",
      "Schema markup técnico en tu web",
      "Construcción de red de citas y menciones",
      "Dashboard de visibilidad semanal",
      "Informe mensual de progreso",
    ],
    cta: "Empezar con el Core",
  },
  {
    name: "Growth", price: "€1.200", priceSub: "/ mes",
    desc: "Para negocios que quieren dominar su sector en IA antes que su competencia.",
    features: [
      "Todo lo del Core incluido",
      "Estrategia de contenido trimestral",
      "Revisión estratégica mensual (llamada 1h)",
      "Optimización en 8+ asistentes de IA",
      "Análisis sectorial completo, no solo tu negocio",
      "Acceso prioritario a nuevas funcionalidades",
    ],
    cta: "Hablar del Growth",
  },
];

const TESTIMONIALS = [
  {
    text: "Llevaba 3 años invirtiendo en SEO y nunca nadie me dijo que ChatGPT recomienda a mi competencia cuando alguien busca asesoría fiscal en Valencia. El audit me abrió los ojos.",
    name: "Carlos M.", role: "Asesoría Fiscal · Valencia", initials: "CM",
  },
  {
    text: "En 2 semanas ya aparecíamos en Perplexity para búsquedas de clínica dental en Madrid. El informe fue concreto y sin tecnicismos.",
    name: "Dra. Elena R.", role: "Clínica Dental · Madrid", initials: "ER",
  },
  {
    text: "No sabía que esto existía hasta que mi sobrina preguntó a ChatGPT por inmobiliarias en Sevilla y no salía mi agencia. Ahora salgo la primera. ROI inmediato.",
    name: "José P.", role: "Agencia Inmobiliaria · Sevilla", initials: "JP",
  },
];

const FAQ = [
  {
    q: "¿Esto es lo mismo que el SEO que ya tengo contratado?",
    a: "No. El SEO tradicional optimiza para que Google te muestre en sus resultados de búsqueda clásicos. La optimización para IA (AIO) trabaja para que los asistentes como ChatGPT, Perplexity o Google AI Overview te recomienden cuando alguien hace una pregunta en lenguaje natural. Son canales distintos con reglas distintas.",
  },
  {
    q: "¿En cuánto tiempo veré resultados?",
    a: "El audit en 48 horas. Los primeros cambios de visibilidad en IA son detectables en 2–4 semanas, según sector y competencia local. No prometemos magia — prometemos diagnóstico honesto y un plan realista con métricas reales.",
  },
  {
    q: "¿Necesito cambiar mi web o contratar algo más?",
    a: "No necesariamente. Muchas recomendaciones no requieren tocar el código de tu web. Algunas son tan simples como actualizar tu ficha de Google Business o añadir una sección de preguntas frecuentes bien estructurada.",
  },
  {
    q: "¿Los €300 del audit se descuentan si contrato el plan mensual?",
    a: "Sí. Si continúas con el plan Core (€600/mes) en los 7 días siguientes a la entrega del audit, los €300 se aplican como primer mes parcial.",
  },
  {
    q: "¿Funciona para cualquier tipo de negocio?",
    a: "Funciona especialmente bien para servicios con búsqueda local o por especialidad: abogados, asesores, clínicas, arquitectos, consultores, inmobiliarias, fisioterapeutas. Si alguien puede buscarte en una IA, puedes optimizar tu aparición.",
  },
];

// Demo prompt for the live audit preview
const DEMO_QUERY = "¿Cuál es la mejor asesoría fiscal para autónomos en Valencia?";
const DEMO_RESULTS = [
  { name: "Asesoría Martínez & Asociados", desc: "Especialistas en autónomos. Muy valorados en Valencia centro.", you: false },
  { name: "Gestoría Levante Pro",          desc: "Sede en el centro, amplia trayectoria.", you: false },
  { name: "TaxFácil Valencia",             desc: "Enfoque digital, ideal para freelancers.", you: false },
];

// Calendar mock — next 14 days
function buildCalendar() {
  const start = new Date(2026, 4, 18); // arbitrary deterministic Monday-ish
  const days = [];
  for (let i = 0; i < 14; i++) {
    const d = new Date(start); d.setDate(start.getDate() + i);
    const dayName = ["DOM","LUN","MAR","MIE","JUE","VIE","SAB"][d.getDay()];
    const isWeekend = d.getDay() === 0 || d.getDay() === 6;
    days.push({ dayName, num: d.getDate(), month: ["ene","feb","mar","abr","may","jun","jul","ago","sep","oct","nov","dic"][d.getMonth()], available: !isWeekend });
  }
  return days;
}

const CAL_SLOTS = ["10:00", "11:30", "13:00", "16:00", "17:30"];

// Scribble underline SVG generator — slight variation per call
function ScribbleUnderline({ color = "currentColor", strokeWidth = 2.4 }) {
  return (
    <svg viewBox="0 0 200 12" preserveAspectRatio="none" aria-hidden="true">
      <path d="M2 7 C 30 2, 70 11, 100 6 S 170 3, 198 8"
        fill="none" stroke={color} strokeWidth={strokeWidth} strokeLinecap="round" />
    </svg>
  );
}

// Hand-drawn circle around something — absolute positioned wrapper expected
function HandCircle({ stroke = "currentColor", strokeWidth = 2.5, rotate = -3 }) {
  return (
    <svg style={{ width: "100%", height: "100%", transform: `rotate(${rotate}deg)` }} viewBox="0 0 200 100" preserveAspectRatio="none" aria-hidden="true">
      <path d="M 12 50 C 12 18, 90 8, 145 12 C 192 16, 195 70, 145 86 C 90 100, 18 90, 8 60 C 4 48, 8 38, 14 32"
        fill="none" stroke={stroke} strokeWidth={strokeWidth} strokeLinecap="round" />
    </svg>
  );
}

// Hand-drawn arrow
function HandArrow({ stroke = "currentColor", strokeWidth = 2.2 }) {
  return (
    <svg viewBox="0 0 120 80" style={{ width: "100%", height: "100%" }} aria-hidden="true">
      <path d="M 6 70 C 30 50, 60 40, 100 22" fill="none" stroke={stroke} strokeWidth={strokeWidth} strokeLinecap="round" />
      <path d="M 90 14 L 102 22 L 92 32" fill="none" stroke={stroke} strokeWidth={strokeWidth} strokeLinecap="round" strokeLinejoin="round" />
    </svg>
  );
}

// Inline AI logos (stylised text-only — neutral)
function AILogosRow({ tone = "muted" }) {
  const c = tone === "muted" ? "rgba(26,20,16,0.35)" : "var(--ink)";
  return (
    <div style={{ display: "flex", flexWrap: "wrap", justifyContent: "center", alignItems: "center", gap: "calc(48px * var(--d))" }}>
      {AI_LOGOS.map((l) => (
        <span key={l} className="serif-it" style={{ color: c, fontSize: 22, letterSpacing: "-0.01em" }}>{l}</span>
      ))}
    </div>
  );
}

Object.assign(window, {
  FOUNDER, HERO_COPY, AI_LOGOS, PROBLEM, BENEFITS, TIERS, TESTIMONIALS, FAQ,
  DEMO_QUERY, DEMO_RESULTS, buildCalendar, CAL_SLOTS,
  ScribbleUnderline, HandCircle, HandArrow, AILogosRow,
});
