// Shared content + light helpers used across variants.
// All copy is in Spanish, matching the brand.

const FE_CONTENT = {
  nav: ['Empresa', 'Servicios', 'Proyectos', 'Compromiso', 'Contacto'],
  hero: {
    eyebrow: 'Desarrollo de proyectos renovables · España & Iberoamérica',
    title: ['Energía renovable', 'con raíces locales'],
    titleItalic: 'y mirada global.',
    desc: 'Desarrollamos proyectos eólicos, solares, de almacenamiento e hidrógeno verde en cuatro países, con más de veinte años de experiencia y un compromiso firme con las comunidades donde operamos.',
    cta: 'Solicitar reunión',
    ctaSecondary: 'Conocer la empresa',
  },
  about: {
    eyebrow: 'Quiénes somos',
    title: 'Una empresa desarrolladora, no un fondo.',
    body: 'Somos Feijoo Energy, una desarrolladora independiente con sede en A Coruña. Acompañamos cada proyecto desde la prospección y el diálogo con el territorio hasta la puesta en marcha, integrando ingeniería, gestión social y financiación. Único socio de Fe Energy Wind Development en España.',
    stats: [
      { value: '20+', label: 'Años de experiencia' },
      { value: '4', label: 'Países activos' },
      { value: '100%', label: 'Energía renovable' },
      { value: '2004', label: 'Año fundación' },
    ],
  },
  services: {
    eyebrow: 'Qué hacemos',
    title: 'Cuatro tecnologías,\nuna misma metodología.',
    intro: 'Cubrimos el ciclo completo de desarrollo: identificación de emplazamientos, estudios, permisos, ingeniería y construcción.',
    items: [
      { id: '01', name: 'Energía eólica', desc: 'Parques onshore en España, Colombia, México y República Dominicana. Estudios de recurso, permisos y construcción llave en mano.', tags: ['Onshore', 'Repotenciación'] },
      { id: '02', name: 'Energía solar', desc: 'Plantas fotovoltaicas a escala utility y proyectos híbridos eólico-solar con almacenamiento integrado.', tags: ['Utility scale', 'Híbridos'] },
      { id: '03', name: 'Almacenamiento', desc: 'Sistemas BESS para firmeza energética, arbitraje y servicios al sistema en mercados liberalizados.', tags: ['BESS', 'Standalone'] },
      { id: '04', name: 'Hidrógeno verde', desc: 'Proyectos de producción a partir de renovables para descarbonizar industria, movilidad y exportación.', tags: ['H₂', 'Industrial'] },
    ],
  },
  presence: {
    eyebrow: 'Presencia',
    title: 'Cuatro países,\nequipos locales.',
    countries: [
      { code: 'ES', name: 'España', city: 'A Coruña — Sede', detail: 'Eólico, solar, hidrógeno', since: '2004' },
      { code: 'CO', name: 'Colombia', city: 'Bogotá', detail: 'Eólico onshore + solar', since: '2018' },
      { code: 'MX', name: 'México', city: 'Ciudad de México', detail: 'Solar utility scale', since: '2021' },
      { code: 'DO', name: 'Rep. Dominicana', city: 'Santo Domingo', detail: 'Híbridos + almacenamiento', since: '2023' },
    ],
  },
  team: {
    eyebrow: 'Equipo',
    title: 'Socios fundadores.',
    members: [
      { name: 'Alberto García Feijoo', role: 'Socio · Administrador solidario', bio: 'Desde 2004 en el mundo de las renovables, con experiencia en desarrollo de parques eólicos y solares en España y Latinoamérica.', initials: 'AG' },
      { name: 'Eliana Vargas', role: 'Socia · Administradora solidaria', bio: 'Desde 2012 en el sector, especializada en gestión de proyectos, relación con comunidades y desarrollo en mercados emergentes.', initials: 'EV' },
    ],
  },
  commitment: {
    eyebrow: 'Compromiso social',
    title: 'El territorio\nno es un detalle.',
    body: 'El involucramiento social es nuestra principal fortaleza. Entendemos que un proyecto renovable solo es viable cuando crea valor para las comunidades donde se asienta. Por eso integramos diálogo, formación y desarrollo local desde la fase más temprana de cada proyecto.',
    points: [
      { title: 'Diálogo temprano', desc: 'Antes que cualquier estudio técnico, escuchamos a las comunidades y autoridades locales.' },
      { title: 'Valor compartido', desc: 'Acuerdos transparentes con propietarios, ayuntamientos y proveedores del territorio.' },
      { title: 'Formación local', desc: 'Programas de capacitación técnica para que el conocimiento renovable arraigue donde operamos.' },
    ],
  },
  contact: {
    eyebrow: 'Contacto',
    title: 'Conversemos\nsobre tu proyecto.',
    body: 'Si representas a una administración, propietario, inversor o industria interesada en renovables, escríbenos. Respondemos en menos de 48 horas hábiles.',
    addr: ['Rúa Enrique Mariñas Romero 36', '15009 A Coruña — España'],
    email: 'alberto@feijooenergy.com',
    phone: '+34 666 764 955',
    hours: 'Lun–Vie · 09:00–17:00',
  },
  footer: {
    tagline: 'Energía renovable con raíces locales.',
    links: {
      'Empresa': ['Sobre nosotros', 'Equipo', 'Trayectoria', 'Empresa del grupo'],
      'Servicios': ['Eólico', 'Solar', 'Almacenamiento', 'Hidrógeno verde'],
      'Recursos': ['Proyectos', 'Compromiso social', 'Política de privacidad', 'Aviso legal'],
    },
  },
};

