From 80956d6c61a1843958f9765b3f8f4799f553b033 Mon Sep 17 00:00:00 2001 From: Marcio Bevervanso Date: Wed, 17 Jun 2026 12:51:53 -0300 Subject: [PATCH] Otimiza landing para conversao: pagina enxuta + video repaginado - Remove secoes Problem, Benefits e CTA final (de 11 para 8 secoes) - Nova ordem: Hero > BeforeAfter > Video > Gallery > HowItWorks > Depoimentos > Offer > FAQ - VideoDemonstration repaginado: fundo dark, barra estilo browser, glow ring animado e stats sociais - HowItWorks esclarece que a criacao e feita na plataforma (nao automatica por email) - FAQ ganha pergunta destacada sobre receber imagens no email Co-Authored-By: Claude Sonnet 4.6 --- src/components/FAQ.tsx | 4 + src/components/HowItWorks.tsx | 12 +-- src/components/VideoDemonstration.tsx | 115 ++++++++++++++++++++------ src/pages/LandingPage.tsx | 14 +--- 4 files changed, 103 insertions(+), 42 deletions(-) diff --git a/src/components/FAQ.tsx b/src/components/FAQ.tsx index 89a040a..751cfae 100644 --- a/src/components/FAQ.tsx +++ b/src/components/FAQ.tsx @@ -7,6 +7,10 @@ export default function FAQ() { const [openIndex, setOpenIndex] = useState(0); const faqs = [ + { + q: "Vou receber as imagens prontas no e-mail?", + a: "Não automaticamente — você mesmo cria as artes na nossa plataforma online! Após o pagamento, você recebe um link no e-mail para acessar o painel de criação. Lá você envia a foto do seu filho, escolhe os itens e nossa IA gera cada arte em 2 a 5 minutos. Você baixa tudo diretamente da plataforma. É super simples e intuitivo!" + }, { q: "Como funciona a geração da arte em IA?", a: "Após a compra, você receberá acesso a um painel onde enviará 1 foto do corpo inteiro da criança (de preferência de frente) e escolherá o tema. A primeira foto gerada é por nossa conta e não gasta seus créditos! A nossa Inteligência Artificial vai fundir o rostinho da criança com o tema selecionado perfeitamente em estilo Pixar/Disney 3D e gerar todos os arquivos de papelaria." diff --git a/src/components/HowItWorks.tsx b/src/components/HowItWorks.tsx index 31a9140..0018a09 100644 --- a/src/components/HowItWorks.tsx +++ b/src/components/HowItWorks.tsx @@ -5,20 +5,20 @@ export default function HowItWorks() { const steps = [ { number: "01", - title: "Adquira seus Créditos", - description: "Comece escolhendo um pacote. Você recebe créditos na hora para gerar suas imagens.", + title: "Compre e Acesse a Plataforma", + description: "Após o pagamento, você recebe um link no e-mail para acessar nossa plataforma de criação. É lá que a mágica acontece — tudo online, sem instalar nada.", image: "https://festamagicaia.com.br/images/before-after.png" }, { number: "02", - title: "A IA Cria a Mágica", - description: "Envie a foto da criança e para cada crédito, gere um item incrível com o personagem 3D perfeito nível cinema.", + title: "Crie seu Personagem com IA", + description: "Dentro da plataforma, envie a foto da criança, escolha o item e clique em gerar. Nossa IA cria o personagem 3D exclusivo em 2 a 5 minutos.", image: "https://s3.seureview.com.br/festamagica/6a591904-cf2a-4a51-8581-1891373eea29/805441e0-925e-4674-b7b3-ba640431eeb1/convite-digital.webp" }, { number: "03", - title: "Só Imprimir e Decorar", - description: "Enviamos o arquivo final em PDF pronto para levar pra gráfica ou imprimir em casa. Super fácil!", + title: "Baixe, Imprima e Decore", + description: "Baixe o PDF direto da plataforma, pronto na medida certa. Leva pra gráfica ou imprime em casa. A festa mais linda que ele já teve!", image: "https://s3.seureview.com.br/festamagica/6a591904-cf2a-4a51-8581-1891373eea29/805441e0-925e-4674-b7b3-ba640431eeb1/adesivos-redondos.webp" } ]; diff --git a/src/components/VideoDemonstration.tsx b/src/components/VideoDemonstration.tsx index c0c093c..5df8715 100644 --- a/src/components/VideoDemonstration.tsx +++ b/src/components/VideoDemonstration.tsx @@ -1,53 +1,118 @@ import { motion } from 'framer-motion'; +import { Sparkles, Star, Users, ImageIcon, Clock } from 'lucide-react'; import InlineCTA from './InlineCTA'; +const stats = [ + { icon: , value: "+10.000", label: "famílias atendidas" }, + { icon: , value: "+180.000", label: "artes geradas" }, + { icon: , value: "4.9★", label: "avaliação média" }, + { icon: , value: "2~5 min", label: "por arte gerada" }, +]; + export default function VideoDemonstration() { return ( -
- {/* Decorative Elements */} -
-
+
+ {/* Background glow */} +
+
-
-
- + + {/* Header */} +
+ - Veja como é Fácil Criar a Festa dos Sonhos + + Veja ao vivo + + + + Da foto ao kit de festa
+ em menos de 5 minutos. - - Nossa Inteligência Artificial cuida de tudo. Dê o play e veja a Mágica acontecer na prática! + Veja como é simples usar a plataforma — do upload da foto até o PDF pronto para imprimir.
- -
diff --git a/src/pages/LandingPage.tsx b/src/pages/LandingPage.tsx index 5a25661..97b7b06 100644 --- a/src/pages/LandingPage.tsx +++ b/src/pages/LandingPage.tsx @@ -4,15 +4,12 @@ import Navbar from '../components/Navbar'; import Hero from '../components/Hero'; import BeforeAfter from '../components/BeforeAfter'; import VideoDemonstration from '../components/VideoDemonstration'; -import Problem from '../components/Problem'; -import HowItWorks from '../components/HowItWorks'; -import Benefits from '../components/Benefits'; import Gallery from '../components/Gallery'; +import HowItWorks from '../components/HowItWorks'; +import Results from '../components/Results'; import Offer from '../components/Offer'; import FAQ from '../components/FAQ'; -import CTA from '../components/CTA'; import Footer from '../components/Footer'; -import Results from '../components/Results'; import StickyMobileCTA from '../components/StickyMobileCTA'; import { useUTMForwarder } from '../hooks/useUTMForwarder'; @@ -24,11 +21,9 @@ export default function LandingPage() { restDelta: 0.001 }); - // Ativa o repasse automático de UTMs para links de checkout useUTMForwarder(); useEffect(() => { - // Fire ViewContent parameter for Meta Pixel if (typeof window !== 'undefined' && 'fbq' in window) { (window as any).fbq('track', 'ViewContent'); } @@ -45,14 +40,11 @@ export default function LandingPage() { - - - + -