# METADAX — Apresentações & Propostas

Sistema de propostas comerciais digitais da **METADAX CONSULTORIA E SERVIÇOS**.

---

## Estrutura do Projeto

```
/
├── index.html                                    # Home global (sem links de propostas)
├── 404.html                                      # Página de erro padrão
├── server.js                                     # Servidor Node.js / Express
├── README.md
├── LICENSE
│
├── components/
│   ├── header.html                               # Header global (compartilhado)
│   └── footer.html                               # Footer global (compartilhado)
│
├── src/
│   ├── scripts/
│   │   └── js/
│   │       └── main.js                           # JavaScript global
│   └── styles/
│       └── css/
│           └── global.css                        # CSS global
│
└── app/
    └── v1/
        └── apresentacoes/
            └── -e-propostas/
                └── finintegra/
                    └── index.html                # Proposta FinIntegra
```

---

## Instalação e Uso

### Pré-requisitos

- [Node.js](https://nodejs.org/) v18+
- npm

### Instalação

```bash
npm install express
```

### Iniciar o servidor

```bash
node server.js
```

Por padrão, o servidor sobe na porta **3000**.  
Para customizar: `PORT=8080 node server.js`

---

## Componentes Globais

Header e footer são carregados dinamicamente via `fetch()` pelo `main.js`.  
Para adicionar ou alterar informações que aparecem em todas as páginas, edite apenas:

- `components/header.html`
- `components/footer.html`

---

## Adicionar Nova Proposta

1. Crie o diretório: `app/v1/apresentacoes/-e-propostas/<cliente>/`
2. Crie o `index.html` seguindo o padrão da proposta FinIntegra
3. Ajuste o caminho relativo para os assets globais conforme a profundidade da pasta

### Caminhos relativos por nível

| Localização | CSS | JS |
|---|---|---|
| Raiz `/` | `./src/styles/css/global.css` | `./src/scripts/js/main.js` |
| `app/v1/…/<cliente>/` | `../../../../src/styles/css/global.css` | `../../../../src/scripts/js/main.js` |

---

## Rastreamento

Todos os pixels e tags de rastreamento são incluídos em cada página HTML:

- **Google Tag Manager** — `GTM-5HXJR4W8`
- **Google Analytics** — `G-SEQKMX0QWC`
- **Meta Pixel** — `2314887192357729`

---

## Segurança

- Páginas marcadas com `noindex, nofollow` para todos os crawlers conhecidos
- Botão direito, seleção de texto, atalhos de DevTools e cópia desabilitados
- Detecção de DevTools por tamanho de janela
- Servidor bloqueia User-Agents de bots e scrapers conhecidos
- Headers de segurança HTTP aplicados em todas as respostas

---

## Identidade Visual

| Variável | Valor |
|---|---|
| Azul METADAX | `#0056B3` |
| Preto METADAX | `#1E1E1E` |
| Branco Gelo | `#FFFFFF` |
| Fonte Display | Syne |
| Fonte Corpo | DM Sans |

---

## Empresa

**METADAX CONSULTORIA LTDA — METADAX CONSULTORIA E SERVIÇOS**  
CNPJ: 65.640.808/0001-89  
Avenida Getúlio Vargas, 671, Sala 500, Parte 1364, Savassi  
Belo Horizonte, MG — CEP 30112-021