/* global React */
// Esmandau Landing — Icons + i18n strings

const Icon = {
  Controller: (props) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" {...props}>
      <path d="M6 11h4M8 9v4" />
      <circle cx="15" cy="11" r="1" /><circle cx="17.5" cy="13" r="1" />
      <path d="M5 18c-1.5 0-2.5-1-2.5-2.5l1-5C4 9 5.2 8 7 8h10c1.8 0 3 1 3.5 2.5l1 5c0 1.5-1 2.5-2.5 2.5-1.5 0-2.5-1-3-2H8c-.5 1-1.5 2-3 2z" />
    </svg>
  ),
  Smartphone: (props) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" {...props}>
      <rect x="6" y="2.5" width="12" height="19" rx="3" />
      <path d="M11 18h2" />
    </svg>
  ),
  Laptop: (props) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" {...props}>
      <rect x="3" y="5" width="18" height="11" rx="2" />
      <path d="M2 19h20" />
    </svg>
  ),
  Headphones: (props) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" {...props}>
      <path d="M3 17v-5a9 9 0 0 1 18 0v5" />
      <path d="M3 17a2 2 0 0 0 2 2h1v-6H5a2 2 0 0 0-2 2v2zM21 17a2 2 0 0 1-2 2h-1v-6h1a2 2 0 0 1 2 2v2z" />
    </svg>
  ),
  Wifi: (props) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" {...props}>
      <path d="M3 9a15 15 0 0 1 18 0M6 12.5a10 10 0 0 1 12 0M9 16a5 5 0 0 1 6 0" />
      <circle cx="12" cy="19" r="1" fill="currentColor" />
    </svg>
  ),
  Power: (props) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" {...props}>
      <path d="M12 3v9" />
      <path d="M5.5 7.5a8 8 0 1 0 13 0" />
    </svg>
  ),
  Play: (props) => (
    <svg viewBox="0 0 24 24" fill="currentColor" {...props}>
      <path d="M8 5v14l11-7L8 5z" />
    </svg>
  ),
  ArrowLeft: (props) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" {...props}>
      <path d="M19 12H5M12 19l-7-7 7-7" />
    </svg>
  ),
  ArrowRight: (props) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" {...props}>
      <path d="M5 12h14M12 5l7 7-7 7" />
    </svg>
  ),
  YouTube: (props) => (
    <svg viewBox="0 0 24 24" fill="currentColor" {...props}>
      <path d="M21.6 7.2a2.5 2.5 0 0 0-1.7-1.8C18.3 5 12 5 12 5s-6.3 0-7.9.4A2.5 2.5 0 0 0 2.4 7.2C2 8.8 2 12 2 12s0 3.2.4 4.8a2.5 2.5 0 0 0 1.7 1.8c1.6.4 7.9.4 7.9.4s6.3 0 7.9-.4a2.5 2.5 0 0 0 1.7-1.8c.4-1.6.4-4.8.4-4.8s0-3.2-.4-4.8zM10 15V9l5 3-5 3z" />
    </svg>
  ),
  Instagram: (props) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" {...props}>
      <rect x="3" y="3" width="18" height="18" rx="5" />
      <circle cx="12" cy="12" r="4" />
      <circle cx="17.5" cy="6.5" r="1" fill="currentColor" />
    </svg>
  ),
  Threads: (props) => (
    <svg viewBox="0 0 192 192" fill="currentColor" {...props}>
      <path d="M141.537 88.988a66.667 66.667 0 0 0-2.518-1.143c-1.482-27.307-16.403-42.94-41.457-43.1h-.34c-14.986 0-27.449 6.396-35.12 18.036l13.779 9.452c5.731-8.695 14.724-10.548 21.348-10.548h.229c8.249.053 14.474 2.45 18.503 7.124 2.932 3.4 4.893 8.1 5.864 14.03-7.314-1.243-15.224-1.626-23.68-1.14-23.82 1.371-39.134 15.264-38.105 34.568.522 9.792 5.4 18.216 13.735 23.71 7.045 4.643 16.117 6.914 25.548 6.4 12.45-.683 22.22-5.434 29.035-14.117 5.176-6.594 8.45-15.138 9.898-25.91 5.95 3.59 10.36 8.317 12.795 14 4.138 9.66 4.378 25.534-8.564 38.466-11.337 11.327-24.97 16.226-45.57 16.378-22.853-.17-40.137-7.494-51.378-21.78C34.964 132.836 29.76 117.4 29.567 96c.193-21.4 5.397-36.836 15.97-50.014C56.78 31.7 74.064 24.376 96.917 24.206c23.02.17 40.604 7.53 52.262 21.876 5.72 7.035 10.033 15.88 12.876 26.19l16.28-4.345c-3.44-12.692-8.857-23.62-16.236-32.696-14.95-18.392-36.812-27.816-64.954-28.01h-.114C68.954 7.41 47.336 16.87 32.59 35.532 19.464 52.142 12.695 75.26 12.467 95.926L12.467 96l.001.073c.227 20.667 6.997 43.785 20.124 60.395 14.745 18.66 36.362 28.124 64.243 28.32h.114c24.795-.173 42.265-6.652 56.665-21.014 18.842-18.797 18.273-42.357 12.058-56.866-4.456-10.41-12.952-18.867-24.56-24.464zM98.44 129.507c-10.434.585-21.272-4.1-21.808-14.137-.397-7.443 5.297-15.748 22.444-16.736 1.962-.116 3.892-.173 5.788-.173 6.224 0 12.048.604 17.343 1.76-1.974 24.638-13.55 28.703-23.767 29.286z"/>
    </svg>
  ),
  Facebook: (props) => (
    <svg viewBox="0 0 24 24" fill="currentColor" {...props}>
      <path d="M13.5 21v-7.5h2.5l.4-3h-2.9V8.6c0-.9.3-1.5 1.5-1.5h1.6V4.4c-.3 0-1.2-.1-2.3-.1-2.3 0-3.8 1.4-3.8 3.9v2.2H8v3h2.5V21h3z" />
    </svg>
  ),
  Mail: (props) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" {...props}>
      <rect x="3" y="5" width="18" height="14" rx="2" />
      <path d="m4 7 8 6 8-6" />
    </svg>
  ),
  Send: (props) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" {...props}>
      <path d="M22 2 11 13M22 2l-7 20-4-9-9-4 20-7z" />
    </svg>
  ),
  Check: (props) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" {...props}>
      <path d="m20 6-11 11-5-5" />
    </svg>
  ),
  Sparkle: (props) => (
    <svg viewBox="0 0 24 24" fill="currentColor" {...props}>
      <path d="M12 3l1.7 5.3L19 10l-5.3 1.7L12 17l-1.7-5.3L5 10l5.3-1.7L12 3z" />
    </svg>
  ),
};

