Ferramentas de Estudo - Landing Page

Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original

Ferramentas de estudo → 
Landing Page deslogado
🧪 Ferramentas de Estudo → Landing Page (usuário deslogado)
Fluxo principal:
 Botão "Quero experimentar"
Ao clicar, o usuário deslogado é redirecionado para a página de login.
Após login, segue diretamente para o checkout.
🔎 Verificar se há versão da página de checkout acessível para usuários 
deslogados.
 Hero Section – “Veja como funcionaˮ
Introdução da landing page com título explicativo.
 Seção – “Recursos que transformam sua maneira de estudarˮ
Apresenta os recursos disponíveis com um layout em carrossel de cards. 
6. Seção  Banner final com CTA
• 
Implementações:
✅ Criação de componente de card → exemplo do card do pd-exercicos 
✅ Criação do carrossel horizontal, adaptado para exibir os cards de forma 
responsiva
✅ Descrição do recurso abaixo de cada card
 Seção – “Pronto para voar nos estudosˮ
Seção estática com grid de cards repetidos ilustrando as possibilidades 
de ferramentas
 Seção – “O que dizem os nossos estudantesˮ
Exibe feedbacks em um layout estático em grid.
Ferramentas de estudo  Landing Page deslogado 1
https://github.com/PasseiDireto/pd-website-SSR/blob/0e787b5bfa282fd58507e02c0d433344ecdf59e3/src/modules/exercises/ExerciseCard/ExerciseCard.jsx#L5
Implementações:
✅ Criação do componente de card de depoimento/avaliação
Com nome, curso, texto e nota em estrelas
✅ Organização dos cards em grid responsivo
Exibição fixa
✅ No footer do section, exibição da nota média (ex: “4.9 de satisfação  
Estudantes satisfeitosˮ)
6. Seção  Banner final com CTA
Adição de banner no rodapé da página, reaproveitando o componente 
HomeworkHelpBanner , com botão “Quero experimentarˮ que abre o popup de 
login.
Ferramentas de estudo  Landing Page deslogado 2