XPulse Landing · Comparação Hero

Duas direções de identidade visual pra você comparar. Cada link abre o hero em tela cheia com BPM pulsando, ranking ao vivo, ring de batimento e CTA. Tela inteira da experiência.

OPÇÃO A · RECOMENDADA

Cyan Elétrico + Inter

Mesma paleta do app mobile XPulse já feito. Cyan #00E5FF + accent coral Z5 #FF3D71. Inter (display + body) + JetBrains Mono pra métricas.

recomendada por coerência cross-produto

Match perfeito com app mobile já desenhado
Cyan transmite tech + frescor (clima fitness urbano)
Inter manutenção zero (já no padrão)

OPÇÃO B · ALTERNATIVA

Vermelho-Laranja + Space Grotesk

Direção mais agressiva. Vermelho-laranja #FF4520 + amarelo Z5 #FFD500. Space Grotesk (display) + JetBrains Mono. Vibe HIIT/treino intenso.

mais energia/esforço, conflita com app

Energia visual maior (mais agressivo)
Space Grotesk mais editorial/personality
Quebra coerência com app mobile já validado

Minha recomendação: Opção A. O app mobile XPulse já está construído com cyan + Inter (validados na rodada inicial). Manter a landing na mesma identidade poupa rebrand, garante coerência quando o usuário passa do hero pro app real, e cyan transmite tech + saúde que casa com batimento cardíaco. Opção B existe porque você pediu 2 opções, mas seria um caminho que obriga repaint do app inteiro depois.

Stack proposta (1 frase de justificativa por item)

Next.js 15 + App Router + TypeScript — SSR pra Lighthouse 95+, OG dinâmica via edge runtime, ecossistema React maduro
Tailwind v4 — utilitário rápido, já padrão Linx em todos apps, zero CSS waste
Framer Motion — scroll-driven cinematográfico + microinterações qualidade Linear/Stripe
React Three Fiber + Drei — Three.js declarativo pra pulseira 3D, lazy load + Draco compression
Supabase Realtime broadcast — APROVEITA container supabase_realtime_xpulse já UP na VPS, channel "landing-hero-live", custo zero adicional
Recharts — leve, suficiente pro gráfico da calculadora ROI
Howler.js — sound design opt-in lazy load (kick sutil sincronizado BPM)
react-hook-form + zod — validação tipada forms (padrão Linx)
next/font (Inter + JetBrains Mono) — self-hosted, font-display swap
Plausible Analytics self-hosted — privacy-friendly, GDPR/LGPD-by-default, sem cookies
@react-pdf/renderer ou puppeteer-core via @sparticuz/chromium — PDF da calculadora ROI
Resend SMTP — já tem secret no vault, envio PDF + lead notification
@vercel/og via Next API route edge — OG dinâmica com nome do visitante
hCaptcha invisível — anti-spam no formulário

// INFRA: deploy ficará em subdomínio xpulse.linxcrm.com.br (a confirmar com você). Caddy reverse proxy + Let's Encrypt + Next.js standalone build. Padrão idêntico ao linxcrm.com.br atual.