# PROMPT COMPLETO - PLANODETV.COM.BR
## Website Premium de TV por Assinatura

---

## 1. INFORMAÇÕES DO PROJETO

### Domínio
- **URL:** planodetv.com.br
- **Marca Pública:** "Plano de TV" ou "PlanoDeTV.com.br"

### Papel do Desenvolvedor
Senior Full-Stack Web Developer, CRO Specialist, UX/UI Designer, Technical SEO Strategist, e Premium Visual Art Director com expertise em:
- Google Search best practices
- Arquitetura semântica
- Local SEO
- Landing pages de alta conversão
- Experiências digitais premium

### Regra de Idioma
- **Pensamento e lógica:** Inglês
- **Todo conteúdo visível:** Português Brasileiro (PT-BR) natural, fluente e persuasivo
- Inclui: headlines, subheadlines, body copy, buttons, menus, CTAs, SEO titles, meta descriptions, FAQ, labels, footer, textos legais

---

## 2. CONTEXTO E OBJETIVO

### Contexto
Criar um website premium, elegante, dark-mode, de alta conversão para planos de TV por assinatura focados em ofertas relacionadas à Oi TV.

### Objetivo Principal
Construir um site comercial real que:
- Pareça uma marca forte de entretenimento
- Gere leads qualificados via WhatsApp e telefone
- Esteja estruturado para rankear no Google
- Seja otimizado para Bauru/SP e cidades vizinhas
- Tenha apelo visual premium sem ficar pesado

---

## 3. REGRAS CRÍTICAS

### O que NÃO fazer
- ❌ Copiar literalmente sites de referência
- ❌ Inventar detalhes comerciais, condições legais, promessas, benefícios técnicos não confirmados
- ❌ Criar depoimentos falsos, avaliações falsas, selos de confiança falsos
- ❌ Declarar "revendedor oficial", "parceiro autorizado" sem confirmação
- ❌ Fazer afirmações não suportadas sobre instalação, equipamentos, limites de dispositivos

### O que FAZER
- ✅ Usar placeholders claramente marcados quando incerto: `[PLACEHOLDER – VALIDAR COMERCIALMENTE]`
- ✅ Usar sites de referência apenas como inspiração de estrutura, hierarquia e fluxo
- ✅ Manter cópia honesta, persuasiva e comercialmente forte

---

## 4. DADOS CONFIRMADOS DOS PLANOS

### Fonte de Verdade Comercial

| Plano | Canais | HD | Preço | Destaque |
|-------|--------|-----|-------|----------|
| **Diversão+** | 119 | 29 | R$ 94,90/mês | Melhor Custo-Benefício |
| **Família+** | 170 | 63 | R$ 149,90/mês | Mais Procurado |
| **Futebol Total+** | 175 | 68 | R$ 209,90/mês | Para Amantes de Futebol |
| **Emoção Total+** | 191 | 84 | R$ 309,90/mês | Mais Completo |

**Benefício Confirmado:** Globoplay Grátis incluído em TODOS os planos

### Regras de Apresentação
- Mostrar todos os 4 planos com ênfase visual premium
- Destacar: preço, nome, canais, HD, perfil ideal
- Cópia honesta e persuasiva
- Disclaimer: "Consulte disponibilidade, condições e regulamento."

---

## 5. PÚBLICO-ALVO

- Famílias buscando entretenimento
- Interessados em filmes, séries, esportes, conteúdo infantil
- Fãs de futebol
- Usuários comparando custo-benefício e quantidade de canais
- Pessoas que preferem atendimento via WhatsApp
- Consumidores de Bauru/SP e cidades vizinhas (Agudos, Pederneiras, Piratininga, Lençóis Paulista, Jaú, Duartina)

---

## 6. DIREÇÃO DE DESIGN

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

### Tom Visual
- **Fundo:** Navy escuro / quase preto / grafite
- **Contraste elegante**
- **Glow premium sutil** (verde/dourado)
- **Harmonia com acentos verdes**
- **Atmosfera cinematográfica de entretenimento**
- **Energia esportiva sem excesso**
- **Cards premium**
- **Hierarquia forte e limpa**

