Versão inicial do site Avanzato

2026-05-25 23:31:32 -03:00
commit 4eed31a206
155 changed files with 31304 additions and 0 deletions
@@ -0,0 +1,232 @@
+# Como Usar a Configuracao Central - Avanzato
+
+## O que mudou?
+
+Agora **tudo** (logo, redes sociais, contatos, enderecos, menu, etc.) esta em um unico arquivo:
+
+```
+src/config/site.ts
+```
+
+**Nao precisa mais editar Navigation.tsx, Footer.tsx ou qualquer componente!**
+
+---
+
+## EDITAR APENAS ESTE ARQUIVO
+
+### src/config/site.ts
+
+### 1. Trocar o Logo
+
+**Opcao A - SVG inline:**
+```typescript
+export const LOGO = {
+  svgInline: `<svg width="40" height="40">...COLE O SVG AQUI...</svg>`,
+  imageUrl: '', // Deixe vazio
+  text: 'avanzato',
+  textHighlight: '.',
+};
+```
+
+**Opcao B - Imagem (PNG/SVG):**
+```typescript
+export const LOGO = {
+  svgInline: '', // Deixe vazio
+  imageUrl: '/assets/logo.png', // Ou .svg
+  text: '', // Deixe vazio se nao quiser texto
+  textHighlight: '',
+};
+```
+
+### 2. Trocar Redes Sociais
+
+```typescript
+export const SOCIAL_LINKS = {
+  facebook: {
+    url: 'https://www.facebook.com/avanzatotec',
+    label: 'Facebook',
+  },
+  youtube: {
+    url: '', // Deixe vazio para OCULTAR
+    label: 'YouTube',
+  },
+  linkedin: {
+    url: 'https://www.linkedin.com/...',
+    label: 'LinkedIn',
+  },
+  instagram: {
+    url: 'https://www.instagram.com/...',
+    label: 'Instagram',
+  },
+};
+```
+
+Para **adicionar uma rede nova**, adicione uma linha:
+```typescript
+  tiktok: {
+    url: 'https://tiktok.com/...',
+    label: 'TikTok',
+    iconSvg: '', // Opcional: SVG customizado
+  },
+```
+
+### 3. Trocar Contatos
+
+```typescript
+export const CONTACT = {
+  phone: '(11) 4810-1704',
+  phoneRaw: '551148101704',
+  email: 'leads@avanzato.com.br',
+  supportUrl: 'https://suporte.avanzato.com.br/',
+};
+```
+
+### 4. Trocar Enderecos
+
+```typescript
+export const ADDRESSES = [
+  {
+    label: 'Escritorio Principal',
+    street: 'Rua Juiz de Fora, 76',
+    city: 'Guarulhos',
+    state: 'SP',
+    cep: '',
+  },
+  // Adicione mais ou remova
+];
+```
+
+### 5. Trocar Menu de Navegacao
+
+```typescript
+export const NAV_LINKS = [
+  { name: 'Home', href: '/' },
+  { name: 'Sobre', href: '/sobre' },
+  { name: 'Servicos', href: '#', submenu: [...] },
+];
+```
+
+### 6. Desabilitar WhatsApp Widget
+
+```typescript
+export const WHATSAPP_CONFIG = {
+  enabled: false, // Mude para false para ocultar
+  // ...
+};
+```
+
+---
+
+## APOS EDITAR
+
+Sempre que editar `site.ts`, faca:
+
+```bash
+npm run build
+```
+
+O build vai usar os novos valores automaticamente.
+
+---
+
+## SISTEMA DE PRESERVACAO DE ASSETS
+
+Para imagens que NAO devem ser sobrescritas no deploy:
+
+### 1. Crie a pasta de assets customizados
+
+```bash
+mkdir -p custom-assets/logo
+mkdir -p custom-assets/images
+```
+
+### 2. Coloque seus arquivos
+
+```
+custom-assets/
+  logo/
+    logo.png          <- Seu logo (substitui o do build)
+    favicon.ico       <- Favicon customizado
+  images/
+    hero-bg.jpg       <- Imagem do hero
+    about.jpg         <- Imagem da secao sobre
+```
+
+### 3. Execute o script apos o deploy
+
+```bash
+bash scripts/preserve-assets.sh /caminho/do/site/no/servidor
+```
+
+Ou se o site esta em `/var/www/avanzato`:
+
+```bash
+bash scripts/preserve-assets.sh /var/www/avanzato/dist
+```
+
+### O que o script faz?
+- Copia `logo/logo.*` para a pasta do site
+- Copia `images/*` para a pasta do site
+- Copia `fonts/*` se houver
+- **Nao altera** nenhum outro arquivo do build
+
+---
+
+## FLUXO DE TRABALHO RECOMENDADO
+
+### Quando editar config (textos, links, etc.):
+1. Edite `src/config/site.ts`
+2. Rode `npm run build`
+3. Deploy
+
+### Quando trocar apenas imagens/logo:
+1. Coloque a nova imagem em `custom-assets/`
+2. Rode `bash scripts/preserve-assets.sh /caminho/do/site`
+3. **Nao precisa rebuild!**
+
+### Quando eu (dev) atualizar o site:
+1. Eu faco as mudancas no codigo
+2. Build + deploy
+3. **Voce roda:** `bash scripts/preserve-assets.sh /caminho/do/site`
+4. Seu logo e imagens sao restaurados automaticamente!
+
+---
+
+## EXEMPLO COMPLETO
+
+### Cenario: Trocar apenas o logo
+
+**Passo 1:** Coloque o novo logo em `custom-assets/logo/logo.png`
+
+**Passo 2:** Execute:
+```bash
+bash scripts/preserve-assets.sh /var/www/avanzato/dist
+```
+
+**Resultado:**
+```
+[LOGO] Copiando logo.png...
+Concluido! 1 arquivo(s) preservado(s).
+```
+
+Pronto! O logo foi trocado sem precisar rebuild.
+
+---
+
+## PERGUNTAS FREQUENTES
+
+**Q: Preciso rebuild quando troco o logo via custom-assets?**
+R: Nao! O script copia diretamente.
+
+**Q: E se eu quiser trocar o texto do logo?**
+R: Ai sim, edite `site.ts` e faca rebuild.
+
+**Q: O script funciona em qualquer servidor?**
+R: Sim! Basta passar o caminho correto como argumento.
+
+**Q: Posso adicionar novas redes sociais?**
+R: Sim! Basta adicionar em `SOCIAL_LINKS` no `site.ts`.
+
+---
+
+*Documento criado em: Maio 2026*