Yoga Landing Page

A Yoga Landing Page é uma página de destino atraente e responsiva para promover uma aula de Yoga. A página possui um design moderno e limpo, com seções bem organizadas para apresentar informações sobre a aula, depoimentos de alunos, instrutor, horários disponíveis e um formulário de contato. O projeto foi criado em parceria com uma designer, seguindo o design elaborado no Figma.

Yoga Landing Page

Funcionalidades

• Apresentação de informações sobre a aula de Yoga
• Exibição de depoimentos de alunos
• Apresentação do instrutor e sua biografia
• Horários disponíveis para as aulas

Requisitos

O principal requisito foi seguir o design fornecido na Figma e as diretrizes definidas pela equipe de marketing e design.

Figma - Link do protótipo do projeto.

Tecnologias Utilizadas

• React
• Vite
• AWS
• FIGMA
• Styled Components
• CSS modules
• React-scroll
• Animate On Scroll Library
• JavaScript
• HTML
• CSS

Instalação do Projeto Localmente

Não é necessário rodar o projeto localmente para ver o jogo rodando, pois ele está rodando nesse Link.

Caso queira rodar local mesmo assim, siga o tutorial abaixo.

Clone o repositório com o comando

git clone https://github.com/brenolg/Yoga-LandingPage-React-Vite.git

Entre na pasta do projeto com o comando

cd Yoga-LandingPage-React-Vite

Instale as dependências com o comando

 npm install

Inicie o servidor local com o comando

 npm run dev

Abra o navegador e acesse http://localhost:5173/ para visualizar a página.

Agradecimentos

Gostaria de agradecer às seguintes pessoas por sua contribuição:

• Marina Lavalle - Designer responsável pelo design do projeto.
• AnimalAnimal - Consultoria de Marketing.
• Caio Godoi - Desenvolvedor que auxiliou no desenvolvimento e deploy AWS.

Obrigado a todos que contribuíram para tornar este projeto possível!