Create a premium, high-converting mobile-first landing page for an AI-powered personal photo upgrade service called "melhor.IA".
BRAND POSITIONING:
This is not just a photo service. It is a personal image upgrade.
Focus on perception, confidence, and how the user is seen by others.
STYLE:
COPY TONE:
STRUCTURE:
Subheadline:
"Turn everyday selfies into natural, professional photos — ready for LinkedIn, social media, or personal branding."
Short bullets:
Primary CTA:
"Create my photos"
Trust indicators:
Title:
"See the difference"
Subtitle:
"Same person. Elevated presence."
Title:
"Where your image makes an impact"
Items:
Title:
"Simple by design"
Steps:
Title:
"Adapt your image to your moment"
Cards:
Professional → for work and credibility
Lifestyle → natural and modern
Creator → expressive and personal
Keep same person across styles
Title:
"Trusted by hundreds"
Title:
"Start your image upgrade"
Highlight:
"5 professional photos — R$34,90"
Support text:
"Studio-quality results, without the studio"
CTA:
"Get started"
Title:
"No risk"
Text:
"We refine your photos until you're satisfied."
Reinforce:
CTA:
"Upgrade my image"
UX DETAILS:
IMAGE GUIDELINES:
KEY BRAND WORDS TO REPEAT:
Vou criar uma landing page completamente nova com a estética premium e minimalista que você descreveu. Primeiro, deixe-me verificar a estrutura atual e então reconstruir tudo.
Vou atualizar o CSS para uma estética mais premium e minimalista, e depois reconstruir a página completa com os novos componentes:
Agora vou criar a nova landing page premium completa com todos os componentes em um arquivo estruturado:
A nova landing page premium da melhor.IA foi criada com sucesso. O design agora segue uma estetica minimalista e luxuosa com fundo escuro sutil, gradientes neon discretos (azul, roxo, rosa), tipografia forte com Playfair Display nos titulos e DM Sans no corpo, cards com brilho suave nas bordas, e espacamento generoso. A copy foi reformulada para um tom confiante e premium, focando em percepcao, presenca e credibilidade — sem palavras exageradas. Todas as imagens antes/depois fornecidas estao integradas na secao de resultados, e a imagem de estilos (Corporativo, Lifestyle, Criador) aparece na secao correspondente.
Vou atualizar o globals.css para adicionar as cores da marca (roxo e amarelo), as animacoes originais (shimmer, wiggle, float, bounce, pulse), e corrigir as etiquetas das fotos com fonte amarela. Tambem preciso ler o restante do page.tsx:
Agora vou fazer as alteracoes necessarias:
Agora vou corrigir as etiquetas das fotos de resultado (mover para direita e usar fonte amarela):
Agora vou adicionar os blobs animados no hero e atualizar algumas cores/animacoes para usar as cores da marca:
Agora vou atualizar o headline para usar o gradiente animado da marca e melhorar algumas animacoes:
Vou atualizar o preco para usar a cor amarela da marca:
Vou atualizar as estatisticas para usar o gradiente da marca:
Vou atualizar o CTA final para usar a animacao wiggle e melhorar o gradiente:
Vou atualizar o botao flutuante para usar a animacao bounce:
Pronto. As alteracoes foram aplicadas:
#7b2fff), amarelo (#ffe94d), pink (#ff3cac), cyan (#00f5ff) e orange (#ff7a1a)You can send messages while the preview loads