# Guia de Implantação — Site DGZOUP

Este documento explica como publicar o site no Netlify e como configurar o formulário de contacto para receberes os pedidos por email. É escrito para quem vai fazer o deploy, mesmo sem experiência técnica prévia com Netlify.

---

## 1. Estrutura do site

- Site estático (HTML/CSS/JS puro), **sem necessidade de build** — não há `npm install` nem comando de build a configurar no Netlify.
- Três versões de idioma: `/` (Português, principal), `/en/` (Inglês), `/fr/` (Francês).
- **Diretório a publicar:** a raiz do projeto (onde está o `index.html`).
- **Comando de build no Netlify:** deixar em branco / vazio.

---

## 2. Como publicar

### Opção A — Arrastar e largar (mais simples, sem conta Git)

1. Entra em [app.netlify.com](https://app.netlify.com) e cria conta/sessão.
2. Na página inicial do painel, arrasta a pasta inteira do projeto para a zona "Deploy manually".
3. O Netlify publica o site automaticamente e dá-te um endereço tipo `nome-aleatorio.netlify.app`.
4. Para atualizar o site no futuro com esta opção, repete o arrastar-largar com a pasta atualizada.

### Opção B — Ligado a um repositório Git (recomendado para manutenção contínua)

1. Sobe o projeto para um repositório (GitHub, GitLab ou Bitbucket).
2. No Netlify: "Add new site" → "Import an existing project" → escolhe o repositório.
3. Configurações de build:
   - **Build command:** deixar vazio
   - **Publish directory:** `.` (a raiz)
4. Cada vez que fizeres `git push`, o Netlify publica a versão nova automaticamente.

---

## 3. Configurar o domínio próprio (dgzoup.com)

1. No painel do site no Netlify: **Site configuration → Domain management → Add a domain**.
2. Escreve `dgzoup.com` e segue as instruções.
3. Duas formas de ligar o domínio:
   - **Usar os servidores DNS do Netlify** (mais simples): o Netlify dá-te 2-4 nameservers para configurares no sítio onde compraste o domínio.
   - **Manter o DNS atual**: adicionas um registo `CNAME` (ou `A`, conforme instruções do Netlify) apontando para o site.
4. O certificado HTTPS (SSL) é emitido automaticamente pelo Netlify, sem custo e sem ação extra, assim que o domínio estiver ligado.

---

## 4. Formulário de contacto — como funciona e o que falta configurar

O formulário de contacto (páginas `/contactos/`, `/en/contactos/`, `/fr/contactos/`) já está preparado no código para o **Netlify Forms** — não é preciso alterar HTML nem JavaScript. Falta apenas ativar a receção no painel do Netlify, feito **uma única vez**, depois do primeiro deploy:

### Passo a passo

1. **Publica o site pelo menos uma vez** (o Netlify só deteta o formulário depois de um deploy correr, escaneando o HTML publicado à procura de `data-netlify="true"`).
2. No painel do site: separador **Forms**. Deve aparecer um formulário chamado **"contacto"**.
   - As 3 línguas (PT/EN/FR) partilham o mesmo nome de formulário — todos os pedidos, seja qual for a língua da página, caem no mesmo sítio.
3. Para receberes as submissões por email: **Forms → Form notifications → Add notification → Email notification**.
   - Coloca o email que deve receber os pedidos (ex: `geral@dgzoup.com`).
   - Podes adicionar mais do que um email se for necessário.
4. Pronto — a partir daqui, cada pedido de orçamento submetido no site chega automaticamente a esse email.

### Proteção contra spam (já incluída)

O formulário já tem um campo "honeypot" invisível (`netlify-honeypot="bot-field"`) — um truque que engana robots automáticos de spam sem incomodar visitantes reais. Não precisa de reCAPTCHA nem configuração extra, mas se no futuro chegar spam em excesso, o Netlify permite adicionar reCAPTCHA em **Forms → Form detection settings**.

### Limite do plano gratuito

O plano gratuito do Netlify permite **100 submissões de formulário por mês**. Se o site gerar mais pedidos de orçamento do que isso, é preciso mudar para um plano pago do Netlify (a partir de poucos euros/mês) ou trocar para outro serviço de formulários. Vale a pena verificar isto periodicamente em **Forms** no painel.

### Upload de ficheiros no formulário

O campo de upload de ficheiros no formulário funciona automaticamente com o Netlify Forms — os ficheiros anexados ficam disponíveis para download em cada submissão, dentro do painel **Forms**.

---

## 5. Editar o site depois de publicado

Duas ferramentas já preparadas evitam ter de editar as 18 páginas uma a uma:

| Quero mudar... | Como fazer |
|---|---|
| Cabeçalho ou rodapé (menu, redes sociais, logo) | Editar só em `templates/header.*.html` / `templates/footer.*.html`, depois correr `node sync-partials.js` — atualiza as 18 páginas de uma vez |
| O ficheiro `style.css` ou `script.js` | Depois de editar, correr `node minify.js` — regenera as versões minificadas que o site realmente carrega |

**Importante:** se esquecer de correr estes comandos depois de editar, o site publicado fica com a versão antiga do cabeçalho/rodapé/estilos, mesmo que os ficheiros de origem estejam corretos. Correr sempre antes de publicar.

Requisito: ter [Node.js](https://nodejs.org) instalado no computador onde se edita o site (gratuito, só para correr estes dois comandos — não é preciso para o site funcionar depois de publicado).

---

## 6. Checklist rápido antes de entregar ao cliente final

- [ ] Site publicado no Netlify (Opção A ou B acima)
- [ ] Domínio `dgzoup.com` ligado e HTTPS ativo
- [ ] Separador **Forms** no Netlify mostra o formulário "contacto"
- [ ] Notificação por email configurada em **Forms → Form notifications**
- [ ] Teste real: submeter o formulário em `/contactos/` e confirmar que o email chega
