# Instituto Acolher - Projeto Web

## Sobre
Site institucional do **Instituto Acolher** — espaço de terapias holísticas comandado por **Juliana Raia**, em Belo Horizonte/MG.

- **Stack:** CodeIgniter 4.3.8, PHP 8.1.6, XAMPP
- **Caminho local:** `D:\xampp\htdocs\Instituto-acolher`
- **Dominio:** `institutoacolherterapias.com.br`
- **Servidor:** `server.whmservidor.com` (conta: `institutoacolher`)
- **Path no servidor:** `/home/institutoacolher/public_html/`
- **CSS:** Custom CSS (sem frameworks), design tokens com variaveis CSS
- **Fontes:** Inter, Playfair Display, Great Vibes, Pinyon Script
- **Email:** `contato@institutoacolherterapias.com.br`

## Estrutura
- **Layout:** `app/Views/layouts/main.php` (CI4 extend/section)
- **Partials:** `header.php`, `footer.php`
- **Paginas:** home, sobre, servicos, parceiros, contato, paq
- **Assets:** `public/assets/css/style.css`, `public/assets/js/main.js`
- **Email template:** `app/Views/emails/contato.php`

## Paleta de Cores (atualizada — redesign Lovable)
- Gold: `#D4A52A` | Gold Light: `#F0C649` | Gold Dark: `#AD7C1F`
- Moss: `#4F6238` | Moss Deep: `#303D1D` | Sage: `#5B6D49`
- Off-white: `#FDF9F2` | Champagne: `#F9F1DE` | Sage Light: `#F1F4EC`
- Fontes atuais: **Cormorant Garamond** (títulos serif font-light) + **Raleway** (corpo)

## Parceiros
- **Juliana Raia** — Fundadora, terapeuta integrativa e massoterapeuta
- **Daniela Maria** — Parceira, terapeuta integrativa, massoterapeuta e naturista, iridologista, +20 anos de experiencia

## Deploy
- Servidor: `server.whmservidor.com` (SSH root)
- Metodo: tar.gz via pscp, extrair no servidor, chown institutoacolher:institutoacolher
- DNS: Registro.br apontando para ns1/ns2.whmservidor.com
- IP: `107.150.43.90`

## Sessao 2026-04-16 - Alteracoes

### Pagina PAQ
- Hero: imagem paisagem verde com overlay transparente
- Titulo "PAQ" com fonte padrao (Great Vibes como demais paginas)
- Subtitulo "Pacote Acolher Quantico" com descricao expandida
- Secao "O que e o PAQ?" — imagem trocada para flor de lotus
- Secao "Beneficios do PAQ" — imagem cachoeira jardim japones
- Secao "Como funciona" — cards com mais definicao (border 0.15, shadow maior)
- Secao "Por que o PAQ e diferente?" — 3 cards (Olhar Individualizado, Terapias Integradas, Acolhimento Real)
- Secao "Terapias que compoem o PAQ" — imagem spa com velas e pedras
- Removida secao "Nosso Espaco e Sessoes" (repetia conteudo de servicos)
- CTA com background off-white

### Pagina Servicos
- Texto introducao movido para dentro do hero (max-width 750px)
- Background `bg-cristais.jpg` (imagem real de cristais) nas secoes com opacity 0.07
- Arquivo `bg-cristais.png` antigo era HTML do Vecteezy (corrompido)

### Pagina Parceiros (NOVA)
- Hero com banner personalizado
- Secao foto das duas juntas + frase inspiracional
- Secao Juliana Raia (fundadora) com foto e bio
- Secao Daniela Maria (parceira) com foto e bio
- CTA "Quer fazer parte da nossa rede?"
- Cores alternadas: white, off-white, white, off-white

### Pagina Contato
- Hero com banner e overlay transparente
- Formulario com envio por email (SMTP)
- Campo "Servico de Interesse" trocado de select para input texto livre
- Botao "Enviar Mensagem" (antes era "Enviar via WhatsApp")
- Mensagens flash de sucesso/erro
- Secao "Duvidas Frequentes" com 5 perguntas accordion
- Backend: rota POST `contato/enviar`, controller `enviarContato()`
- Template email HTML profissional em `app/Views/emails/contato.php`
- Config SMTP no `.env` (falta preencher SMTPPass no servidor)

### Cards em todo o site
- Borders mais visiveis: `rgba(67,101,36,0.15)` (antes 0.05-0.06)
- Sombras mais fortes: `0 4px 16px rgba(0,0,0,0.08)`
- Hover com sombra `0 8px 28px rgba(0,0,0,0.12)`
- Afeta: service-detail-card, step-card, testimonial-card, partner-card, paq-gallery-item

