marciobever/landpagefestamagica2
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Hero: remove badge de preco, adiciona contador de kits

Browse source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcio Bevervanso 2026-06-17 19:29:07 -03:00
parent 20a624f255
commit 4698dd894a
1 changed files with 12 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/components/Hero.tsx
View file

@ -68,15 +68,23 @@ export default function Hero() {
))}
</motion.div>
{/* Contador de kits */}
<motion.div
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.5, delay: 0.3 }}
className="inline-flex items-center gap-2 px-5 py-2 rounded-full bg-white border-2 border-pink-200 shadow-sm mb-6 text-indigo-900"
className="flex flex-wrap gap-3 mb-6 justify-center lg:justify-start"
>
<span className="text-sm font-medium">Kit Festa por apenas</span>
<span className="text-lg font-display font-black text-pink-600">R$ 19,99</span>
<span className="text-xs text-indigo-500 font-medium">· R$0,67/img</span>
{[
{ value: "+10.000", label: "kits criados" },
{ value: "+180.000", label: "artes geradas" },
{ value: "4.9★", label: "avaliação" },
].map((stat, i) => (
<div key={i} className="flex items-center gap-2 px-4 py-2 rounded-full bg-white border border-pink-200 shadow-sm">
<span className="font-display font-black text-pink-600 text-base">{stat.value}</span>
<span className="text-xs text-indigo-500 font-semibold">{stat.label}</span>
</div>
))}
</motion.div>
<motion.div
@ -96,12 +104,6 @@ export default function Hero() {
>
Quero Meu Kit de 30 Imagens <ArrowRight className="w-6 h-6" />
</a>
<div className="flex flex-col items-center sm:items-start text-indigo-600/70 text-xs sm:text-sm mt-3 sm:mt-0 font-medium">
<div className="flex items-center gap-1 mb-1">
{[...Array(5)].map((_, i) => <Star key={i} className="w-4 h-4 text-amber-500 fill-amber-500" />)}
</div>
<span>Mais de 10.000 famílias<br />já fizeram a festa!</span>
</div>
</motion.div>
</div>