// data.jsx — projects + i18n strings
const PROJECTS = [
  {
    id: "mastershape",
    n: "01",
    name: "Instituto MasterShape",
    year: "2025",
    role: { pt: "Landing page · Blefaroplastia", en: "Landing page · Blepharoplasty" },
    type: { pt: "Saúde · Estética médica", en: "Healthcare · Medical aesthetics" },
    tools: ["Figma", "WordPress", "Elementor"],
    cover: "assets/mastershape-cover.jpg",
    gallery: ["assets/mastershape-full.jpg"],
    summary: {
      pt: "Landing page para a clínica MasterShape promovendo o procedimento de blefaroplastia — equilíbrio entre confiança médica e desejo estético.",
      en: "Landing page for MasterShape Clinic promoting the blepharoplasty procedure — balancing medical trust and aesthetic desire.",
    },
    context: {
      pt: "Trabalho realizado para um cliente do nicho médico. Conduzi a prototipação completa no Figma — hierarquia editorial, tipografia serifada para autoridade, paleta navy + dourado para evocar sofisticação e cuidado — e implementei o site em WordPress com Elementor. A página foi pensada como um funil contínuo: cabeçalho com promessa clara, sessões de benefícios, etapas do procedimento, recuperação, prova social e FAQ — tudo costurado por CTAs estratégicos.",
      en: "Project delivered for a medical-niche client. I led full prototyping in Figma — editorial hierarchy, serif typography for authority, navy + gold palette to evoke sophistication and care — and implemented the site in WordPress with Elementor. The page was designed as a continuous funnel: header with a clear promise, benefit sections, procedure steps, recovery, social proof and FAQ — all stitched together by strategic CTAs.",
    },
    services: ["UX/UI Design", "Figma Prototype", "WordPress Dev", "Elementor"],
    palette: ["#0e1f47", "#c9a35a", "#f6f5f2"],
  },
  {
    id: "atem",
    n: "02",
    name: "Atem Digital",
    year: "2026",
    role: { pt: "Site institucional · One-page", en: "Institutional website · One-page" },
    type: { pt: "Agência · Marketing médico", en: "Agency · Medical marketing" },
    tools: ["Figma", "WordPress", "Elementor", "GSAP"],
    cover: "assets/atem-cover.jpg",
    gallery: ["assets/atem-full.jpg"],
    liveSiteUrl: "https://atemdigital.com.br",
    summary: {
      pt: "Site institucional one-page para a Atem Digital — agência especializada em assessoria de tráfego para médicos. Autoridade, calma e clareza acima de tudo.",
      en: "One-page institutional website for Atem Digital — an agency specialized in paid traffic for doctors. Authority, calm and clarity above all.",
    },
    context: {
      pt: "Desenvolvi o site institucional da Atem em formato de página única, com o objetivo de atrair mais leads para a agência de marketing médico. A prototipação foi feita no Figma e a implementação 100% em WordPress com Elementor, incorporando interações em vídeo de fundo e animações GSAP para dar ritmo à navegação. O resultado: a página passou a captar entre 5 e 15 leads mensais via tráfego puramente orgânico, fruto da estratégia de SEO e das otimizações de performance e conteúdo. Médicos não compram serviços de marketing como qualquer outro cliente — então o site evita a estética agressiva de growth e troca por uma diagramação editorial, mais consultório, menos performance.",
      en: "I designed Atem's institutional website as a one-page experience, focused on bringing more leads to the medical marketing agency. Prototyping was done in Figma and implementation was 100% in WordPress with Elementor, incorporating video backgrounds and GSAP animations to add rhythm to navigation. The result: the page now captures 5 to 15 monthly leads through purely organic traffic, thanks to SEO strategy and performance/content optimization. Doctors don't buy marketing services like other clients — so the site avoids aggressive growth aesthetics and trades it for an editorial layout, more consulting room, less performance.",
    },
    services: ["UI/UX Design", "WordPress Dev", "GSAP Animations", "SEO Strategy"],
    palette: ["#0a0a0a", "#3fbfa0", "#f6f5f2"],
  },
  {
    id: "psicoai",
    n: "03",
    name: "PsicoAI",
    year: "2025",
    role: { pt: "Product design — webapp + extensão Chrome", en: "Product design — webapp + Chrome extension" },
    type: { pt: "Startup · IA · SaaS", en: "Startup · AI · SaaS" },
    tools: ["Figma", "Design System", "WordPress", "Elementor"],
    cover: "assets/psicoai-cover.jpg",
    liveSiteUrl: "https://psicoai.com.br/",
    summary: {
      pt: "Assistente guiado por IA para psicólogos — transcreve sessões, sintetiza temas e sugere caminhos clínicos para a próxima consulta.",
      en: "AI-guided assistant for psychologists — transcribes sessions, synthesizes themes and suggests clinical paths for the next consultation.",
    },
    context: {
      pt: "Atuei como product designer da PsicoAI, traduzindo visualmente as funcionalidades mapeadas com a equipe em uma interface clínica, leve e neutra. A IA do produto sintetiza as informações dos encontros do psicólogo com o paciente, entrega resultados visíveis em painéis e aponta sugestões para as próximas consultas — facilitando laudos, organização e tomada de decisão. A plataforma também cobre agendamentos, financeiro, modelos de anamnese e integração com Google Meet. Trabalhei desde o desenho do design system até o detalhamento de cada fluxo de produto, garantindo consistência visual e fluidez na operação clínica. Além do webapp e da extensão Chrome, também desenvolvi a landing page institucional da PsicoAI — porta de entrada para captação de novos psicólogos.",
      en: "I worked as product designer at PsicoAI, visually translating the features mapped with the team into a clinical, light and neutral interface. The product's AI synthesizes information from the psychologist-patient encounters, delivers visible results in dashboards and suggests paths for upcoming consultations — easing reports, organization and decision-making. The platform also covers scheduling, financial, anamnesis templates and Google Meet integration. I worked from design-system foundations to detailing every product flow, ensuring visual consistency and operational flow. Beyond the webapp and the Chrome extension, I also designed and built PsicoAI's institutional landing page — the entry point for onboarding new psychologists.",
    },
    services: ["UX Strategy", "UI Design", "Design System", "Landing Page", "Product Flows"],
    palette: ["#0a0a0a", "#7c5cff", "#f6f5f2"],
    carousels: [
      {
        title: { pt: "Telas dentro do app", en: "Inside the app" },
        aspect: "16/9",
        cardWidth: "clamp(420px, 56vw, 820px)",
        images: [
          "assets/psicoai-app-01.jpg",
          "assets/psicoai-app-02.jpg",
          "assets/psicoai-app-03.jpg",
          "assets/psicoai-app-04.jpg",
        ],
      },
      {
        title: { pt: "Telas da extensão Chrome", en: "Chrome extension screens" },
        description: {
          pt: "Desenvolvemos uma extensão para o Google Chrome que captura e transcreve as gravações das sessões, enviando essas informações direto para o app — o psicólogo grava em um clique e a IA assume o resto.",
          en: "We built a Google Chrome extension that captures and transcribes session recordings, sending the data straight into the app — the psychologist records in one click and the AI handles the rest.",
        },
        aspect: "10/11",
        cardWidth: "clamp(280px, 30vw, 420px)",
        images: [
          "assets/psicoai-ext-01.jpg",
          "assets/psicoai-ext-02.jpg",
          "assets/psicoai-ext-03.jpg",
          "assets/psicoai-ext-04.jpg",
          "assets/psicoai-ext-05.jpg",
          "assets/psicoai-ext-06.jpg",
          "assets/psicoai-ext-07.jpg",
          "assets/psicoai-ext-08.jpg",
          "assets/psicoai-ext-09.jpg",
        ],
      },
    ],
  },
  {
    id: "projeti",
    n: "04",
    name: "Projeti",
    year: "2025",
    role: { pt: "App conceitual — projeto acadêmico", en: "Conceptual app — academic project" },
    type: { pt: "Educação · Mobile", en: "Education · Mobile" },
    tools: ["Figma", "User Research"],
    cover: "assets/projeti-cover.jpg",
    summary: {
      pt: "App conceitual para gestão de projetos acadêmicos que fortalece a comunicação entre estudantes e professores de design.",
      en: "Conceptual app for academic project management, strengthening the communication between design students and professors.",
    },
    context: {
      pt: "Pesquisa de campo na UFPel revelou que orientação de projetos vive espalhada entre WhatsApp, e-mail e papel. Projeti propõe um espaço único, calmo, onde feedback tem contexto e a entrega tem ritual. O app foi desenhado em modo escuro com cards estruturados, barras de progresso por entrega e elementos gráficos 3D que dão personalidade ao espaço acadêmico sem comprometer a hierarquia.",
      en: "Field research at UFPel showed that project mentoring is scattered across WhatsApp, e-mail and paper. Projeti proposes a single calm space where feedback has context and delivery has ritual. The app was designed in dark mode with structured cards, per-deliverable progress bars and 3D graphics that bring personality to the academic space without compromising hierarchy.",
    },
    services: ["UX Research", "App Design", "Academic Paper"],
    palette: ["#0a0a0a", "#2a5cff", "#b09cff"],
    carousels: [
      {
        title: { pt: "Telas do app", en: "App screens" },
        aspect: "4/3",
        cardWidth: "clamp(420px, 60vw, 900px)",
        images: [
          "assets/projeti-01.jpg",
          "assets/projeti-02.jpg",
          "assets/projeti-03.jpg",
        ],
      },
    ],
  },
  {
    id: "karbono0",
    n: "05",
    name: "Karbono 0",
    year: "2024",
    role: { pt: "Pesquisa, marca e prototipação — Startup Weekend Pelotas", en: "Research, brand & prototyping — Startup Weekend Pelotas" },
    type: { pt: "Sustentabilidade · Marketplace", en: "Sustainability · Marketplace" },
    tools: ["Figma", "Design Sprint"],
    cover: "assets/karbono0-cover.jpg",
    gallery: ["assets/karbono0-screens.jpg"],
    screens: [
      "assets/karbono0-screen-01.jpg",
      "assets/karbono0-screen-02.jpg",
      "assets/karbono0-screen-03.jpg",
      "assets/karbono0-screen-04.jpg",
      "assets/karbono0-screen-05.jpg",
      "assets/karbono0-screen-06.jpg",
      "assets/karbono0-screen-07.jpg",
    ],
    prototypeUrl: "https://www.figma.com/proto/Wme0T4V45vkYEYhPId4SJF/Karbono0?node-id=1-3&viewport=-30%2C453%2C0.37&t=E5fqNiqN5OoGlKjd-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=1%3A3&show-proto-sidebar=1&page-id=0%3A1",
    prototypeCta: {
      pt: "Teste o seu cálculo de gasto de karbono clicando aqui",
      en: "Try the carbon footprint calculator — click here",
    },
    summary: {
      pt: "Calculadora de pegada de carbono prototipada em uma manhã — porta de entrada para um marketplace de descarbonização.",
      en: "Carbon footprint calculator prototyped in a single morning — the gateway to a decarbonization marketplace.",
    },
    context: {
      pt: "Projeto desenvolvido durante o Startup Weekend Pelotas 2024 — fim de semana onde times constroem uma startup do zero, do problema ao pitch de venda. Fui o designer da equipe e, em paralelo, conduzi as metodologias ágeis e as pesquisas de validação ao longo do processo. No domingo, dia final, criei a marca Karbono 0 — definindo cores, tipografia e identidade — e em uma única manhã (cerca de 3 horas) prototipei a calculadora de pegada de carbono e o marketplace de descarbonização. A entrega cobriu tudo da pesquisa ao pitch, transformando uma métrica abstrata em uma experiência tangível.",
      en: "Project built during Startup Weekend Pelotas 2024 — a weekend where teams build a startup from scratch, from problem to sales pitch. I led design for the team and, in parallel, drove agile methodology and validation research throughout the process. On Sunday, the final day, I created the Karbono 0 brand — defining colors, typography and identity — and in a single morning (around 3 hours) prototyped the carbon footprint calculator and the decarbonization marketplace. The delivery covered everything from research to pitch, turning an abstract metric into a tangible experience.",
    },
    services: ["Brand Identity", "User Research", "Agile Facilitation", "Rapid Prototyping"],
    palette: ["#0a0a0a", "#3ec23b", "#0e1f47"],
  },
  {
    id: "madeireira",
    n: "06",
    name: "Madeireira Catarinense",
    year: "2024",
    role: { pt: "Site institucional & geração de leads", en: "Institutional website & lead generation" },
    type: { pt: "Indústria · B2B", en: "Industry · B2B" },
    tools: ["Webflow", "Figma"],
    cover: "assets/madeireira-cover.jpg",
    gallery: ["assets/madeireira-full.jpg"],
    summary: {
      pt: "Site institucional para uma das maiores referências de Santa Catarina em fornecimento de madeiras para projetos imobiliários e arquitetônicos.",
      en: "Institutional website for one of Santa Catarina's leading suppliers of timber for real-estate and architectural projects.",
    },
    context: {
      pt: "Desenvolvi um site institucional com o objetivo de promover os principais produtos da Madeireira Catarinense — empresa com mais de 25 anos de experiência, referência em qualidade e compromisso com a sustentabilidade. A solução cobre desde a apresentação de produtos (madeira bruta a materiais processados) até a geração de leads qualificados, equilibrando peso industrial e clareza editorial.",
      en: "I built an institutional website to showcase the core products of Madeireira Catarinense — a company with 25+ years of experience known for quality and sustainability. The site spans from product presentation (raw timber to processed materials) to qualified lead generation, balancing industrial weight with editorial clarity.",
    },
    services: ["Web Design", "Webflow Dev", "Lead Funnel", "Content Strategy"],
    palette: ["#1c1c1c", "#ecebe7", "#8a2c1d"],
  },
].filter(p => !p.id.startsWith("_"));

