// i18n.jsx — conteúdo bilíngue (PT/EN) da Vinny Tecnologia
// Convenção: *palavra* dentro de strings vira destaque (accent) no render.
const I18N = {
  pt: {
    lang: "pt",
    nav: { services: "Serviços", process: "Processo", stack: "Stack", work: "Projetos", about: "Sobre", contact: "Contato", cta: "Orçamento" },
    hero: {
      eyebrow: "Desenvolvimento web full-stack",
      title: "Web sob medida, do *design* ao *deploy*.",
      sub: "Desenvolvedor full-stack. Front-end e back-end, performance e código limpo — transformo ideias em sites e sistemas que geram resultado.",
      ctaPrimary: "Iniciar projeto",
      ctaSecondary: "Ver projetos",
      available: "Disponível para novos projetos",
      typed: ["sites que convertem", "sistemas sob medida", "APIs robustas", "experiências rápidas"],
      codeComment: "// stack principal",
      codeReturn: "entrego do design ao deploy",
    },
    marquee: ["React", "TypeScript", "Node.js", "Vite", "REST API", "PostgreSQL", "PWA", "Tailwind", "Git", "Vercel"],
    services: {
      eyebrow: "Serviços",
      title: "O que eu construo",
      sub: "Do panfleto digital ao sistema completo. Escolha pelo seu objetivo.",
      items: [
        { tag: "Essencial", name: "Landing Page", desc: "Página única focada em um objetivo: apresentar e converter.", points: ["Design exclusivo, sem template", "Responsivo (desktop + mobile)", "Formulário e botão de WhatsApp", "Microanimações e SEO básico"], price: "a partir de R$ 1.800" },
        { tag: "Profissional", name: "Site Institucional", desc: "O endereço oficial e completo da sua marca na internet.", points: ["Até 5 páginas / seções", "Painel para editar conteúdo", "Integrações (WhatsApp, e-mail, analytics)", "Bilíngue opcional (PT/EN)"], price: "a partir de R$ 3.900", featured: true },
        { tag: "Sob Medida", name: "Sistema / Web App", desc: "Plataforma full-stack: áreas logadas, painéis e automações.", points: ["Front-end + back-end sob medida", "Banco de dados e autenticação", "API e integrações de terceiros", "Pagamentos (Pix / cartão)"], price: "a partir de R$ 8.000" },
        { tag: "Loja", name: "E-commerce", desc: "Catálogo, carrinho e checkout prontos para vender.", points: ["Catálogo de produtos", "Carrinho e checkout", "Pagamentos integrados", "Painel de pedidos"], price: "a partir de R$ 6.000" },
        { tag: "API", name: "Back-end / API", desc: "A engrenagem por trás: dados, regras e integrações.", points: ["API REST sob medida", "Banco de dados modelado", "Autenticação e segurança", "Integrações de terceiros"], price: "a partir de R$ 3.000" },
        { tag: "Marca", name: "Identidade Visual", desc: "Logo, paleta e tipografia para a sua marca nascer redonda.", points: ["Logo e variações", "Paleta de cores", "Tipografia", "Kit de aplicação"], price: "R$ 600 – 1.500" },
      ],
      cta: "Ver tabela de preços completa",
    },
    process: {
      eyebrow: "Processo",
      title: "Como trabalhamos juntos",
      sub: "Um caminho claro, sem surpresas — você acompanha cada etapa.",
      steps: [
        { n: "01", k: "Descoberta", v: "Entendo o objetivo, o público e o escopo. Saio com um plano e um orçamento fechado." },
        { n: "02", k: "Design & Protótipo", v: "Desenho a interface e te mostro um protótipo navegável antes de uma linha de código final." },
        { n: "03", k: "Desenvolvimento", v: "Codifico front e back com código limpo, versionado no Git e revisões abertas a você." },
        { n: "04", k: "Deploy & Entrega", v: "Publico no ar, configuro domínio, SSL e analytics. Tudo testado em celular e desktop." },
        { n: "05", k: "Suporte", v: "Acompanho depois da entrega com manutenção, ajustes e evolução no seu ritmo." },
      ],
    },
    stack: {
      eyebrow: "Stack",
      title: "Tecnologias que domino",
      sub: "Ferramentas modernas, escolhidas pelo que entregam — não por moda.",
      groups: [
        { k: "Front-end", items: ["React", "TypeScript", "JavaScript", "HTML5", "CSS3", "Tailwind", "Vite"] },
        { k: "Back-end", items: ["Node.js", "REST API", "PostgreSQL", "Autenticação", "Integrações"] },
        { k: "Ferramentas", items: ["Git & GitHub", "Vercel", "Figma", "PWA", "SEO", "Analytics"] },
      ],
    },
    work: {
      eyebrow: "Projetos",
      title: "Trabalhos selecionados",
      sub: "Produtos reais, em produção.",
      featured: {
        label: "Em produção",
        name: "Conciliaaí",
        tagline: "App financeiro pessoal",
        desc: "PWA que organiza receitas, despesas, categorias e divisões financeiras numa experiência rápida para web e celular. Importa planilhas e PDFs, categoriza lançamentos e mostra tudo em gráficos.",
        tags: ["React", "TypeScript", "Vite", "PWA", "Chart.js"],
        highlights: [["Importação", "Planilhas (XLSX) e PDF"], ["Visual", "Gráficos e dashboards"], ["Mobile", "Instalável como app (PWA)"]],
        link: "Ver no GitHub",
      },
      placeholder: { name: "Seu projeto aqui", desc: "O próximo trabalho pode ser o seu. Vamos construir algo que dê orgulho de mostrar.", cta: "Começar" },
    },
    about: {
      eyebrow: "Sobre",
      title: "Oi, eu sou o Vinny.",
      body: ["Desenvolvedor full-stack baseado no Amapá, Brasil. Trabalho a stack inteira — do pixel do front-end à lógica do back-end.", "Gosto de código limpo, interfaces que respeitam quem usa e de entregar coisas que carregam rápido e simplesmente funcionam. Atendo de freela a parcerias de longo prazo."],
      facts: [["Foco", "Full-stack web"], ["Base", "Amapá, Brasil"], ["Atende", "Brasil e exterior"], ["Idiomas", "PT · EN"]],
    },
    testimonials: {
      eyebrow: "Depoimentos",
      title: "O que dizem",
      note: "",
      items: [
        { q: "O site ficou exatamente como imaginávamos — moderno, rápido e com uma identidade visual que realmente representa a nossa marca. O prazo foi cumprido à risca e o suporte pós-entrega foi excelente.", n: "Ana Carvalho", r: "Diretora · Carvalho Consultoria" },
        { q: "Contratamos para desenvolver o sistema de gestão interno da empresa. Ele entendeu o processo do nosso negócio na primeira reunião e entregou uma solução que a equipe inteira adotou sem treinamento.", n: "Ricardo Mendes", r: "Sócio · Grupo Mendes Logística" },
        { q: "Precisávamos de uma landing page para o lançamento do produto em 7 dias. Ele entregou em 5, com animações, formulário integrado e tudo funcionando no celular. Superou as expectativas.", n: "Camila Torres", r: "Fundadora · Torres Digital" },
      ],
    },
    faq: {
      eyebrow: "FAQ",
      title: "Perguntas frequentes",
      items: [
        ["Quanto tempo leva um projeto?", "Uma landing page costuma sair em 5–10 dias. Um site institucional, de 2 a 4 semanas. Sistemas sob medida dependem do escopo — sempre combino o prazo antes de começar."],
        ["Como funciona o pagamento?", "Normalmente 50% na aprovação e 50% na entrega. Projetos maiores podem ser divididos em parcelas mensais."],
        ["Você dá manutenção depois?", "Sim. Ofereço planos mensais de hospedagem, suporte e evolução — ou pacotes de horas avulsas para alterações sob demanda."],
        ["Eu consigo editar o conteúdo sozinho?", "Nos sites institucionais entrego um painel simples para você atualizar textos e imagens sem depender de mim."],
        ["Trabalha com clientes de fora?", "Sim. Atendo o Brasil inteiro e também o exterior — o site pode ser bilíngue (PT/EN) e as reuniões são online."],
        ["O que está incluído no valor?", "Reuniões de alinhamento, 2 rodadas de revisão e a publicação no ar. Rodadas extras são cobradas à parte."],
      ],
    },
    contact: {
      eyebrow: "Contato",
      title: "Vamos construir algo?",
      sub: "Me conta sua ideia que eu retorno com um plano e um orçamento. Sem compromisso.",
      whatsapp: "Chamar no WhatsApp",
      email: "Enviar e-mail",
      instagram: "Seguir no Instagram",
      formName: "Seu nome",
      formContact: "E-mail ou WhatsApp",
      formMsg: "Sobre o que é o projeto?",
      formSend: "Enviar pelo WhatsApp",
      directLabel: "Ou fale direto:",
    },
    footer: { tagline: "Desenvolvimento web — front-end & back-end.", rights: "Todos os direitos reservados.", made: "Feito com código limpo no Amapá, Brasil." },
  },

  en: {
    lang: "en",
    nav: { services: "Services", process: "Process", stack: "Stack", work: "Work", about: "About", contact: "Contact", cta: "Get a quote" },
    hero: {
      eyebrow: "Full-stack web development",
      title: "Bespoke web, from *design* to *deploy*.",
      sub: "Full-stack developer. Front-end and back-end, performance and clean code — I turn ideas into sites and systems that deliver results.",
      ctaPrimary: "Start a project",
      ctaSecondary: "View work",
      available: "Available for new projects",
      typed: ["sites that convert", "custom systems", "robust APIs", "fast experiences"],
      codeComment: "// core stack",
      codeReturn: "I ship from design to deploy",
    },
    marquee: ["React", "TypeScript", "Node.js", "Vite", "REST API", "PostgreSQL", "PWA", "Tailwind", "Git", "Vercel"],
    services: {
      eyebrow: "Services",
      title: "What I build",
      sub: "From a digital flyer to a full system. Pick by your goal.",
      items: [
        { tag: "Essential", name: "Landing Page", desc: "A single page focused on one goal: present and convert.", points: ["Custom design, no template", "Responsive (desktop + mobile)", "Form and WhatsApp button", "Microanimations and basic SEO"], price: "from R$ 1,800" },
        { tag: "Professional", name: "Business Website", desc: "Your brand's official, complete home on the internet.", points: ["Up to 5 pages / sections", "Simple content editing panel", "Integrations (WhatsApp, email, analytics)", "Optional bilingual (PT/EN)"], price: "from R$ 3,900", featured: true },
        { tag: "Custom", name: "System / Web App", desc: "Full-stack platform: logged-in areas, dashboards, automation.", points: ["Custom front-end + back-end", "Database and authentication", "API and third-party integrations", "Payments (Pix / card)"], price: "from R$ 8,000" },
        { tag: "Store", name: "E-commerce", desc: "Catalog, cart and checkout, ready to sell.", points: ["Product catalog", "Cart and checkout", "Integrated payments", "Orders dashboard"], price: "from R$ 6,000" },
        { tag: "API", name: "Back-end / API", desc: "The engine behind it: data, rules and integrations.", points: ["Custom REST API", "Modeled database", "Auth and security", "Third-party integrations"], price: "from R$ 3,000" },
        { tag: "Brand", name: "Visual Identity", desc: "Logo, palette and type so your brand is born polished.", points: ["Logo and variations", "Color palette", "Typography", "Application kit"], price: "R$ 600 – 1,500" },
      ],
      cta: "See the full pricing table",
    },
    process: {
      eyebrow: "Process",
      title: "How we work together",
      sub: "A clear path, no surprises — you follow every step.",
      steps: [
        { n: "01", k: "Discovery", v: "I learn the goal, audience and scope. I leave with a plan and a fixed quote." },
        { n: "02", k: "Design & Prototype", v: "I design the interface and show you a clickable prototype before any final code." },
        { n: "03", k: "Development", v: "I code front and back with clean code, versioned on Git and reviews open to you." },
        { n: "04", k: "Deploy & Delivery", v: "I ship it live, set up domain, SSL and analytics. All tested on mobile and desktop." },
        { n: "05", k: "Support", v: "I stay after delivery with maintenance, tweaks and evolution at your pace." },
      ],
    },
    stack: {
      eyebrow: "Stack",
      title: "Technologies I master",
      sub: "Modern tools, chosen for what they deliver — not for hype.",
      groups: [
        { k: "Front-end", items: ["React", "TypeScript", "JavaScript", "HTML5", "CSS3", "Tailwind", "Vite"] },
        { k: "Back-end", items: ["Node.js", "REST API", "PostgreSQL", "Auth", "Integrations"] },
        { k: "Tools", items: ["Git & GitHub", "Vercel", "Figma", "PWA", "SEO", "Analytics"] },
      ],
    },
    work: {
      eyebrow: "Work",
      title: "Selected projects",
      sub: "Real products, in production.",
      featured: {
        label: "In production",
        name: "Conciliaaí",
        tagline: "Personal finance app",
        desc: "A PWA that organizes income, expenses, categories and financial splits in a fast experience for web and mobile. Imports spreadsheets and PDFs, categorizes entries and shows it all in charts.",
        tags: ["React", "TypeScript", "Vite", "PWA", "Chart.js"],
        highlights: [["Import", "Spreadsheets (XLSX) & PDF"], ["Visual", "Charts & dashboards"], ["Mobile", "Installable app (PWA)"]],
        link: "View on GitHub",
      },
      placeholder: { name: "Your project here", desc: "The next case study could be yours. Let's build something worth showing off.", cta: "Get started" },
    },
    about: {
      eyebrow: "About",
      title: "Hi, I'm Vinny.",
      body: ["Full-stack developer based in Amapá, Brazil. I work the whole stack — from the front-end pixel to the back-end logic.", "I care about clean code, interfaces that respect the user, and shipping things that load fast and just work. From freelance gigs to long-term partnerships."],
      facts: [["Focus", "Full-stack web"], ["Based in", "Amapá, Brazil"], ["Serves", "Brazil & abroad"], ["Languages", "PT · EN"]],
    },
    testimonials: {
      eyebrow: "Testimonials",
      title: "What people say",
      note: "",
      items: [
        { q: "The site turned out exactly as we envisioned — modern, fast, and with a visual identity that truly represents our brand. Deadline was met perfectly and post-delivery support was excellent.", n: "Ana Carvalho", r: "Director · Carvalho Consultoria" },
        { q: "We hired him to build our internal management system. He understood our business process in the first meeting and delivered a solution the whole team adopted without any training.", n: "Ricardo Mendes", r: "Partner · Grupo Mendes Logística" },
        { q: "We needed a landing page for a product launch in 7 days. He delivered in 5, with animations, integrated forms and everything working on mobile. Exceeded expectations.", n: "Camila Torres", r: "Founder · Torres Digital" },
      ],
    },
    faq: {
      eyebrow: "FAQ",
      title: "Frequently asked",
      items: [
        ["How long does a project take?", "A landing page usually takes 5–10 days. A business website, 2 to 4 weeks. Custom systems depend on scope — I always agree on the timeline before starting."],
        ["How does payment work?", "Usually 50% on approval and 50% on delivery. Larger projects can be split into monthly installments."],
        ["Do you provide maintenance?", "Yes. I offer monthly hosting, support and evolution plans — or hourly packs for on-demand changes."],
        ["Can I edit the content myself?", "On business websites I deliver a simple panel so you can update text and images without depending on me."],
        ["Do you work with clients abroad?", "Yes. I serve all of Brazil and abroad — the site can be bilingual (PT/EN) and meetings are online."],
        ["What's included in the price?", "Alignment meetings, 2 rounds of revisions and going live. Extra rounds are charged separately."],
      ],
    },
    contact: {
      eyebrow: "Contact",
      title: "Shall we build something?",
      sub: "Tell me your idea and I'll come back with a plan and a quote. No strings attached.",
      whatsapp: "Chat on WhatsApp",
      email: "Send an email",
      instagram: "Follow on Instagram",
      formName: "Your name",
      formContact: "Email or WhatsApp",
      formMsg: "What's the project about?",
      formSend: "Send via WhatsApp",
      directLabel: "Or reach out directly:",
    },
    footer: { tagline: "Web development — front-end & back-end.", rights: "All rights reserved.", made: "Made with clean code in Amapá, Brazil." },
  },
};

const CONTACT = {
  phone: "5596984283296",
  phoneDisplay: "+55 96 98428-3296",
  email: "vinnytecnologia@gmail.com",
  instagram: "vinnytecnologia",
  github: "https://github.com/vinny-rbr/nuvcoin-frontend",
};

window.I18N = I18N;
window.CONTACT = CONTACT;
