Site de fertilização ayurvédica

Quando as pessoas apertarem no botão que não seja o botão da oferta, que não va para o link, role a tela até a oferta

9d ago

A seção de pricing já tem id="pricing". Agora vou atualizar os botões do Hero e Final CTA para rolar até a seção de oferta:

Preciso adicionar "use client" no Final CTA para o onClick funcionar:

Pronto! Agora os botões "Quero começar agora" no Hero e "Sim, quero transformar minha vida" no Final CTA vão rolar suavemente até a seção de oferta (pricing) quando clicados. O botão da própria seção de pricing permanece sem scroll, já que ele deveria levar para o checkout/link de pagamento.

9d ago

Preciso agora q deixe otimizado para mobile, deixe bem estrutado pra pessoa ver algo bonito e estruturado no celular

7d ago

Agora vou ler os outros componentes e aplicar as otimizações para mobile:

Agora vou aplicar as otimizações para mobile em todos os componentes:

A landing page está otimizada para mobile. Fiz ajustes em todos os componentes:

Principais mudanças:

Tipografia responsiva: Títulos menores em mobile (text-2xl vs text-4xl), textos de corpo menores (text-xs/text-sm)
Espaçamento reduzido: Padding e margins menores em mobile (py-14 vs py-28, gap-3 vs gap-6)
Grids adaptáveis: Cards em 2 colunas no mobile (grid-cols-2) com descrições ocultas em telas pequenas
Botões full-width: Botões ocupam 100% da largura em mobile (w-full sm:w-auto)
Cards compactos: Padding menor e border-radius ajustados (p-4 md:p-6, rounded-xl md:rounded-2xl)
Carrossel responsivo: Depoimentos mostram 1 card por vez em mobile vs 3 em desktop
Imagem do Hero: Tamanho reduzido em mobile, elementos decorativos ocultos
Touch-friendly: Botões de navegação maiores, áreas de toque adequadas

7d ago

Consegue colocar na imagem uma mulher meio q gravida? não precisa ser barrigona, mas pelo menos segurando a barriga

7d ago

Code editing is not availableDuplicate this chat to use a more powerful code editor.

Quando as pessoas apertarem no botão que não seja o botão da oferta, que não va para o link, role a tela até a oferta

9d ago

A seção de pricing já tem id="pricing". Agora vou atualizar os botões do Hero e Final CTA para rolar até a seção de oferta:

Preciso adicionar "use client" no Final CTA para o onClick funcionar:

9d ago

Preciso agora q deixe otimizado para mobile, deixe bem estrutado pra pessoa ver algo bonito e estruturado no celular

7d ago

Agora vou ler os outros componentes e aplicar as otimizações para mobile:

Agora vou aplicar as otimizações para mobile em todos os componentes:

A landing page está otimizada para mobile. Fiz ajustes em todos os componentes:

Principais mudanças:

Tipografia responsiva: Títulos menores em mobile (text-2xl vs text-4xl), textos de corpo menores (text-xs/text-sm)
Espaçamento reduzido: Padding e margins menores em mobile (py-14 vs py-28, gap-3 vs gap-6)
Grids adaptáveis: Cards em 2 colunas no mobile (grid-cols-2) com descrições ocultas em telas pequenas
Botões full-width: Botões ocupam 100% da largura em mobile (w-full sm:w-auto)
Cards compactos: Padding menor e border-radius ajustados (p-4 md:p-6, rounded-xl md:rounded-2xl)
Carrossel responsivo: Depoimentos mostram 1 card por vez em mobile vs 3 em desktop
Imagem do Hero: Tamanho reduzido em mobile, elementos decorativos ocultos
Touch-friendly: Botões de navegação maiores, áreas de toque adequadas

Consegue colocar na imagem uma mulher meio q gravida? não precisa ser barrigona, mas pelo menos segurando a barriga

7d ago

Code editing is not availableDuplicate this chat to use a more powerful code editor.