const I18N = {
  pt: {
    nav: { work: "Trabalhos", about: "Sobre", contact: "Contato", index: "Índice" },
    hero: {
      eyebrow: "Product Designer · Brasília-DF",
      name1: "Fabrício",
      name2: "Parra",
      tagline: "Design de produto na intersecção de UX, interface e ritmo de prototipação pixel-perfect.",
      scroll: "Role para ver",
    },
    work: {
      title: "Trabalhos selecionados",
      subtitle: "Seis projetos · 2024 — 2026",
      view: "Ver projeto",
    },
    about: {
      title: "Sobre",
      kicker: "Designer há 5+ anos · UX há 2",
      bio: "Designer de Produto com mais de 5 anos de experiência, especializado em experiências digitais que equilibram necessidades do usuário e impacto de negócio. Reconhecido aos 18 anos com um prêmio nacional de design, hoje atuo na interseção entre design de produto, desenvolvimento low-code e estratégia orientada por IA.",
      bio2: "Apaixonado por viajar — expandi bastante esse repertório durante o intercâmbio que fiz pela Europa entre outubro de 2025 e fevereiro de 2026. Nerd de berço com gosto musical eclético, meu hobby é estar à frente de toda tecnologia emergente. Nascido no interior de São Paulo, mudei para Brasília aos 14 e aos 18 fui morar em Pelotas-RS.",
      highlightsTitle: "Destaques",
      highlights: [
        "Prêmio nacional de design aos 18",
        "Caminho de Santiago concluído",
        "Intercâmbio Europa · Out 2025 — Fev 2026",
        "5+ anos em produto e interface",
      ],
      experienceTitle: "Experiência",
      experience: [
        { role: "UX/UI Designer (Pleno) · Web & Produtos Digitais", company: "Atem Mídia Digital — São Paulo, BR", period: "Dez 2025 — presente", desc: "Responsável pelo desenvolvimento e manutenção dos sites institucionais em WordPress e Framer, criação e otimização de interfaces web e suporte ao desenvolvimento de produtos digitais proprietários." },
        { role: "Designer Visual & Web", company: "Atem Mídia Digital — São Paulo, BR", period: "Jun 2025 — Dez 2025", desc: "Criação de interfaces e materiais gráficos para campanhas de marketing digital. Landing pages focadas em conversão, visuais para redes sociais e materiais institucionais — em integração com tráfego, copy e design." },
        { role: "Bolsista de Desenvolvimento Institucional", company: "UFPel · CEHUS — Pelotas, BR", period: "Jun 2025 — presente", desc: "Gestão da implementação de ações institucionais estratégicas, especialização em WordPress e manutenção do site principal. Assistência técnica à gestão administrativa da graduação." },
        { role: "Estagiário de Web Design", company: "Atem Mídia Digital — São Paulo, BR", period: "Fev 2023 — Fev 2024", desc: "Desenvolvimento low-code e design de interfaces com Webflow, Elementor e WordPress. Otimização de landing pages com aumento mensurável em conversão." },
      ],
      educationTitle: "Formação",
      education: [
        { course: "Bacharelado em Design Digital", school: "Universidade Federal de Pelotas — UFPel", period: "Out 2022 — 2026 (em andamento)" },
        { course: "Mobilidade em Arte e Design", school: "Instituto Politécnico de Bragança — Portugal", period: "Out 2025 — Fev 2026" },
      ],
      languagesTitle: "Idiomas",
      languages: [
        { name: "Português", level: "Nativo" },
        { name: "Inglês", level: "Fluente" },
        { name: "Espanhol", level: "Intermediário" },
      ],
      certificationsTitle: "Certificações",
      certifications: [
        "Figma to Webflow",
        "Motion Design",
      ],
      toolsTitle: "Ferramentas & Skills",
      toolsList: ["Figma", "Framer", "Webflow", "WordPress", "Elementor", "GSAP", "Notion", "Cursor", "Claude", "Lovable", "AI Workflow", "Vibe Coding"],
      now: "Agora",
      nowText: "Disponível para projetos.",
      stack: "Ferramentas",
      stackList: ["Figma", "Framer", "GSAP", "Notion", "Cursor", "Claude"],
    },
    project: {
      back: "Voltar para trabalhos",
      context: "Contexto",
      role: "Função",
      year: "Ano",
      type: "Tipo",
      services: "Entregas",
      next: "Próximo projeto",
      clickToOpen: "Clique para abrir",
    },
    contact: {
      title: "Vamos conversar",
      subtitle: "Conta um pouco do seu projeto. Respondo em até 48h.",
      step: "Pergunta",
      of: "de",
      next: "Próximo",
      back: "Voltar",
      submit: "Enviar",
      enterToContinue: "Pressione Enter para continuar",
      q1: { label: "01", title: "Como você se chama?", placeholder: "Seu nome completo" },
      q2: { label: "02", title: "Qual é o seu WhatsApp?", placeholder: "+55 11 99999-9999" },
      q3: { label: "03", title: "E o seu melhor e-mail?", placeholder: "voce@email.com" },
      q4: { label: "04", title: "Qual o investimento previsto?", options: ["R$ 1k — 5k", "R$ 5k — 10k", "R$ 10k — 20k", "R$ 20k+"] },
      q5: { label: "05", title: "Conte um pouco mais do seu projeto.", placeholder: "Tipo, escopo, prazo, referências…" },
      done: { title: "Mensagem enviada.", body: "Obrigado, vou te responder em breve no e-mail informado.", restart: "Enviar outra" },
      sending: "Enviando…",
      error: { title: "Ops, algo deu errado.", body: "Tente novamente em alguns segundos ou me chame direto no e-mail.", retry: "Tentar novamente" },
    },
    footer: {
      avail: "Disponível para freelas",
      basedIn: "Operando de Brasília-DF",
      copy: "© 2026 Fabrício Parra",
      mail: "Email",
      linkedin: "LinkedIn",
    },
  },
  en: {
    nav: { work: "Work", about: "About", contact: "Contact", index: "Index" },
    hero: {
      eyebrow: "Product Designer · Brasília, BR",
      name1: "Fabrício",
      name2: "Parra",
      tagline: "Product design at the intersection of UX, interface and pixel-perfect prototyping rhythm.",
      scroll: "Scroll to explore",
    },
    work: {
      title: "Selected work",
      subtitle: "Six projects · 2024 — 2026",
      view: "View project",
    },
    about: {
      title: "About",
      kicker: "Designer for 5+ years · UX for 2",
      bio: "Product Designer with 5+ years of experience, specialized in digital experiences that balance user needs and business impact. Recognized at 18 with a national design award, today I work at the intersection of product design, low-code development and AI-driven strategy.",
      bio2: "In love with travel — I expanded that repertoire massively during my exchange program across Europe from October 2025 to February 2026. Nerd by birth with eclectic music taste, my hobby is staying ahead of every emerging technology. Born in the countryside of São Paulo, moved to Brasília at 14, then to Pelotas (RS) at 18.",
      highlightsTitle: "Highlights",
      highlights: [
        "National design award at 18",
        "Walked the Camino de Santiago",
        "Europe exchange · Oct 2025 — Feb 2026",
        "5+ years in product & interface",
      ],
      experienceTitle: "Experience",
      experience: [
        { role: "UX/UI Designer (Mid) · Web & Digital Products", company: "Atem Mídia Digital — São Paulo, BR", period: "Dec 2025 — present", desc: "Responsible for developing and maintaining institutional websites on WordPress and Framer, designing and optimizing web interfaces, and supporting the development of proprietary digital products." },
        { role: "Visual & Web Designer", company: "Atem Mídia Digital — São Paulo, BR", period: "Jun 2025 — Dec 2025", desc: "Interface and graphic design for digital marketing campaigns. Conversion-focused landing pages, social media visuals and institutional assets — integrated with paid traffic, copy and design teams." },
        { role: "Institutional Development Fellow", company: "UFPel · CEHUS — Pelotas, BR", period: "Jun 2025 — present", desc: "Managed implementation of strategic institutional initiatives, specialized in WordPress and maintenance of the main institutional website. Technical support to undergrad administrative management." },
        { role: "Web Design Intern", company: "Atem Mídia Digital — São Paulo, BR", period: "Feb 2023 — Feb 2024", desc: "Low-code development and interface design with Webflow, Elementor and WordPress. Landing page optimization with measurable conversion lifts." },
      ],
      educationTitle: "Education",
      education: [
        { course: "BA in Digital Design", school: "Federal University of Pelotas — UFPel", period: "Oct 2022 — 2026 (ongoing)" },
        { course: "Mobility in Art & Design", school: "Polytechnic Institute of Bragança — Portugal", period: "Oct 2025 — Feb 2026" },
      ],
      languagesTitle: "Languages",
      languages: [
        { name: "Portuguese", level: "Native" },
        { name: "English", level: "Fluent" },
        { name: "Spanish", level: "Intermediate" },
      ],
      certificationsTitle: "Certifications",
      certifications: [
        "Figma to Webflow",
        "Motion Design",
      ],
      toolsTitle: "Tools & Skills",
      toolsList: ["Figma", "Framer", "Webflow", "WordPress", "Elementor", "GSAP", "Notion", "Cursor", "Claude", "Lovable", "AI Workflow", "Vibe Coding"],
      now: "Now",
      nowText: "Available for projects.",
      stack: "Tools",
      stackList: ["Figma", "Framer", "GSAP", "Notion", "Cursor", "Claude"],
    },
    project: {
      back: "Back to work",
      context: "Context",
      role: "Role",
      year: "Year",
      type: "Type",
      services: "Deliverables",
      next: "Next project",
      clickToOpen: "Click to open",
    },
    contact: {
      title: "Let's talk",
      subtitle: "Tell me a bit about your project. I'll get back within 48h.",
      step: "Question",
      of: "of",
      next: "Next",
      back: "Back",
      submit: "Send",
      enterToContinue: "Press Enter to continue",
      q1: { label: "01", title: "What's your name?", placeholder: "Full name" },
      q2: { label: "02", title: "What's your WhatsApp?", placeholder: "+1 555 555 5555" },
      q3: { label: "03", title: "And your best email?", placeholder: "you@email.com" },
      q4: { label: "04", title: "Estimated budget?", options: ["$ 1k — 5k", "$ 5k — 10k", "$ 10k — 20k", "$ 20k+"] },
      q5: { label: "05", title: "Tell me more about your project.", placeholder: "Type, scope, deadline, references…" },
      done: { title: "Message sent.", body: "Thanks — I'll reply soon on the email you provided.", restart: "Send another" },
      sending: "Sending…",
      error: { title: "Oops, something went wrong.", body: "Please try again in a few seconds or reach me directly by email.", retry: "Try again" },
    },
    footer: {
      avail: "Available for freelance",
      basedIn: "Operating from Brasília, BR",
      copy: "© 2026 Fabrício Parra",
      mail: "Email",
      linkedin: "LinkedIn",
    },
  },
};

Object.assign(window, { PROJECTS, I18N });