### Paleta de Cores
| Elemento | Cor |
|----------|-----|
| Background | `oklch(0.13 0.02 260)` - Navy escuro |
| Cards | `oklch(0.18 0.02 260)` - Elevado |
| Primary (CTAs) | `oklch(0.72 0.18 145)` - Verde premium |
| Accent (Gold) | `oklch(0.85 0.15 85)` - Dourado |
| Text | `oklch(0.95 0.01 260)` - Quase branco |

### Cores Temáticas dos Planos
| Plano | Cor Temática |
|-------|--------------|
| Diversão+ | Azul (`from-blue-600/20 to-blue-900/20`) |
| Família+ | Dourado/Âmbar (`from-amber-500/20 to-yellow-900/20`) |
| Futebol Total+ | Verde (`from-green-600/20 to-emerald-900/20`) |
| Emoção Total+ | Laranja/Vermelho (`from-orange-500/20 to-red-900/20`) |

---

## 7. UX/UI RULES

### Design
- Mobile-first
- WhatsApp CTA sticky no mobile
- Barra de CTA sticky no mobile (WhatsApp + Telefone)
- Foco de conversão acima da dobra
- Cards de planos de leitura rápida
- Comparação clara entre planos
- Navegação com mínima fricção
- Sem desordem visual
- Sem carrosséis pesados
- Sem animações desnecessárias
- Priorizar legibilidade e composição premium

### Elementos Visuais dos Cards
- Badge interno (não absoluto fora do card)
- Ícone temático por plano (Film, Heart, Trophy, Sparkles)
- Background gradiente sutil por plano
- Glow effect no hover
- Partículas/estrelas decorativas no fundo

---

## 8. ESTRUTURA DE PÁGINAS

### Homepage
1. **Header Sticky**
   - Logo/marca
   - Menu de navegação
   - CTA WhatsApp
   - CTA Telefone

2. **Hero Section**
   - Badge regional
   - Headline forte
   - Subheadline persuasiva
   - Banner promocional "Globoplay GRÁTIS"
   - CTAs (WhatsApp + Telefone)
   - Resumo compacto dos 4 planos
   - Microcopy de confiança
   - Mood visual premium

3. **Plans Section**
   - 4 cards premium
   - Banner "Globoplay GRÁTIS em TODOS os planos"
   - Destaque natural para "Mais Procurado"
   - CTA em cada card

4. **Why Choose Us Section**
   - Variedade de conteúdo
   - Planos para famílias
   - Opções para futebol
   - Praticidade para contratar
   - Atendimento rápido
   - Clareza comercial

5. **Which Plan Fits You Section**
   - 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. **Channel Categories Section**
   - Filmes e Séries
   - Esportes
   - Infantil
   - Notícias
   - Variedades
   - Documentários

7. **How It Works Section**
   - Escolha o plano
   - Fale com o atendimento
   - Confirme disponibilidade e condições
   - Finalize a contratação

8. **FAQ Section**
   - Acordeão com perguntas reais e úteis
   - 8+ perguntas principais

9. **Contact Section**
   - WhatsApp
   - Telefone
   - Email
   - Endereço
   - Horário de atendimento (placeholder)
   - Botões de contato direto

10. **Footer**
    - Links internos
    - Links institucionais
    - Páginas legais
    - Bloco de contato
    - Aviso de privacidade
    - Disclaimer operacional

### Páginas Futuras
- /planos
- /planos/diversao-mais
- /planos/familia-mais
- /planos/futebol-total-mais
- /planos/emocao-total-mais
- /canais
- /faq
- /contato
- /privacidade
- /termos
- /obrigado

---

## 9. ESTRATÉGIA SEO

### Requisitos Obrigatórios
- Estrutura HTML5 semântica
- Apenas um H1 por página
- Hierarquia lógica H2/H3
- Linkagem interna forte
- Title tag único por página
- Meta description única por página
- Slugs legíveis e relevantes
- Mobile-first
- SEO local para Bauru/SP e região
- Alt text descritivo
- Estrutura canonical-ready
- Open Graph
- Twitter Card
- Breadcrumbs
- Sitemap
- robots.txt
- FAQ útil (não manipulação)
- Sem keyword stuffing
- Sem texto oculto
- Sem doorway pages

### Keywords Primárias (PT-BR)
- assinatura de tv
- plano de tv
- tv por assinatura
- pacote de tv
- canais de tv por assinatura
- plano de tv em bauru
- assinatura de tv em bauru
- tv por assinatura em bauru
- pacote de futebol tv
- pacote família tv
- 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

---

## 10. PACOTE SEO POR PÁGINA

### Homepage
- **Title:** "Plano de TV | Assinatura de TV por Assinatura em Bauru e Região"
- **Meta:** "Descubra os melhores planos de TV por assinatura em Bauru e região. Compare pacotes com canais HD, Globoplay grátis, esportes, filmes e séries. Atendimento humanizado via WhatsApp."
- **Slug:** /
- **H1:** "Escolha o Melhor Plano de TV para Sua Casa"

### Planos
- **Title:** "Planos de TV por Assinatura | Compare Pacotes | PlanoDeTV"
- **Meta:** "Compare 4 planos de TV com até 191 canais. Globoplay grátis incluso. Planos para famílias, futebol e entretenimento. Contrate pelo WhatsApp."
- **Slug:** /planos
- **H1:** "Compare Nossos Planos de TV"

### Diversão+
- **Title:** "Plano Diversão+ | 119 Canais com Globoplay Grátis | PlanoDeTV"
- **Meta:** "Plano Diversão+ com 119 canais (29 em HD) e Globoplay grátis. Melhor custo-benefício para começar. R$ 94,90/mês. Contrate agora!"
- **Slug:** /planos/diversao-mais

### Família+
- **Title:** "Plano Família+ | 170 Canais com Globoplay Grátis | PlanoDeTV"
- **Meta:** "Plano Família+ com 170 canais (63 em HD) e Globoplay grátis. O mais procurado para famílias. R$ 149,90/mês. Contrate agora!"
- **Slug:** /planos/familia-mais

### Futebol Total+
- **Title:** "Plano Futebol Total+ | TV com Canais de Esportes | PlanoDeTV"
- **Meta:** "Plano Futebol Total+ com 175 canais (68 em HD) e Globoplay grátis. Ideal para fãs de futebol. R$ 209,90/mês."
- **Slug:** /planos/futebol-total-mais

### Emoção Total+
- **Title:** "Plano Emoção Total+ | 191 Canais HD | PlanoDeTV"
- **Meta:** "Plano Emoção Total+ com 191 canais (84 em HD) e Globoplay grátis. A experiência mais completa. R$ 309,90/mês."
- **Slug:** /planos/emocao-total-mais

---

## 11. STRUCTURED DATA (JSON-LD)

### Schemas Implementados
1. **Organization** - Informações da marca, contato, localização
2. **WebSite** - Busca, publisher
3. **ItemList (Products)** - Lista dos 4 planos com preços
4. **FAQPage** - Perguntas e respostas
5. **BreadcrumbList** - Hierarquia de navegação

### Regras
- ✅ Apenas schema que corresponde ao conteúdo visível
- ❌ Sem avaliações falsas, ratings falsos, schema enganoso

---

## 12. REQUISITOS TÉCNICOS

### Performance
- HTML/CSS/JS leve
- Core Web Vitals otimizados
- Imagens otimizadas
- Lazy loading
- Mínimo layout shift
- Contraste acessível
- Navegável por teclado
- Formulários rotulados
- Botões mobile-friendly (44px+)
- Sem scripts pesados

### Tecnologia
- Next.js 16 com App Router
- TypeScript 5
- Tailwind CSS 4
- shadcn/ui (New York style)
- Lucide icons
- Prisma ORM (se necessário)
- Server Actions para APIs

---

## 13. REQUISITOS DE CONVERSÃO

