Landing Page + Página de Vendas Premium — Linha Brasa Caldeiras

**SOBRE O negócio**
somos fabricantes da linha brasa, caldeiras a lenha para aquecimento de piscinas produzidas em londrina/pr. É Um produto físico único no Brasil — não existe nenhum concorrente nacional organizado nesse nicho. O ticket médio é R$ 14.500 e o público são proprietários de piscinas no Sul e Sudeste com renda acima de R$ 8.000/mês. Já temos pronto para entregar ao desenvolvedor: calculadora de economia interativa em html/js, configurador de aditivos com whatsapp, modelo 3d interativo do produto em three.js, paleta de cores, tipografia e especificações técnicas completas. O desenvolvedor não cria o design do zero — implementa com fidelidade e eleva para o nível de animação premium especificado.

**O que precisa ser desenvolvido**
duas páginas em next.js 14 com App Router:

Página 1 — Landing Page com 11 seções: Hero fullscreen com vídeo em loop (fogo + piscina) e Color Morphing (o gradiente de fundo muda de cor ao trocar o modelo selecionado — inspirado na técnica do vídeo Ice Cream Fluid analisado tecnicamente). Watermark Typography com texto Bebas Neue 200px em opacity 4% atrás do produto. Barra de credibilidade com marquee animado. Seção de problema com contadores numéricos animados (CountUp.js). Diagrama de solução em SVG animado com stroke-dashoffset. Seção de 4 modelos com Shared Layout Animation (Framer Motion layoutId — card expande fluidamente ao ser clicado, inspirado no vídeo Juicy Expand). Comparativo de custo com barras animadas. Calculadora de economia interativa embarcada. Carrossel de depoimentos 3D com efeito coverflow (Swiper.js, inspirado no vídeo 3D Pizza Carousel). FAQ em accordion com AnimatePresence. CTA final com formulário + WhatsApp.

Página 2 — Página de Vendas com configurador interativo completo: seletor dos 4 modelos com Color Morphing e Shared Layout, grid de 12 aditivos opcionais com estado de seleção animado (borda laranja + glow ao marcar), seletor de 6 cores com swatches e image swap do produto, sidebar sticky com total em tempo real (CountUp ao mudar valor), calculadora de economia inline, checkout com Mercado Pago Checkout Bricks embedado inline (não redirect) aceitando Pix com QR Code dinâmico, cartão de crédito em até 12 parcelas e boleto bancário, cep com auto-preenchimento via api viacep e página /obrigado com animação canvas-confetti.

**stack obrigatória**
next.js 14 (App Router) + TailwindCSS + Framer Motion (Shared Layout, AnimatePresence, layoutId, whileInView) + GSAP ScrollTrigger (parallax, contadores, barras de progresso) + Swiper.js (coverflow 3D) + vanilla-tilt.js (hover 3D nos cards) + CountUp.js + canvas-confetti + Mercado Pago Checkout Bricks + API ViaCEP + EmailJS + Google Analytics 4 + Google Tag Manager + Meta Pixel. Deploy na Vercel com Ssl automático.

**identidade visual — dark mode premium**
fundo: #07090c. Acento laranja fogo: #FF4F00. Dourado para números de impacto: #FFD166. Verde para economia: #22C55E. Tipografia: Bebas Neue nos títulos, DM Sans no corpo, JetBrains Mono nos dados técnicos. O design foi baseado em análise técnica de 5 vídeos de ui/ux premium (ice cream fluid, juicy hover expand, juice splash depth 2.5D, Swipe Donuts, 3D Pizza Carousel) com documentação das bibliotecas e técnicas extraídas pelo Gemini.

**SEO E analytics — entregues no dia da entrega**
meta tags completas, schema markup (product + aggregaterating + faqpage + organization + videoobject), open graph 1200×630px, sitemap.xml enviado ao Google Search Console, robots.txt configurado, GA4 com eventos page_view / scroll / add_to_cart / purchase / lead / whatsapp_click, Meta Pixel com PageView / AddToCart / Purchase, Core Web Vitals: lcp < 2,5s, inp < 200ms, cls < 0,1. PageSpeed Score > 90 obrigatório na entrega.

**PRAZO E PAGAMENTO**
29 dias divididos em 6 etapas com pagamento por entrega aprovada: Setup (3d/10%) → Landing Page completa (9d/32%) → Página de Vendas (7d/25%) → Checkout + Mercado Pago (5d/18%) → SEO + Analytics (3d/10%) → Testes + Entrega final (2d/5%).

**O que incluir obrigatoriamente na proposta**
link de 2 projetos com framer motion shared layout ou gsap avançado funcionando. Confirmação de integração Mercado Pago anterior com link. Sua estratégia técnica para implementar o Color Morphing (troca de gradiente ao mudar modelo). Valor por etapa e prazo real. Propostas sem portfólio com animações avançadas, sem resposta sobre o Color Morphing ou sem integração Mercado Pago anterior comprovada não serão consideradas.