const STRINGS = {
  es: {
    nav: { about: "Sobre el canal", videos: "Videos", collabs: "Colaboraciones", contact: "Contacto" },
    hero: {
      eyebrow: "Esmandau · Tech & Gaming",
      title1: "Tecnología y videojuegos,",
      title2: "analizados.",
      lede: "Reseñas, análisis y contenido premium en español. Cero ruido, cada video responde una pregunta real del mundo tech o gaming.",
      cta: "Trabajemos juntos",
      ctaSecondary: "Ver canal",
      live: "En vivo",
      stats: [
        { num: "100K+", lbl: "Suscriptores" },
        { num: "577K", lbl: "Vistas / mes" },
        { num: "10%", lbl: "CTR promedio" },
      ],
      portraitLabel: "Hernán · Esmandau",
    },
    about: {
      eyebrow: "01 · Sobre el canal",
      title1: "El canal hispanohablante de",
      titleAccent: "tech & gaming.",
      copy: "Esmandau es un canal hispanohablante enfocado en tecnología y videojuegos. Reseñas, análisis y contenido premium con un acabado profesional. Cobertura rápida de keynotes, comparativas honestas, y guías que la audiencia confía.",
      feats: [
        { lbl: "Categoría", val: "Tecnología" },
        { lbl: "Categoría", val: "Videojuegos" },
        { lbl: "Idioma", val: "Español" },
      ],
      featureMark: "YouTube · @esmandautech",
      featureUnit: "Subs",
      featureSub: "Comunidad activa hispanohablante con audiencia comprometida en EE.UU., Puerto Rico, México, España, Colombia y más.",
    },
    videos: {
      eyebrow: "02 · Videos recientes",
      title1: "Lo último del",
      titleAccent: "canal.",
      kicker: "Las publicaciones más recientes de ESMANDAU.",
      loading: "Cargando videos...",
      error: "No pudimos cargar los videos en este momento.",
      visitChannel: "Visitar el canal",
      ctaTitle: "Ver más videos",
      ctaSub: "Explora todo el contenido en el canal de YouTube de Esmandau.",
      ago: { just: "Ahora mismo", min: "min", hour: "h", day: "d", week: "sem", month: "mes", year: "año" },
    },
    collab: {
      eyebrow: "03 · Colaboraciones",
      title1: "Marcas con las que hemos",
      titleAccent: "trabajado.",
      kicker: "Una muestra de las compañías y productos que han confiado en Esmandau para llegar a su audiencia.",
    },
    contact: {
      eyebrow: "04 · Contacto",
      title1: "¿Listo para una",
      titleAccent: "colaboración?",
      kicker: "Cuéntanos sobre tu marca y te respondemos con una propuesta editorial a la medida.",
      labels: { name: "Nombre", email: "Correo electrónico", message: "Mensaje" },
      placeholders: { name: "Tu nombre", email: "tu@empresa.com", message: "Cuéntanos sobre tu propuesta…" },
      submit: "Enviar propuesta",
      success: "¡Mensaje enviado!",
      successCopy: "Recibimos tu propuesta. Te responderemos a la brevedad.",
      contactInfo: "Contacto directo",
      emailLabel: "Email",
      youtubeLabel: "YouTube",
      responseLabel: "Tiempo de respuesta",
      responseValue: "24–48 horas",
    },
    footer: {
      tagline: "Tecnología y videojuegos, analizados.",
      rights: "© 2026 Esmandau · Todos los derechos reservados",
    },
  },
  en: {
    nav: { about: "About", videos: "Videos", collabs: "Collaborations", contact: "Contact" },
    hero: {
      eyebrow: "Esmandau · Tech & Gaming",
      title1: "Tech and gaming,",
      title2: "analyzed.",
      lede: "Spanish-language reviews, analysis and premium content. Zero noise — every video answers a real question about tech or gaming.",
      cta: "Let's work together",
      ctaSecondary: "Watch channel",
      live: "Live",
      stats: [
        { num: "100K+", lbl: "Subscribers" },
        { num: "577K", lbl: "Views / month" },
        { num: "10%", lbl: "Avg. CTR" },
      ],
      portraitLabel: "Hernán · Esmandau",
    },
    about: {
      eyebrow: "01 · About the channel",
      title1: "The Spanish-language home of",
      titleAccent: "tech & gaming.",
      copy: "Esmandau is a Spanish-language channel focused on technology and gaming. Reviews, analysis and premium content with a professional finish. Fast keynote coverage, honest comparisons, and guides the audience trusts.",
      feats: [
        { lbl: "Category", val: "Technology" },
        { lbl: "Category", val: "Gaming" },
        { lbl: "Language", val: "Spanish" },
      ],
      featureMark: "YouTube · @esmandautech",
      featureUnit: "Subs",
      featureSub: "An active Spanish-speaking community with engaged viewers across U.S., Puerto Rico, Mexico, Spain, Colombia and others.",
    },
    videos: {
      eyebrow: "02 · Recent videos",
      title1: "Latest from the",
      titleAccent: "channel.",
      kicker: "The most recent uploads from ESMANDAU.",
      loading: "Loading videos...",
      error: "We couldn't load the videos right now.",
      visitChannel: "Visit the channel",
      ctaTitle: "See more videos",
      ctaSub: "Explore all content on the Esmandau YouTube channel.",
      ago: { just: "Just now", min: "min", hour: "h", day: "d", week: "w", month: "mo", year: "y" },
    },
    collab: {
      eyebrow: "03 · Collaborations",
      title1: "Brands we've",
      titleAccent: "worked with.",
      kicker: "A sample of the companies and products that have trusted Esmandau to reach their audience.",
    },
    contact: {
      eyebrow: "04 · Contact",
      title1: "Ready to",
      titleAccent: "collaborate?",
      kicker: "Tell us about your brand and we'll come back with a tailored editorial proposal.",
      labels: { name: "Name", email: "Email", message: "Message" },
      placeholders: { name: "Your name", email: "you@company.com", message: "Tell us about your proposal…" },
      submit: "Send proposal",
      success: "Message sent!",
      successCopy: "We received your proposal and will get back to you shortly.",
      contactInfo: "Direct contact",
      emailLabel: "Email",
      youtubeLabel: "YouTube",
      responseLabel: "Response time",
      responseValue: "24–48 hours",
    },
    footer: {
      tagline: "Tech and gaming, analyzed.",
      rights: "© 2026 Esmandau · All rights reserved",
    },
  },
};

window.EsIcon = Icon;
window.STRINGS = STRINGS;