- Lógica forte de conversão via WhatsApp
- CTA mobile persistente
- 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

---

## 14. PLACEHOLDERS PARA VALIDAÇÃO

Os seguintes itens precisam de dados reais:

```
[PLACEHOLDER - TELEFONE]
[PLACEHOLDER - WHATSAPP]
[PLACEHOLDER - EMAIL]
[PLACEHOLDER - HORÁRIO DE ATENDIMENTO]
[PLACEHOLDER - VALIDAR COMERCIALMENTE]
```

Itens a validar:
- Condições de instalação
- Quantidade de equipamentos/caixas permitidos
- Limitações de streaming
- Requisitos de internet
- Regras de cancelamento
- Termos de pagamento
- Período de fidelidade

---

## 15. ARQUIVOS DO PROJETO

### Estrutura
```
src/
├── app/
│   ├── globals.css (tema dark premium)
│   ├── layout.tsx (SEO metadata, PT-BR)
│   └── page.tsx (homepage)
├── components/
│   ├── layout/
│   │   ├── Header.tsx (sticky, mobile menu)
│   │   ├── Footer.tsx (navegação, legal)
│   │   └── MobileStickyCTA.tsx
│   ├── sections/
│   │   ├── HeroSection.tsx
│   │   ├── PlansSection.tsx
│   │   ├── WhyChooseUsSection.tsx
│   │   ├── PlanRecommendationSection.tsx
│   │   ├── ChannelCategoriesSection.tsx
│   │   ├── HowItWorksSection.tsx
│   │   ├── FAQSection.tsx
│   │   └── ContactSection.tsx
│   └── seo/
│       └── StructuredData.tsx (JSON-LD)
└── lib/
    └── plans.ts (dados dos planos, FAQ, contato)
```

---

## 16. REFERÊNCIAS VISUAIS

### Inspiração de Design
- Background escuro com partículas/estrelas
- Cards com gradiente temático por plano
- Banner vermelho promocional "Globoplay GRÁTIS"
- Ícones temáticos (film, heart, trophy, sparkles)
- Glow effects sutis
- CTAs verdes vibrantes
- Hierarquia clara: título → banner → card → preço

### Fontes de Inspiração
- https://www.assine.com.br/planos-de-internet/pacotes-oi-tv-livre
- https://globoplay.globo.com/assine/
- https://vivo.com.br/para-voce/tv

---

## 17. CHECKLIST FINAL

### SEO
- [x] Title tags únicos
- [x] Meta descriptions únicas
- [x] HTML5 semântico
- [x] H1 único por página
- [x] Hierarquia H2/H3
- [x] JSON-LD estruturado
- [x] Open Graph
- [x] Twitter Card
- [x] robots.txt
- [x] manifest.json

### Performance
- [x] CSS leve
- [x] Sem scripts pesados
- [x] Lazy loading ready
- [x] Mínimo layout shift

### UX/UI
- [x] Mobile-first
- [x] Header sticky
- [x] Mobile CTA bar
- [x] WhatsApp integration
- [x] Touch-friendly buttons

### Conversão
- [x] CTA acima da dobra
- [x] Múltiplos pontos de WhatsApp
- [x] Botões de telefone
- [x] Comparação clara de planos
- [x] Disclaimers

### Acessibilidade
- [x] HTML semântico
- [x] ARIA labels
- [x] Contraste adequado
- [x] Navegação por teclado

---

## 18. PRÓXIMOS PASSOS

1. **Validação Comercial**
   - Confirmar dados de contato reais
   - Validar condições comerciais
   - Confirmar informações legais

2. **Imagens**
   - Gerar imagens de apoio por plano
   - Criar hero image
   - Criar banners internos

3. **Páginas Internas**
   - Desenvolver páginas individuais de planos
   - Criar página de canais completa
   - Criar páginas legais

4. **Integrações**
   - Configurar Google Analytics
   - Configurar Google Tag Manager
   - Configurar Google Search Console

---

**Versão:** 1.0  
**Última Atualização:** Março 2026  
**Status:** Homepage Completa - Pronta para Expansão
