Landing page para IPTV

Link de demonstração: https://steam-prime.vercel.app/

Explicação das variações:

Apenas código: Após a compra o código é enviado e você realiza as alterações necessárias e faz o deploy (colocar o site online).

Código + Alterações Básicas + Deploy: Você nos envia os textos, planos/preços e imagens que deseja mudar e nós fazemos o deploy (colocar o site online).

Código + Alterações Intermediárias + Deploy + Domínio: Você nos envia os textos, planos e imagens, podemos adicionar até 2 seções novas no site se você desejar, realizamos a compra de um domínio (.com.br) e fazemos a configuração para o domínio apontar para o site.

Objetivo do site

Landing page comercial de captação para venda de assinaturas IPTV — todo o funil é desenhado para apresentar os planos/diferenciais do serviço e converter o visitante direto para o [content removed] App (sem fricção de formulário), com CTAs de [content removed] App repetidos em pontos estratégicos (header, hero, cada plano, seção de dúvidas, CTA final, rodapé e botão flutuante).

Stack tecnológica

Next.js 16 (App Router) — framework React de produção, usado por empresas como Nike, TikTok e Twitch

React 19 + TypeScript — tipagem estática, menos bugs em produção

Tailwind CSS — estilização utilitária, fácil de customizar cores/fontes

Framer Motion — animações de entrada suaves (fade/slide), contadores animados e microinterações em toda a página

Lucide React — ícones vetoriais leves

Site 100% estático — sem banco de dados, sem backend → hospedagem gratuita ou baratíssima (Vercel, Netlify), praticamente zero manutenção de servidor

Funcionalidades

Header fixo com menu responsivo (hambúrguer no mobile)

Hero com mockup de tela animado, badge de "servidores online" e CTA duplo (teste grátis + ver planos)

Barra de compatibilidade com dispositivos em marquee infinito (Smart TV, TV Box/Fire Stick, Android, iOS, Tablet, PC)

Seção "Benefícios" com 6 diferenciais (estabilidade, qualidade 4K, multi-tela, ativação rápida, suporte humano, teste antes de assinar)

Seção "Catálogo" com contadores animados (canais, filmes, séries, cobertura de PPV/esportes)

Seção "Como funciona" com o passo a passo do atendimento

Seção "Planos e preços" com 3 opções (mensal, trimestral, anual), plano em destaque e CTA de [content removed] App contextual — a mensagem pré-preenchida já vem com o nome do plano escolhido

Seção "Depoimentos" de clientes

Seção de dúvidas frequentes (FAQ) em acordeão

CTA final de alta conversão antes do rodapé

Rodapé com marca e informações institucionais

Botão flutuante de [content removed] App global com animação de pulso + barra fixa de CTA no rodapé mobile

100% responsivo (testado em desktop e mobile)

SEO

Metadata completo: title, description, keywords

Open Graph + Twitter Cards — preview correto ao compartilhar o link (inclusive no próprio [content removed] App)

Imagem OG dinâmica gerada automaticamente (sem precisar subir arquivo de imagem)

Dados estruturados JSON-LD (schema.org Organization + Product + FAQPage) — ajuda o Google a entender a oferta, avaliação agregada e as perguntas frequentes, melhora aparição em buscas e pode gerar rich snippets

robots.txt e sitemap.xml gerados automaticamente

URLs canônicas configuradas

Performance / Boas práticas

next/font com Google Fonts otimizado (sem layout shift)

Build de produção testado (npm run build passa limpo, TypeScript sem erros, lint sem erros)

Zero custo de manutenção de servidor/banco de dados

Zero risco de spam de formulário (não tem formulário — vai direto pro [content removed] App do cliente)

Pronto para SEO desde o dia 1 (muitos sites vendidos por freelancer não têm nada disso configurado)

Visual moderno dark + neon (roxo/vermelho), estilo streaming premium, fácil de adaptar para outros nichos de assinatura/entretenimento

Facilidade de manutenção

Sem backend/banco de dados — hospedagem simples e barata, sem custo de servidor

Suporta até 100 mil acessos mensais grátis