chore: CRO na oferta/galeria/hero/beneficios + ignora zip solto
Galeria reduzida so com personagem infantil, catalogo corrigido pra 33 modelos, hero com beneficio-primeiro, badge de acesso reposicionado. Ignora landpage-30.zip (backup solto de public/, nao deveria ser versionado). Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
parent
dec714515b
commit
d8788dab2b
7 changed files with 14 additions and 21 deletions
1
.gitignore
vendored
1
.gitignore
vendored
|
|
@ -2,3 +2,4 @@ node_modules/
|
||||||
dist/
|
dist/
|
||||||
.env
|
.env
|
||||||
.env.local
|
.env.local
|
||||||
|
*.zip
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@ export default function Benefits() {
|
||||||
const cards = [
|
const cards = [
|
||||||
{
|
{
|
||||||
title: "30 Artes em HD",
|
title: "30 Artes em HD",
|
||||||
description: "30 créditos para gerar as artes que você escolher do catálogo com mais de 21 modelos exclusivos — convites, topos, banners, tags, caixinhas e muito mais. Tudo com o rosto do seu filho.",
|
description: "30 créditos para gerar as artes que você escolher do catálogo com 33 modelos exclusivos — convites, topos, banners, tags, caixinhas e muito mais. Tudo com o rosto do seu filho.",
|
||||||
icon: <ImageIcon className="w-8 h-8 text-pink-500" />,
|
icon: <ImageIcon className="w-8 h-8 text-pink-500" />,
|
||||||
className: "md:col-span-2 bg-gradient-to-br from-pink-50 to-white hover:border-pink-300"
|
className: "md:col-span-2 bg-gradient-to-br from-pink-50 to-white hover:border-pink-300"
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -13,7 +13,7 @@ export default function FAQ() {
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
q: "O que são os 30 créditos?",
|
q: "O que são os 30 créditos?",
|
||||||
a: "Cada crédito gera uma arte personalizada do nosso catálogo com mais de 21 modelos (convite, topo de bolo, banner, caixa de pipoca, tag, saia de cupcake, adesivos e muito mais). Com 30 créditos você pode, por exemplo, gerar 5 convites com variações diferentes, 3 banners, 10 tags de lembrancinha... você escolhe como usar!"
|
a: "Cada crédito gera uma arte personalizada do nosso catálogo com 33 modelos (convite, topo de bolo, banner, caixa de pipoca, tag, saia de cupcake, adesivos e muito mais). Com 30 créditos você pode, por exemplo, gerar 5 convites com variações diferentes, 3 banners, 10 tags de lembrancinha... você escolhe como usar!"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
q: "Como funciona a geração da arte em IA?",
|
q: "Como funciona a geração da arte em IA?",
|
||||||
|
|
|
||||||
|
|
@ -2,27 +2,15 @@ import { motion } from 'framer-motion';
|
||||||
import InlineCTA from './InlineCTA';
|
import InlineCTA from './InlineCTA';
|
||||||
|
|
||||||
export default function Gallery() {
|
export default function Gallery() {
|
||||||
const BASE = "https://s3.seureview.com.br/festamagica/6a591904-cf2a-4a51-8581-1891373eea29";
|
|
||||||
|
|
||||||
const images = [
|
const images = [
|
||||||
{ src: "/images/galeria-real/topo-de-bolo.webp", title: "Topo de Bolo 3D", desc: "Destaque na mesa do bolo" },
|
{ src: "/images/galeria-real/topo-de-bolo.webp", title: "Topo de Bolo 3D", desc: "Destaque na mesa do bolo" },
|
||||||
{ src: "/images/galeria-real/painel-de-fundo.webp", title: "Painel de Fundo", desc: "Transforma o cenário da festa" },
|
{ src: "/images/galeria-real/painel-de-fundo.webp", title: "Painel de Fundo", desc: "Transforma o cenário da festa" },
|
||||||
{ src: `${BASE}/008417cf-b15a-4c4e-ac95-c75b69ec3525/convite-premium.webp`, title: "Convite Premium", desc: "Para impressão ou envio digital" },
|
|
||||||
{ src: "/images/galeria-real/caixa-de-pipoca.webp", title: "Caixa de Pipoca", desc: "A alegria garantida no lanche" },
|
{ src: "/images/galeria-real/caixa-de-pipoca.webp", title: "Caixa de Pipoca", desc: "A alegria garantida no lanche" },
|
||||||
{ src: `${BASE}/16ad6afb-4c6f-4b90-8769-cebff489bcb8/bandeirolas-com-nome.webp`, title: "Bandeirolas com Nome", desc: "Varal decorativo personalizado" },
|
|
||||||
{ src: "/images/galeria-real/convite-digital.webp", title: "Convite Digital", desc: "Para enviar no WhatsApp" },
|
{ src: "/images/galeria-real/convite-digital.webp", title: "Convite Digital", desc: "Para enviar no WhatsApp" },
|
||||||
{ src: `${BASE}/16ad6afb-4c6f-4b90-8769-cebff489bcb8/caixa-milk.webp`, title: "Caixa Milk", desc: "Lembrancinha charmosa" },
|
|
||||||
{ src: "/images/galeria-real/saia-de-cupcake.webp", title: "Saia de Cupcake", desc: "Mais estilo para os docinhos" },
|
{ src: "/images/galeria-real/saia-de-cupcake.webp", title: "Saia de Cupcake", desc: "Mais estilo para os docinhos" },
|
||||||
{ src: `${BASE}/15547b19-daf7-46a0-922b-e6515a320534/centro-de-mesa.webp`, title: "Centro de Mesa", desc: "Arranjo decorativo exclusivo" },
|
|
||||||
{ src: "/images/galeria-real/tag-de-agradecimento.webp", title: "Tag de Agradecimento", desc: "Pronto para as lembrancinhas" },
|
{ src: "/images/galeria-real/tag-de-agradecimento.webp", title: "Tag de Agradecimento", desc: "Pronto para as lembrancinhas" },
|
||||||
{ src: `${BASE}/16ad6afb-4c6f-4b90-8769-cebff489bcb8/topper-de-cupcake-personagem.webp`, title: "Topper de Cupcake", desc: "O personagem em cada docinho" },
|
|
||||||
{ src: "/images/galeria-real/faixa-de-parede.webp", title: "Faixa de Parede", desc: "Decoração com a cara do tema" },
|
|
||||||
{ src: `${BASE}/16ad6afb-4c6f-4b90-8769-cebff489bcb8/sacolinha-surpresa.webp`, title: "Sacolinha Surpresa", desc: "Lembrancinha que toda criança ama" },
|
|
||||||
{ src: "/images/galeria-real/chapeu-de-festa.webp", title: "Chapéu de Festa", desc: "Divertido, personalizado e único" },
|
{ src: "/images/galeria-real/chapeu-de-festa.webp", title: "Chapéu de Festa", desc: "Divertido, personalizado e único" },
|
||||||
{ src: `${BASE}/16ad6afb-4c6f-4b90-8769-cebff489bcb8/porta-bis-duplo.webp`, title: "Porta Bis Duplo", desc: "Lembrancinha deliciosa e bonita" },
|
|
||||||
{ src: "/images/galeria-real/adesivos-redondos.webp", title: "Adesivos Redondos", desc: "Ideais para potinhos e lembrancinhas" },
|
{ src: "/images/galeria-real/adesivos-redondos.webp", title: "Adesivos Redondos", desc: "Ideais para potinhos e lembrancinhas" },
|
||||||
{ src: `${BASE}/16ad6afb-4c6f-4b90-8769-cebff489bcb8/caixa-cone.webp`, title: "Caixa Cone", desc: "Diferente e super divertida" },
|
|
||||||
{ src: `${BASE}/15547b19-daf7-46a0-922b-e6515a320534/display-de-mesa.webp`, title: "Display de Mesa", desc: "Identificação elegante para a mesa" },
|
|
||||||
];
|
];
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|
@ -67,6 +55,10 @@ export default function Gallery() {
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<p className="text-center text-indigo-900/60 font-semibold mt-10 max-w-xl mx-auto">
|
||||||
|
E mais 25 outros modelos no catálogo — 33 no total, pra montar o kit do jeito que você quiser.
|
||||||
|
</p>
|
||||||
|
|
||||||
<InlineCTA
|
<InlineCTA
|
||||||
text="Quero o Meu Kit Personalizado!"
|
text="Quero o Meu Kit Personalizado!"
|
||||||
subtext="Clica aqui e escolha os itens que combinam com o tema do seu filho"
|
subtext="Clica aqui e escolha os itens que combinam com o tema do seu filho"
|
||||||
|
|
|
||||||
|
|
@ -36,7 +36,7 @@ export default function Hero() {
|
||||||
transition={{ duration: 0.5, delay: 0.1 }}
|
transition={{ duration: 0.5, delay: 0.1 }}
|
||||||
className="text-4xl md:text-5xl lg:text-6xl xl:text-[4.5rem] tracking-tight leading-[1.1] font-display font-bold text-indigo-950 mb-6"
|
className="text-4xl md:text-5xl lg:text-6xl xl:text-[4.5rem] tracking-tight leading-[1.1] font-display font-bold text-indigo-950 mb-6"
|
||||||
>
|
>
|
||||||
Crie até <span className="text-gradient">30 artes personalizadas</span> para a festa do seu filho
|
Transforme a foto do seu filho em um <span className="text-gradient">kit de festa completo</span>
|
||||||
</motion.h1>
|
</motion.h1>
|
||||||
|
|
||||||
<motion.p
|
<motion.p
|
||||||
|
|
@ -56,9 +56,9 @@ export default function Hero() {
|
||||||
className="flex flex-wrap gap-3 mb-8 justify-center lg:justify-start"
|
className="flex flex-wrap gap-3 mb-8 justify-center lg:justify-start"
|
||||||
>
|
>
|
||||||
{[
|
{[
|
||||||
{ icon: <ImageIcon className="w-4 h-4" />, text: "30 créditos para criar" },
|
{ icon: <ImageIcon className="w-4 h-4" />, text: "30 artes personalizadas" },
|
||||||
{ icon: <Download className="w-4 h-4" />, text: "Mais de 21 modelos" },
|
{ icon: <Download className="w-4 h-4" />, text: "33 modelos no catálogo" },
|
||||||
{ icon: <Clock className="w-4 h-4" />, text: "Acesso por 60 dias" },
|
{ icon: <Clock className="w-4 h-4" />, text: "Pronto em minutos" },
|
||||||
].map((item, i) => (
|
].map((item, i) => (
|
||||||
<div key={i} className="flex items-center gap-1.5 px-4 py-2 rounded-full bg-white border border-pink-200 text-indigo-800 text-sm font-semibold shadow-sm">
|
<div key={i} className="flex items-center gap-1.5 px-4 py-2 rounded-full bg-white border border-pink-200 text-indigo-800 text-sm font-semibold shadow-sm">
|
||||||
<span className="text-pink-500">{item.icon}</span>
|
<span className="text-pink-500">{item.icon}</span>
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,7 @@ import { cn } from '../lib/utils';
|
||||||
|
|
||||||
export default function Offer() {
|
export default function Offer() {
|
||||||
const benefits = [
|
const benefits = [
|
||||||
{ icon: <ImageIcon className="w-5 h-5 text-pink-500" />, text: "30 créditos para criar artes do catálogo com 21+ modelos" },
|
{ icon: <ImageIcon className="w-5 h-5 text-pink-500" />, text: "30 créditos para criar artes do catálogo com 33 modelos" },
|
||||||
{ icon: <Check className="w-5 h-5 text-pink-500" />, text: "Cada crédito gera uma arte — você escolhe quais peças criar" },
|
{ icon: <Check className="w-5 h-5 text-pink-500" />, text: "Cada crédito gera uma arte — você escolhe quais peças criar" },
|
||||||
{ icon: <Check className="w-5 h-5 text-pink-500" />, text: "Personagem 3D exclusivo do seu filho gerado por IA" },
|
{ icon: <Check className="w-5 h-5 text-pink-500" />, text: "Personagem 3D exclusivo do seu filho gerado por IA" },
|
||||||
{ icon: <Check className="w-5 h-5 text-pink-500" />, text: "Arquivos em PDF em alta resolução" },
|
{ icon: <Check className="w-5 h-5 text-pink-500" />, text: "Arquivos em PDF em alta resolução" },
|
||||||
|
|
@ -142,7 +142,7 @@ export default function Offer() {
|
||||||
|
|
||||||
<div className="flex items-center justify-center gap-2 text-sm text-indigo-400 font-medium">
|
<div className="flex items-center justify-center gap-2 text-sm text-indigo-400 font-medium">
|
||||||
<ShieldCheck className="w-5 h-5 text-emerald-500" />
|
<ShieldCheck className="w-5 h-5 text-emerald-500" />
|
||||||
<span>Compra 100% segura pelo Stripe.</span>
|
<span>Compra 100% segura · Pix ou cartão · acesso na hora.</span>
|
||||||
</div>
|
</div>
|
||||||
<p className="text-indigo-300 text-[11px] font-medium mt-3">Produto digital. Não inclui impressão física.</p>
|
<p className="text-indigo-300 text-[11px] font-medium mt-3">Produto digital. Não inclui impressão física.</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@ import InlineCTA from './InlineCTA';
|
||||||
|
|
||||||
const stats = [
|
const stats = [
|
||||||
{ icon: <Users className="w-5 h-5 text-pink-400" />, value: "Brasil", label: "famílias em todo o país" },
|
{ icon: <Users className="w-5 h-5 text-pink-400" />, value: "Brasil", label: "famílias em todo o país" },
|
||||||
{ icon: <ImageIcon className="w-5 h-5 text-violet-400" />, value: "21+", label: "modelos disponíveis" },
|
{ icon: <ImageIcon className="w-5 h-5 text-violet-400" />, value: "33", label: "modelos disponíveis" },
|
||||||
{ icon: <Star className="w-5 h-5 text-amber-400" />, value: "WhatsApp", label: "suporte direto" },
|
{ icon: <Star className="w-5 h-5 text-amber-400" />, value: "WhatsApp", label: "suporte direto" },
|
||||||
{ icon: <Clock className="w-5 h-5 text-emerald-400" />, value: "2~5 min", label: "por arte gerada" },
|
{ icon: <Clock className="w-5 h-5 text-emerald-400" />, value: "2~5 min", label: "por arte gerada" },
|
||||||
];
|
];
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue