nipponboardspt 2.0.0

package/.lovable/plan/nippon-boards-landing-page-2026-09-22.md

@@ -0,0 +1,27 @@
+# Nippon Boards — Landing Page
+
+## Objetivo
+Criar uma página única, rápida e responsiva, com uma estética de laboratório eletrónico: grafite, cinza técnico e vermelho de precisão.
+
+## Conteúdo e experiência
+- Cabeçalho fixo com marca, navegação por secções e pedido de diagnóstico.
+- Abertura imersiva com imagem macro de PCB, mensagem principal e contactos destacados.
+- Grelha das cinco especialidades, com iconografia técnica e descrições concisas.
+- Processo de envio em quatro passos, fácil de compreender.
+- Galeria de imagens técnicas com legendas que identificam as fotografias a substituir no futuro.
+- Perguntas frequentes para reduzir dúvidas antes do contacto.
+- Formulário completo de diagnóstico, incluindo seleção de categoria, intervenção anterior e até três fotografias.
+- Rodapé com contactos e a nota sobre montagem/desmontagem no veículo.
+
+## Direção visual
+- Fundo grafite e superfícies claras alternadas, vermelho Nippon como destaque.
+- Tipografia industrial contemporânea, grelha precisa e detalhes inspirados em pistas de circuito.
+- Imagens geradas com aspeto fotográfico, usadas como substitutos de alta qualidade e claramente identificadas.
+- Animações discretas, acessíveis e adaptadas a telemóvel.
+
+## Detalhes técnicos
+- Implementação no projeto React/TanStack atual, equivalente ao resultado estático pedido e sem dependências de servidor.
+- Tailwind CSS com cores e estilos definidos por tokens semânticos.
+- Formulário com validação no navegador e confirmação local; envio externo fica pronto para ligar quando existir um destino de e-mail/serviço.
+- WhatsApp preparado com mensagem inicial; o número real será necessário para ativar o contacto direto.
+- Metadados completos em português para partilha e pesquisa.

package/.lovable/project.json

@@ -0,0 +1,5 @@
+{
+  "schemaVersion": 1,
+  "template": "tanstack_start_ts_current",
+  "revision": "tanstack_start_ts_current-ad123148fd3e"
+}

package/.prettierignore

@@ -0,0 +1,8 @@
+node_modules
+dist
+.output
+.vinxi
+pnpm-lock.yaml
+package-lock.json
+bun.lock
+routeTree.gen.ts

package/.prettierrc

@@ -0,0 +1,6 @@
+{
+  "printWidth": 100,
+  "semi": true,
+  "singleQuote": false,
+  "trailingComma": "all"
+}

package/AGENTS.md

@@ -0,0 +1,10 @@
+<!-- LOVABLE:BEGIN -->
+> [!IMPORTANT]
+> This project is connected to [Lovable](https://lovable.dev). Avoid rewriting
+> published git history — force pushing, or rebasing/amending/squashing commits
+> that are already pushed — as it rewrites history on Lovable's side and the
+> user will likely lose their project history.
+>
+> Commits you push to the connected branch sync back to Lovable and show up in
+> the editor, so keep the branch in a working state.
+<!-- LOVABLE:END -->

package/README.md

@@ -0,0 +1,134 @@
+# Nippon Boards Lab
+
+# Contexto do Projeto
+
+Sou proprietário da "Nippon Boards", uma oficina de eletrónica especializada em diagnóstico e reparação ao nível do componente (micro-soldadura). Inicialmente, o foco era 100% automóvel, mas dada a concorrência, expandi o negócio para aceitar "um pouco de tudo" o que envolva reparação complexa de PCBs (circuitos impressos).
+
+O site atual está desatualizado e focado apenas em auto. Preciso de uma nova Landing Page (página única) que espelhe esta nova realidade abrangente, mantendo uma imagem técnica, profissional e de confiança.
+
+# Requisitos Técnicos
+
+1.  **Framework:** SvelteKit (preferencial) ou Astro. Quero um site estático (SSG), ultraleve e rápido.
+
+2.  **Estilização:** Tailwind CSS. Design moderno, limpo, focado na "bancada de trabalho".
+
+3.  **Cores:** O design deve ser construído em torno do logo existente (fornecido em anexo como `image_0.png`). O logo tem texto cinza escuro ("NIPPON boards") e dois discos vermelhos sólidos no lugar dos "O"s.
+
+    *   Usa um fundo escuro/grafite (`#1e1e1e` ou semelhante) para o header e secções técnicas, para destacar o vermelho e o cinza do logo.
+
+    *   Usa o vermelho do logo como cor de destaque (CTAs, ícones).
+
+4.  **Imagens:** Como não tenho fotos profissionais da minha bancada ainda, gera espaços reservados (placeholders) de alta qualidade com descrições do que deve estar lá (ex: "Foto macro de micro-soldadura sob microscópio", "Foto de ECU automóvel aberta").
+
+# Requisitos de Copywriting (Português de Portugal)
+
+Usa uma linguagem técnica mas acessível, que transmita autoridade e precisão.
+
+### Estrutura da Página:
+
+## 1. Header (Navegação)
+
+*   **Logo:** Posiciona o logo fornecido (`image_0.png`) de forma nítida à esquerda.
+
+*   **Menu:** Especialidades · Como Funciona · Galeria · FAQ.
+
+*   **CTA Botão:** Pedir Diagnóstico.
+
+## 2. Hero Section (Início)
+
+*   **Tagline superior:** Laboratório de Eletrónica & Micro-soldadura.
+
+*   **H1:** Reparação eletrónica ao nível do componente. Recuperamos onde outros recomendam substituir.
+
+*   **Subtítulo:** Diagnóstico em bancada, micro-soldadura e reconstrução de placas de circuitos (PCB). Desde eletrónica automóvel e áudio clássico a consolas e equipamentos premium.
+
+*   **CTAs:**
+
+    *   Botão Primário (Vermelho do logo): [Pedir Orçamento Gratuito] (scroll para o formulário).
+
+    *   Botão Secundário (Outline): [Falar no WhatsApp] (link para API WhatsApp).
+
+*   **Imagem de Fundo:** Uma imagem estilizada de uma placa de circuito complexa sob um microscópio digital (ver `image_1.png` para inspiração de ambiente).
+
+## 3. Secção de Especialidades
+
+Gera uma grelha de cartões (cards) para estas 5 categorias:
+
+1.  **Eletrónica Automóvel & Clássicos:** ECUs, quadrantes, módulos de conforto, rádios vintage.
+
+2.  **Consolas de Jogos & Portáteis:** Nintendo Switch, PS4/PS5, Xbox (portas HDMI/USB-C, chips de potência).
+
+3.  **Equipamentos Premium & Fontes de Alimentação:** Módulos de controlo (ex: Dyson), ferramentas a bateria, fontes industriais.
+
+4.  **Áudio Vintage & Hi-Fi:** Amplificadores, auto-rádios clássicos (restauro de condensadores).
+
+5.  **Reconstrução de Placas (PCB Rework):** Pistas rompidas, corrosão líquida, pads arrancados, substituição de chips BGA.
+
+*Cada cartão deve ter um ícone técnico e uma descrição curta baseada nestes pontos.*
+
+## 4. Secção: Como Funciona o Envio
+
+Cria um fluxo visual de 4 passos:
+
+1.  `[Ícone: Mensagem]` **Contacto & Triagem:** Formulário online ou WhatsApp.
+
+2.  `[Ícone: Caixa]` **Envio da Peça:** Por transportadora ou CTT Expresso.
+
+3.  `[Ícone: Microscópio]` **Diagnóstico & Orçamento:** Análise na bancada.
+
+4.  `[Ícone: Check]` **Reparação & Teste:** Devolução testada.
+
+## 5. Secção: Formulário de Pedido de Diagnóstico
+
+Este é o elemento de conversão principal. Cria um formulário limpo com os seguintes campos:
+
+*   Nome Completo (Texto)
+
+*   Contacto Telefónico / WhatsApp (Tel)
+
+*   E-mail (E-mail)
+
+*   Categoria do Equipamento (Dropdown: Automóvel, Consola, Eletrodoméstico, Áudio, Outro)
+
+*   Marca e Modelo Exato (Texto)
+
+*   Sintoma / Problema (Textarea)
+
+*   Já foi intervencionado por outra pessoa? (Rádio: Sim / Não)
+
+*   Upload de Fotos (Campo de ficheiro para até 3 imagens da placa/defeito).
+
+*   Botão de Submissão (Vermelho do logo): [Enviar Pedido de Diagnóstico]
+
+## 6. Footer
+
+*   Logo simplificado.
+
+*   Links rápidos, morada (se aplicável), e-mail e ícones de redes sociais.
+
+*   Nota: "Não realizamos montagem/desmontagem de componentes no veículo. Apenas reparação da placa eletrónica."
+
+# Output Esperado
+
+Por favor, fornece o código completo e estruturado para uma página única em SvelteKit (ficheiros `.svelte`) ou Astro (ficheiros `.astro`), incluindo a configuração do Tailwind. Inclui também as instruções para integrar o logo (`image_0.png`) e os placeholders de imagem.
+
+This project was built with [Lovable](https://lovable.dev).
+
+## Build with Lovable
+
+Continue developing this project in the [Lovable editor](https://lovable.dev/projects/d22b34c8-0a77-5bc2-8a99-5728b479a7e0).
+
+- **Ship faster**: describe what you want to build and Lovable handles the code.
+- **Stay in sync**: every change made in Lovable is committed straight to this repository.
+- **Full ownership**: this code is yours. Push to `main` on GitLab and your changes sync back into Lovable, ready for your next prompt.
+
+## Development
+
+Prefer working locally? You need Node.js and npm — [install with nvm](https://github.com/nvm-sh/nvm#installing-and-updating).
+
+```sh
+git clone <this-repository-url>
+cd <repository-name>
+npm i
+npm run dev
+```