/* global React */
const { useEffect, useState, useRef } = React;

/* En WP se usa GM_CONFIG.data; si no hay WP, se usan los mocks abajo */
const GM = (typeof window !== 'undefined' && window.GM_CONFIG && window.GM_CONFIG.data) ? window.GM_CONFIG.data : null;

const SERVICES = (GM && GM.services && GM.services.length) ? GM.services : [
  {
    num: '01',
    title: 'Estrategia Digital',
    desc: 'Consultoría de marketing digital. Analizamos, diseñamos y planeamos la estrategia adecuada para cada negocio.',
    items: ['Auditoría digital', 'Plan 360°', 'KPIs + roadmap', 'Capacitación directiva'],
  },
  {
    num: '02',
    title: 'SEO',
    desc: 'Estrategias de posicionamiento orgánico en buscadores. Ganamos visibilidad donde tus clientes ya están buscando.',
    items: ['On-page + técnico', 'Link building', 'Contenido SEO', 'Reporting mensual'],
  },
  {
    num: '03',
    title: 'Campañas Digitales',
    desc: 'Diseño e implementación de campañas que convierten. Google Ads, Meta, LinkedIn y más.',
    items: ['Google Ads', 'Meta Ads', 'LinkedIn + TikTok', 'Optimización continua'],
  },
  {
    num: '04',
    title: 'E-Commerce',
    desc: 'Desarrollo y crecimiento de comercio electrónico. Tiendas que venden, no solo lucen bien.',
    items: ['Shopify + Woo', 'CRO', 'Integraciones', 'Administración OTA\'s'],
  },
  {
    num: '05',
    title: 'Branding',
    desc: 'Creación y fortalecimiento de marca. Identidades que conectan con audiencias reales.',
    items: ['Naming', 'Identidad visual', 'Brandbook', 'Tono de marca'],
  },
  {
    num: '06',
    title: 'Desarrollo Web',
    desc: 'Sitios a la medida para cada negocio. Rápidos, seguros y pensados para convertir.',
    items: ['Headless + CMS', 'E-commerce', 'Mantenimiento', 'Performance'],
  },
];

const METRICS = (GM && GM.metrics && GM.metrics.length) ? GM.metrics : [
  { num: '8', plus: '+', label: 'Años operando' },
  { num: '50', plus: '+', label: 'Clientes satisfechos' },
  { num: '30', plus: '+', label: 'Empresas por industria' },
  { num: '15', plus: '', label: 'Hoteles administrados' },
];

const CASES = (GM && GM.cases && GM.cases.length) ? GM.cases : [
  {
    id: 'isuzu',
    client: 'Isuzu Motors',
    tagline: 'Latinoamérica y el Caribe (ILAC)',
    industry: 'Industria / Automotriz',
    services: ['Estrategia', 'Desarrollo Web', 'SEO'],
    metric: '+280% tráfico orgánico',
    year: '2024',
  },
  {
    id: 'farmacia',
    client: 'La Farmacia Homeopática',
    tagline: 'Retail de salud natural',
    industry: 'E-Commerce / Salud',
    services: ['Estrategia', 'E-Commerce', 'SEO', 'Social', 'Google Ads', 'Capacitación'],
    metric: '+3.4x ventas online',
    year: '2023',
  },
  {
    id: 'becerra',
    client: 'Juan Becerra',
    tagline: 'Marca personal — conferencista',
    industry: 'Educación / Personal Brand',
    services: ['Estrategia', 'Desarrollo Web', 'SEO'],
    metric: '#1 en su nicho',
    year: '2023',
  },
  {
    id: 'hoteles',
    client: '15 Hoteles',
    tagline: 'Portafolio hotelero boutique',
    industry: 'Turismo',
    services: ['Desarrollo Web', 'SEO', 'OTA\'s', 'Social', 'Google Ads'],
    metric: '+ Rentabilidad anual',
    year: '2022–2025',
  },
  {
    id: 'piponas',
    client: 'Piponas + Benefit',
    tagline: 'Lifestyle + wellness',
    industry: 'Retail / Lifestyle',
    services: ['Estrategia', 'SEO', 'Social', 'Google Ads', 'Capacitación'],
    metric: '+190% engagement',
    year: '2024',
  },
];

const TIMELINE = [
  { year: '2017', title: 'D² Consultores Digitales', body: 'Nace la agencia. 15+ años de experiencia previa en consultoría y marketing en el sector privado de Colombia.' },
  { year: '2021', title: 'Equipo de Diseño', body: 'Integramos diseño de producto y branding como músculo interno.' },
  { year: '2022', title: 'Equipo de Desarrollo', body: 'Sumamos ingeniería web y e-commerce para cerrar el ciclo estrategia → ejecución.' },
  { year: '2025', title: 'Growth Masters', body: 'Evolucionamos la marca. Mismo ADN, nueva generación: agencia boutique con enfoque en crecimiento medible.' },
];

const TEAM = (GM && GM.team && GM.team.length) ? GM.team : [
  { name: 'Diego Andrés Bustos', role: 'Co-Fundador · Consultor', bio: 'Estratega digital con foco en performance.' },
  { name: 'Juan Diego Losada', role: 'Co-Fundador · Consultor', bio: 'Arquitecto de estrategias 360°.' },
  { name: 'Rubén Cifuentes', role: 'Desarrollo Web', bio: 'Ingeniería web de alto rendimiento.' },
  { name: 'Jonatan Lozano', role: 'Experto Digital', bio: 'Pauta, medición y growth.' },
  { name: 'Samuel Berger', role: 'Estrategia de Marketing', bio: 'Planeación, contenido y ejecución.' },
];

const POSTS = (GM && GM.posts && GM.posts.length) ? GM.posts : [
  { title: 'SEO en 2026: por qué las marcas boutique están ganando', cat: 'SEO', readTime: '6 min', date: '12 Mar 2026' },
  { title: 'Cómo medir la rentabilidad real de una campaña de Google Ads', cat: 'Ads', readTime: '9 min', date: '28 Feb 2026' },
  { title: 'Del brief al brandbook: anatomía de un rebrand bien hecho', cat: 'Branding', readTime: '11 min', date: '05 Feb 2026' },
  { title: 'OTA\'s para hoteles boutique: guía práctica 2026', cat: 'Turismo', readTime: '7 min', date: '22 Ene 2026' },
  { title: 'La economía del clic ya no existe. ¿Y ahora qué?', cat: 'Estrategia', readTime: '8 min', date: '08 Ene 2026' },
];

const CLIENTS_FALLBACK = [
  { name: 'ISUZU' }, { name: 'JUAN BECERRA' }, { name: 'LA FARMACIA HOMEOPÁTICA' },
  { name: 'PIPONAS' }, { name: 'BENEFIT' }, { name: 'HOTEL CASA DEGUA' },
  { name: 'HOTEL RETIRO' }, { name: 'MERCADO LIBRE FAIR' }, { name: 'EDUGROUP' },
  { name: 'NEXO PYMES' }, { name: 'COLSALUD' }, { name: 'VIAJES & MÁS' },
  { name: 'BOUTIQUE LAB' }, { name: 'AZUL PROFUNDO' },
];
const CLIENTS = (GM && GM.clients && GM.clients.length) ? GM.clients : CLIENTS_FALLBACK;

Object.assign(window, { SERVICES, METRICS, CASES, TIMELINE, TEAM, POSTS, CLIENTS });