Documento de cobrança referente aos serviços de desenvolvimento web prestados para OCTTO Engenharia.
+
+
+
+
+
+
+
+
diff --git a/docs/e-mail-final.md b/docs/e-mail-final.md
new file mode 100644
index 0000000..f8b9e18
--- /dev/null
+++ b/docs/e-mail-final.md
@@ -0,0 +1,104 @@
+---
+**IdealPages**
+Desenvolvimento de Soluções Web
+---
+
+## Prezado Cliente,
+
+Segue resumo das atividades realizadas e concluídas em seu site institucional:
+
+---
+
+### 📋 SERVIÇOS IMPLEMENTADOS
+
+#### 1. **Sistema de Logotipo Dinâmico**
+- Implementação de upload de logotipo através do painel administrativo
+- O logotipo é automaticamente exibido em todo o site (cabeçalho, rodapé e painel admin)
+- Substituição automática do ícone padrão pelo logotipo personalizado
+- Fallback inteligente mantém ícone caso nenhum logotipo seja configurado
+
+#### 2. **Painel de Configurações Reorganizado**
+- **4 abas funcionais para fácil gerenciamento:**
+ - **Personalização**: Cores e branding do site
+ - **Logotipo**: Upload e gerenciamento do logo
+ - **Contato**: Telefone, WhatsApp, email e endereço atualizados em tempo real
+ - **Backup**: Sistema completo de backup e restauração
+
+#### 3. **Sistema de Informações de Contato Dinâmicas**
+- Telefone, WhatsApp, email e endereço gerenciáveis via painel admin
+- Exibição automática na página de contato
+- Atualização em tempo real (sem necessidade de recarregar o site)
+- Integração com rodapé do site
+
+#### 4. **Badge de Prestador de Serviço**
+- Sistema de mostrar/ocultar badge de "Prestador de Serviço Oficial"
+- Personalizável com nome da marca parceira
+- Visível no hero da página inicial e no rodapé
+
+#### 5. **Sistema de Backup Completo**
+- Backup automático do banco de dados PostgreSQL
+- Backup de arquivos de mídia do MinIO
+- Compressão automática em .tar.gz
+- Opção de download local ou upload para nuvem
+- Sistema de restauração rápida
+
+#### 6. **Barra de Admin Inteligente**
+- Indicador visual quando usuário está logado
+- Acesso rápido ao painel administrativo
+- Aparece apenas para usuários autenticados
+
+---
+
+### ✅ FUNCIONALIDADES EM OPERAÇÃO
+
+✓ Logotipo dinâmico em Header, Footer e Painel Admin
+✓ Página de contato atualizada automaticamente com dados das Settings
+✓ Formulário de contato funcional e integrado
+✓ Sistema de backup e restauração completo
+✓ Painel admin com 4 abas organizadas e intuitivas
+✓ Badge de parceria configurável e dinâmico
+✓ Atualização em tempo real sem recarregar página
+✓ Suporte a múltiplos idiomas (PT, EN, ES)
+✓ Modo claro e escuro em toda interface
+
+---
+
+### 💰 DETALHES DA COBRANÇA
+
+**Valor Total:** R$ 2.700,00
+**Vencimento:** 4 de Dezembro de 2025
+
+**Descrição do Serviço:**
+Implementação completa do sistema de gerenciamento dinâmico do site (Logo, Configurações, Contato e Backup)
+
+---
+
+### 📞 PRÓXIMOS PASSOS
+
+1. Acesse o painel admin em `https://octtoengenharia.com.br/acesso`
+2. Faça login com as credenciais padrão:
+ - **Email:** admin@occto.com
+ - **Senha:** admin
+3. Vá para **Configurações > Logotipo** e faça upload do seu logo
+4. Configure as informações de contato em **Configurações > Contato**
+5. Personalize as cores em **Configurações > Personalização**
+6. Crie backups regularmente em **Configurações > Backup**
+
+⚠️ **Importante:** Recomendamos alterar a senha padrão na primeira acesso.
+
+---
+
+### 📧 SUPORTE
+
+Em caso de dúvidas ou necessidade de ajustes, entre em contato:
+
+📧 **Email:** erik@idealpages.com.br
+🌐 **Empresa:** IdealPages
+
+---
+
+**Atenciosamente,**
+**IdealPages**
+*Desenvolvimento de Soluções Web*
+
+---
diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx
index adcd788..0b61785 100644
--- a/frontend/src/components/Header.tsx
+++ b/frontend/src/components/Header.tsx
@@ -10,6 +10,7 @@ import SearchDropdown from './SearchDropdown';
export default function Header() {
const [isSearchOpen, setIsSearchOpen] = useState(false);
+ const [searchValue, setSearchValue] = useState('');
const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
const [isLoggedIn, setIsLoggedIn] = useState(false);
const [logo, setLogo] = useState(null);
@@ -145,12 +146,19 @@ export default function Header() {
type="text"
placeholder={t('nav.search')}
autoFocus
- onBlur={() => setIsSearchOpen(false)}
+ value={searchValue}
+ onChange={(e) => setSearchValue(e.target.value)}
+ onBlur={() => setTimeout(() => setIsSearchOpen(false), 200)}
className="bg-transparent border-none outline-none text-sm w-full text-gray-600 dark:text-gray-200 placeholder-gray-400"
/>
)}
- setIsSearchOpen(false)} />
+ setIsSearchOpen(false)}
+ />