### Favicon
- Flor de lotus dourada (imagem do usuario)
- 64x64 PNG + apple-touch-icon 180x180

### Deploy
- Site deployado em `institutoacolherterapias.com.br`
- DNS em propagacao (Registro.br -> ns1/ns2.whmservidor.com)
- Todos os arquivos no servidor com permissoes corretas

### Sessao anterior (2026-04-13)
- Imagens de servicos trocadas (cristaloterapia, barras access, hipnoterapia, etc)
- Cards Numerologia e Eneagrama adicionados
- Hero servicos com bg silhueta meditando
- Icones SVG removidos dos cards de servicos

---

## Sessao 2026-05-07 — Redesign baseado no site Lovable

### Contexto
Cliente contratou um site Lovable como protótipo (`institutoacolherterapias.lovable.app`) e quer migrar a identidade visual + conteúdo para o CI4. O Lovable é SPA React com 11 imagens públicas e tem foco em **Tarô / PAQ / Formações**.

### Identidade visual aplicada
- **Fontes:** Cormorant Garamond (títulos) + Raleway (corpo) — substituem Inter+Playfair antigas
- **Paleta:** sistema HSL estilo shadcn (gold #D4A52A, moss #4F6238, champagne #F9F1DE)
- **Sem topbar** (removida) — navbar fixa com `backdrop-blur` e 8 itens
- Tags decorativas `✦ TEXTO ✦` em uppercase tracking-[0.4em]

### Estrutura — 9 paginas
- Existentes mantidas: `home`, `sobre`, `servicos` (Atendimento Individual), `paq`, `parceiros` (vira "Formações"), `contato`
- **NOVAS:** `/taro`, `/parcerias` (Daniela Maria), `/depoimentos`
- Routes + métodos no Home.php atualizados

### CSS overhaul (`public/assets/css/style.css`)
Adicionadas utilities Lovable: `.lovable-grid`, `.lovable-cards--2/3/4`, `.lovable-card --bordered --with-photo --glass`, `.lovable-photo` (com glow + frame dourado + cards flutuantes opcionais), `.lovable-strip` (faixa de bastidores zigue-zague), `.lovable-testimonial`, `.tag-decorative`, `.text-gradient-gold/moss`, `.bg-gradient-airy/sage/gold`, `.btn-pill-gold`, `.specialty-pill`, `.timeline` (linha do tempo exclusiva), `.paq-landscape-hero`, `.floating-image` (foto + badge + card flutuante), `.map-frame` (Google Maps embed). Animações `fade-in/-up/-shimmer`. Removidos efeitos pesados antigos (`.energy-particles`, `.juliana-bg-effects`, `.historia-spiral`).

### Imagens do Lovable (11) em `public/assets/img/lovable/`
- Hero: `hero-light.jpg` (mesa luminosa)
- Juliana: `juliana-3.jpg`, `juliana-4.jpg`, `juliana-5.jpg` (foto principal)
- **Daniela: nomes confusos** — `daniela-codigos.jpg` é a FOTO DA PESSOA (blazer verde), `daniela-naturopatia.jpg` é OBJETOS (ervas/iridologia)
- Tarô: `tarot-cards.jpg` (cartas Rider-Waite)
- Logos: `lotus-paq.png`, `logo-metodo-jr.png`, `logo-acolher-full.jpg`, `logo-icon.png`

### Conteúdo aplicado literal (do Lovable)
Títulos, subtítulos, badges, kickers, bullets, FAQs, marcas (PAQ, Da Dor à Leveza, Os Códigos da Leveza, Método Juliana Raia), tagline ("Instituto Acolher · Juliana Raia · Terapias Integrativas"), stats (37 anos · 9 anos · 19+ técnicas · 900+ vidas), endereço (Rua Vereador Orlando Bonfim, 83A — Planalto), 5 depoimentos reais do Instagram (extraídos de prints fornecidos pelo cliente), 11 especialidades da Daniela.

### Backup
`D:\xampp\htdocs\Instituto-acolher\_backup_20260507_101313\` (Views, css, js, Routes, Home antes do redesign)

### Lições aprendidas
- Cliente pressiona por replicação literal completa — manter posição firme e oferecer caminho `página + seção + texto exato` para aplicar pontualmente
- Sempre sugerir Ctrl+F5 antes de assumir bug — quase toda reclamação "não mudou nada" é cache
- Pedir screenshots quando reporte for vago
- Confirmar conteúdo das imagens visualmente antes de aplicar (nomes podem enganar)