// Stock photography URLs (Unsplash) — wind & solar.
const FE_IMAGES = {
  heroWind: 'https://images.unsplash.com/photo-1466611653911-95081537e5b7?w=1800&q=80&auto=format&fit=crop',
  heroSolar: 'https://images.unsplash.com/photo-1509391366360-2e959784a276?w=1800&q=80&auto=format&fit=crop',
  heroLandscape: 'https://images.unsplash.com/photo-1473341304170-971dccb5ac1e?w=1800&q=80&auto=format&fit=crop',
  windClose: 'https://images.unsplash.com/photo-1532601224476-15c79f2f7a51?w=1200&q=80&auto=format&fit=crop',
  windField: 'https://images.unsplash.com/photo-1497436072909-60f360e1d4b1?w=1200&q=80&auto=format&fit=crop',
  solarPanels: 'https://images.unsplash.com/photo-1508514177221-188b1cf16e9d?w=1200&q=80&auto=format&fit=crop',
  solarRow: 'https://images.unsplash.com/photo-1559302504-64aae6ca6b6d?w=1200&q=80&auto=format&fit=crop',
  battery: 'https://images.unsplash.com/photo-1581094288338-2314dddb7ece?w=1200&q=80&auto=format&fit=crop',
  hydrogen: 'https://images.unsplash.com/photo-1545209463-e2825498edbf?w=1200&q=80&auto=format&fit=crop',
  community: 'https://images.unsplash.com/photo-1521737711867-e3b97375f902?w=1200&q=80&auto=format&fit=crop',
  workers: 'https://images.unsplash.com/photo-1581092334651-ddf26d9a09d0?w=1200&q=80&auto=format&fit=crop',
  landscape2: 'https://images.unsplash.com/photo-1448375240586-882707db888b?w=1600&q=80&auto=format&fit=crop',
};

// Shared utilities

function Stat({ value, label, color = '#00b31b', dark = false }) {
  return (
    <div style={{ borderTop: `1px solid ${dark ? 'rgba(255,255,255,0.15)' : 'rgba(0,0,0,0.12)'}`, paddingTop: 16 }}>
      <div style={{ fontFamily: "'Cormorant Garamond', serif", fontSize: 72, fontWeight: 300, lineHeight: 0.9, color, letterSpacing: '-0.02em' }}>{value}</div>
      <div style={{ marginTop: 10, fontSize: 11, letterSpacing: '0.16em', textTransform: 'uppercase', color: dark ? 'rgba(255,255,255,0.6)' : '#848484' }}>{label}</div>
    </div>
  );
}

// Brand-styled avatar (initials on tinted square) — used in team section,
// honest about not having real photos.
function AvatarInitials({ initials, bg = '#111', fg = '#00b31b', size = 280 }) {
  return (
    <div style={{
      width: size, height: size,
      background: bg,
      display: 'flex', alignItems: 'center', justifyContent: 'center',
      position: 'relative', overflow: 'hidden',
    }}>
      <div style={{
        fontFamily: "'Cormorant Garamond', serif",
        fontWeight: 300, fontSize: size * 0.42,
        color: fg, letterSpacing: '-0.03em', lineHeight: 1,
      }}>{initials}</div>
      <div style={{
        position: 'absolute', inset: 0,
        background: `radial-gradient(circle at 30% 20%, rgba(255,255,255,0.04), transparent 60%)`,
        pointerEvents: 'none',
      }}/>
      <div style={{
        position: 'absolute', bottom: 0, left: 0, right: 0, height: 4,
        background: fg,
      }}/>
    </div>
  );
}

// Tag chip (with dot)
function Tag({ children, dark = false }) {
  return (
    <span style={{
      display: 'inline-flex', alignItems: 'center', gap: 8,
      fontSize: 11, letterSpacing: '0.14em', textTransform: 'uppercase',
      fontWeight: 500,
      padding: '6px 12px',
      border: `0.5px solid ${dark ? 'rgba(255,255,255,0.22)' : 'rgba(0,0,0,0.14)'}`,
      color: dark ? 'rgba(255,255,255,0.75)' : '#3a3a3a',
      borderRadius: 999,
    }}>
      <span style={{ width: 6, height: 6, borderRadius: '50%', background: '#00b31b' }}/>
      {children}
    </span>
  );
}

// Section eyebrow (small green label)
function Eyebrow({ children, color = '#00b31b', mono = false }) {
  return (
    <div style={{
      fontFamily: mono ? "'DM Mono', monospace" : "'DM Sans', sans-serif",
      fontSize: 11, letterSpacing: '0.22em',
      textTransform: 'uppercase', color, fontWeight: 500,
    }}>{children}</div>
  );
}

window.FE_CONTENT = FE_CONTENT;
window.FE_IMAGES = FE_IMAGES;
window.Stat = Stat;
window.AvatarInitials = AvatarInitials;
window.Tag = Tag;
window.Eyebrow = Eyebrow;