# 📋 PROMPT COMPLETO - PLANODETV.COM.BR
## Site Premium de TV por Assinatura | Dark Mode | Alta Conversão

---

## 🔴 INSTRUÇÕES DE LINGUAGEM

**Regra Fundamental:**
- **Pense e execute em inglês** (lógica, estrutura, código)
- **Todo conteúdo visível em PT-BR** (textos, títulos, botões, CTAs, SEO, FAQ, etc.)
- Nunca misturar inglês no conteúdo do site, exceto marcas/nomes técnicos

---

## 🎯 CONTEXTO E OBJETIVO

### Domínio
`planodetv.com.br`

### Objetivo Principal
Criar um site comercial premium de TV por assinatura que:
- Pareça uma marca forte de entretenimento
- Gere leads via WhatsApp e telefone
- Esteja preparado para rankear no Google
- Seja otimizado para Bauru/SP e região
- Tenha apelo visual premium sem ficar pesado

---

## ⚠️ REGRAS CRÍTICAS

### ❌ Proibido
- Copiar sites de referência literalmente
- Inventar detalhes comerciais, condições, parcerias ou benefícios não confirmados
- Criar depoimentos, avaliações, selos, badges ou alegações falsos
- Afirmar "revendedor oficial", "parceiro autorizado", "representante Oi" sem confirmação
- Prometer instalação grátis/rápida, equipamentos, exclusividade sem verificação

### ✅ Obrigatório
- Usar placeholders editáveis: `[PLACEHOLDER – VALIDAR COMERCIALMENTE]`
- Informações honestas e verificáveis
- Disclaimers adequados: "Consulte disponibilidade, condições e regulamento."

---

## 📊 DADOS CONFIRMADOS DOS PLANOS

### 1. Diversão+
- Globoplay Grátis
- 119 canais (29 em HD)
- R$ 94,90/mês
- **Perfil:** Custo-benefício, entretenimento essencial

### 2. Família+
- Globoplay Grátis
- 170 canais (63 em HD)
- R$ 149,90/mês
- **Perfil:** Mais procurado, famílias

### 3. Futebol Total+
- Globoplay Grátis
- 175 canais (68 em HD)
- R$ 209,90/mês
- **Perfil:** Torcedores, esportes

### 4. Emoção Total+
- Globoplay Grátis
- 191 canais (84 em HD)
- R$ 309,90/mês
- **Perfil:** Mais completo, experiência total

---

## 🎨 DIREÇÃO VISUAL

### Estilo
**Ultra-moderno dark mode com estética premium de entretenimento**

### Paleta de Cores
| Elemento | Cor |
|----------|-----|
| Background Principal | Navy escuro / Quase preto (#0a0f1a) |
| Cards | Elevação escura com gradiente |
| Accent Principal | Verde premium (#22c55e) |
| Accent Secundário | Dourado (#fbbf24) |
| Texto Principal | Branco/quase branco |
| Texto Secundário | Cinza claro |
| Destaque "Grátis" | Vermelho (#ef4444) |

### Atmosfera Visual
- Background escuro com partículas/estrelas sutis
- Efeitos de glow/premium shine
- Contraste elegante
- Energia cinematográfica + esportiva
- Cards com bordas premium (dourado/verde)
- Hierarquia visual forte e limpa

### Identidade Visual Goals
O site deve parecer:
- Uma marca real de entretenimento
- Uma landing page premium de alta conversão
- Moderno e confiável
- Interface escura elegante e atual
- Layout polido, não genérico

---

## 📱 UX/UI RULES

### Design
- **Mobile-first** obrigatório
- Sticky WhatsApp CTA no mobile
- Sticky bottom CTA bar no mobile
- Forte foco de conversão above-the-fold
- Cards de planos para leitura rápida
- Comparação clara entre planos
- Navegação com mínima fricção

### Proibido
- Clutter visual
- Carrosséis pesados
- Animações desnecessárias
- Elementos que travem o scroll

### Priorizar
- Legibilidade
- Espaçamento
- Composição premium

---

## 🏗️ ARQUITETURA DO SITE

### Páginas Obrigatórias
```
/ (Homepage)
├── #inicio (Hero)
├── #planos (Plans)
├── #canais (Channels)
├── #faq (FAQ)
└── #contato (Contact)

/planos (Planos Overview)
/planos/diversao-mais
/planos/familia-mais
/planos/futebol-total-mais
/planos/emocao-total-mais
/canais (Grade de Canais)
/faq (Perguntas Frequentes)
/contato (Contato)
/privacidade (Política de Privacidade)
/termos (Termos e Condições)
/obrigado (Página de Conversão)
```

---

## 📄 ESTRUTURA DA HOMEPAGE

### 1. Header Sticky
- Logo/brand text
- Menu de navegação
- Botão WhatsApp CTA
- Botão Telefone CTA

### 2. Hero Section
- Badge: "Atendimento em Bauru e Região"
- Headline forte em PT-BR
- Subheadline persuasiva
- CTA primário: WhatsApp (verde, com glow)
- CTA secundário: Ligar
- Resumo compacto dos 4 planos (mini cards)
- Microcopy de trust
- Visual mood premium de entretenimento

### 3. Seção de Planos
- **4 cards premium em grid responsivo**
- Cada card contém:
  - Badge de destaque (se aplicável)
  - Nome do plano
  - Descrição do perfil
  - Preço em destaque
  - Estatísticas de canais (grid com separador)
  - Lista de features com checkmarks
  - Botão CTA "Contratar Agora"
- Destaque visual no plano "Família+" (mais procurado)
- Disclaimer: "Consulte disponibilidade, condições e regulamento."

### 4. Por Que Nos Escolher
Foco em:
- Variedade de entretenimento
- Planos para famílias
- Opções para futebol
- Praticidade na contratação
- Atendimento rápido e humano
- Clareza comercial
- Experiência premium

### 5. Qual Plano Combina com Você
Blocos de recomendação por perfil:
- Melhor custo-benefício → Diversão+
- Ideal para famílias → Família+
- Para amantes de futebol → Futebol Total+
- Experiência completa → Emoção Total+

### 6. Categorias de Canais
Grupos gerais (sem grade completa):
- Filmes e Séries
- Esportes
- Infantil
- Notícias
- Variedades
- Documentários

### 7. Como Funciona
- Escolha o plano
- Fale com o atendimento
- Confirme disponibilidade e condições
- Finalize a contratação

### 8. FAQ
Perguntas reais e úteis em PT-BR:
- Como contratar um plano de TV?
- Qual plano combina mais com a minha família?
- Como falar com o atendimento pelo WhatsApp?
- Os preços podem mudar?
- Como consultar disponibilidade?
- O que está incluso em cada plano?
- Como escolher entre os planos?
- Vocês atendem quais cidades?

### 9. Contato
- Telefone
- WhatsApp
- E-mail
- Endereço (Bauru, SP)
- Horário de atendimento (placeholder)
- Botões de contato direto

### 10. Footer
- Links de navegação interna
- Links institucionais
- Páginas legais
- Bloco de contato
- Aviso de privacidade
- Disclaimer operacional
- Copyright

---

## 🔍 ESTRATÉGIA SEO

### Requisitos Técnicos
- HTML5 semântico
- Apenas 1 H1 por página
- Hierarquia lógica H2/H3
- Internal linking forte
- Title tag único por página
- Meta description única por página
- Slugs legíveis e relevantes
- Mobile-first
- Local SEO para Bauru/SP
- Alt text descritivo
- Canonical URLs
- Open Graph
- Twitter Cards
- Breadcrumbs
- Sitemap
- robots.txt
- FAQ útil (não manipulação)

### Keywords Primárias (usar naturalmente)
- assinatura de tv
- plano de tv
- tv por assinatura
- pacote de tv
- canais de tv por assinatura
- plano de tv em bauru
- tv por assinatura em bauru
- planos com globoplay grátis

### Keywords Secundárias/Regionais
- tv por assinatura em bauru e região
- plano de tv em agudos
- plano de tv em pederneiras
- plano de tv em piratininga
- plano de tv em lençóis paulista
- plano de tv em jaú
- plano de tv em duartina

---

## 📊 STRUCTURED DATA (JSON-LD)

Implementar schemas que correspondam ao conteúdo visível:

### Obrigatórios
1. **Organization** - Info da marca, contato, localização
2. **WebSite** - Site search, publisher
3. **BreadcrumbList** - Hierarquia de navegação
4. **Product/ItemList** - Planos com preços
5. **FAQPage** - Perguntas frequentes
6. **ContactPoint** - Se aplicável

### Proibido
- Reviews falsos
- Ratings falsos
- Schema enganoso

---

## ⚡ PERFORMANCE TÉCNICA

### Otimizações
- HTML/CSS/JS leve
- Core Web Vitals otimizado
- Imagens otimizadas (WebP/AVIF)
- Lazy loading
- Mínimo layout shift
- Contraste acessível
- Navegação por teclado
- Formulários etiquetados
- Botões mobile-friendly (44px+)

### Evitar
- Scripts pesados
- Render-blocking excessivo
- CSS inflado

---

## 💼 CONVERSÃO

### Elementos Obrigatórios
- Lógica forte de conversão via WhatsApp
- CTA persistente no mobile
- Botões de ação nos cards de planos
- Microcopy de confiança
- Caminho de lead fácil
- Fluxo de contato com baixa fricção
- Hierarquia comercial forte

---

## 🖼️ SISTEMA DE IMAGENS (REFERÊNCIA VISUAL)

### Direção de Arte Baseada nas Imagens de Referência

As imagens de referência mostram:
- **Background escuro** com partículas/estrelas douradas
- **Cards com bordas premium** (efeito dourado/brilho)
- **Imagens temáticas** por plano (família, futebol, cinema)
- **Cores diferenciadas** por tipo de plano
- **CTAs em verde** com borda dourada
- **Texto amarelo** para preços e títulos
- **Destaque vermelho** para "Grátis"

### Imagens Necessárias

#### 1. Hero Section
- Composição widescreen cinematográfica
- Atmosfera premium de entretenimento
- Mix de TV, streaming, família, esportes
- Base escura com accent verde
- Espaço negativo para overlay de texto
- Funciona em desktop e mobile crop

#### 2. Imagens dos Planos
Cada plano deve ter atmosfera única:
- **Diversão+:** Filmes, séries, conforto, entretenimento moderno
- **Família+:** Família assistindo, aconchego, confiança
- **Futebol Total+:** Futebol, estádio, energia esportiva
- **Emoção Total+:** Entretenimento intenso, imersivo, premium

#### 3. Banner Promocional Mid-Page
- Horizontal panorâmico
- Apelo entretenimento + esportes + família
- Espaço para strip de CTA
- Premium, escuro, cinematográfico

#### 4. Background FAQ/Support
- Minimal, elegante
- Textura premium escura
- Muito leve para não competir

### Regras de Otimização de Imagens
- Leves e web-friendly
- Formato WebP/AVIF
- Compression-efficient
- Backgrounds limpos (sem ruído)
- Sem detalhes pequenos brilhantes
- Lazy loading ready
- Focal points visíveis em desktop e mobile

---

## 📋 PLACEHOLDERS PARA VALIDAÇÃO COMERCIAL

Itens que requerem confirmação:

```
[PLACEHOLDER – TELEFONE]
[PLACEHOLDER – WHATSAPP]
[PLACEHOLDER – EMAIL]
[PLACEHOLDER – HORÁRIO DE ATENDIMENTO]
[PLACEHOLDER – CONDIÇÕES DE INSTALAÇÃO]
[PLACEHOLDER – QUANTIDADE DE EQUIPAMENTOS/DECODERS]
[PLACEHOLDER – REGRAS DE CANCELAMENTO]
[PLACEHOLDER – PERÍODO DE FIDELIDADE]
[PLACEHOLDER – CONDIÇÕES PROMOCIONAIS]
[PLACEHOLDER – REQUISITOS DE INTERNET]
[PLACEHOLDER – TERMOS DE PAGAMENTO]
```

---

## ✅ CHECKLIST FINAL

### SEO
- [ ] Title tag único por página
- [ ] Meta description única por página
- [ ] HTML5 semântico
- [ ] 1 H1 por página
- [ ] Hierarquia H2/H3
- [ ] Alt text em imagens
- [ ] JSON-LD estruturado
- [ ] Open Graph
- [ ] Twitter Cards
- [ ] robots.txt
- [ ] sitemap.xml
- [ ] URLs canônicas

### Performance
- [ ] CSS leve
- [ ] JS mínimo
- [ ] Imagens otimizadas
- [ ] Lazy loading
- [ ] Sem layout shift

### UX/UI
- [ ] Mobile-first
- [ ] Header sticky
- [ ] CTA mobile sticky
- [ ] WhatsApp integrado
- [ ] Botões touch-friendly
- [ ] Contraste acessível
- [ ] Navegação por teclado

### Conversão
- [ ] CTA above-the-fold
- [ ] Múltiplos pontos de contato
- [ ] Cards de planos claros
- [ ] Trust signals (honestos)
- [ ] Disclaimers adequados

### Conteúdo
- [ ] Todo texto em PT-BR
- [ ] Sem informações falsas
- [ ] Placeholders onde necessário
- [ ] Hierarquia visual clara
- [ ] Copy persuasivo e honesto

---

## 📝 ENTREGÁVEIS

1. ✅ Posicionamento estratégico da marca
2. ✅ Arquitetura e mapa de páginas
3. ✅ Wireframe textual da homepage
4. ✅ Copy completa da homepage em PT-BR
5. ✅ Copy para páginas internas de planos
6. ✅ Pacote SEO (titles, metas, slugs, headings, keywords)
7. ✅ Estratégia de internal linking
8. ✅ Structured data JSON-LD
9. ✅ Direção visual de cada seção
10. ✅ Código homepage (Next.js + Tailwind + shadcn/ui)
11. ✅ Sistema de imagens
12. ✅ Checklist final

---

**Documento criado para: planodetv.com.br**
**Versão: 1.0**
**Última atualização: Março 2026**
