devhatt / landing-pages Goto Github PK

Olá, desenvolvedor(a)!

Estamos empolgados com sua contribuição para a criação dos componentes da Landing Page OctoPost usando Next.js e animações encantadoras com Framer Motion.

Sobre a Tarefa

Objetivo:
Criar o componente da imagem em questão.

Detalhes:

Utilize Next.js para a estrutura da aplicação.
Implemente animações atraentes com Framer Motion.

Passos:

Clone o repositório: git clone https://github.com/devhatt/landing-pages
Navegue até o diretório do projeto: cd lading-pages/projects/octopost
Instale as dependências: npm install

O projeto esta em um monorepo então tambem terá acesso à lp petdex e demais lps.
Certifique-se de usar apenas o que esta na sua task, do contrário seu pr sera rejeitado.

Crie o componente principal no diretório apropriado.
Implemente animações usando Framer Motion.

Consulte a documentação oficial do Framer Motion para orientações.
Dúvidas e Colaboração:

DOCS:

Figma:
Next:
FramerMotion:

Dúvidas? abra uma discussion

Agradecemos sua contribuição para tornar o Octopost incrível! 🚀

• Configurar corretamente os tokens do tailwind para cobrir os padrões de cores, fonts de cada projeto.

Olá, desenvolvedor(a)!

Estamos empolgados com sua contribuição para a criação dos componentes da Landing Page OctoPost usando Next.js e animações encantadoras com Framer Motion.

Sobre a Tarefa

Objetivo:
Criar o componente da imagem em questão.

Detalhes:

Utilize Next.js para a estrutura da aplicação.
Implemente animações atraentes com Framer Motion.

Passos:

Clone o repositório: git clone https://github.com/devhatt/landing-pages
Navegue até o diretório do projeto: cd lading-pages/projects/octopost
Instale as dependências: npm install

O projeto esta em um monorepo então tambem terá acesso à lp petdex e demais lps.
Certifique-se de usar apenas o que esta na sua task, do contrário seu pr sera rejeitado.

Crie o componente principal no diretório apropriado.
Implemente animações usando Framer Motion.

Consulte a documentação oficial do Framer Motion para orientações.
Dúvidas e Colaboração:

DOCS:

Figma:
Next:
FramerMotion:

Dúvidas? abra uma discussion

Agradecemos sua contribuição para tornar o Octopost incrível! 🚀

Olá, desenvolvedor(a)!

Estamos empolgados com sua contribuição para a criação dos componentes da Landing Page OctoPost usando Next.js e animações encantadoras com Framer Motion.

Sobre a Tarefa

Objetivo:
Criar o componente da imagem em questão.

Detalhes:

Utilize Next.js para a estrutura da aplicação.
Implemente animações atraentes com Framer Motion.

Passos:

Clone o repositório: git clone https://github.com/devhatt/landing-pages
Navegue até o diretório do projeto: cd lading-pages/projects/octopost
Instale as dependências: npm install

O projeto esta em um monorepo então tambem terá acesso à lp petdex e demais lps.
Certifique-se de usar apenas o que esta na sua task, do contrário seu pr sera rejeitado.

Crie o componente principal no diretório apropriado.
Implemente animações usando Framer Motion.

Consulte a documentação oficial do Framer Motion para orientações.
Dúvidas e Colaboração:

DOCS:

Figma:
Next:
FramerMotion:

Dúvidas? abra uma discussion

Agradecemos sua contribuição para tornar o Octopost incrível! 🚀

Adicionar as configs de repo padrao, ajustar o redme

Colocar o time como mantainer

Olá, desenvolvedor(a)!

Estamos empolgados com sua contribuição para a criação de mais uma lp fantástica!

Sobre a Tarefa

Objetivo:
Criar o componente da imagem em questão utilizando as seguintes tecnologias.
Html, Vanillajs, Sass e Jest.

Passos:

Clone o repositório: git clone https://github.com/devhatt/landing-pages
Navegue até o diretório do projeto: cd lading-pages/projects/petdex
Instale as dependências: npm install

O projeto esta em um monorepo então tambem terá acesso às demais lps existentes .
Certifique-se de usar apenas o que esta na sua task, do contrário seu pr sera rejeitado.

Crie o componente principal no diretório apropriado.

Dúvidas e Colaboração:

DOCS:

Figma:

Dúvidas? abra uma discussion

Agradecemos sua contribuição para tornar o Petdex incrível! 🚀

Olá, desenvolvedor(a)!

Estamos empolgados com sua contribuição para a criação dos componentes da Landing Page OctoPost usando Next.js e animações encantadoras com Framer Motion.

Sobre a Tarefa

Objetivo:
Criar o componente da imagem em questão.

Detalhes:

Utilize Next.js para a estrutura da aplicação.
Implemente animações atraentes com Framer Motion.

Passos:

Clone o repositório: git clone https://github.com/devhatt/landing-pages
Navegue até o diretório do projeto: cd lading-pages/projects/octopost
Instale as dependências: npm install

O projeto esta em um monorepo então tambem terá acesso à lp petdex e demais lps.
Certifique-se de usar apenas o que esta na sua task, do contrário seu pr sera rejeitado.

Crie o componente principal no diretório apropriado.
Implemente animações usando Framer Motion.

Consulte a documentação oficial do Framer Motion para orientações.
Dúvidas e Colaboração:

DOCS:

Figma:
Next:
FramerMotion:

Dúvidas? abra uma discussion

Agradecemos sua contribuição para tornar o Octopost incrível! 🚀

colocar os materiais (package, app folder e etc)

Setup configuracional inicial da LP (gerar a static da pagina)

Olá, desenvolvedor(a)!

Estamos empolgados com sua contribuição para a criação dos componentes da Landing Page OctoPost usando Next.js e animações encantadoras com Framer Motion.

Sobre a Tarefa

Objetivo:
Criar o componente da imagem em questão.

Detalhes:

Utilize Next.js para a estrutura da aplicação.
Implemente animações atraentes com Framer Motion.

Passos:

Clone o repositório: git clone https://github.com/devhatt/landing-pages
Navegue até o diretório do projeto: cd lading-pages/projects/octopost
Instale as dependências: npm install

O projeto esta em um monorepo então tambem terá acesso à lp petdex e demais lps.
Certifique-se de usar apenas o que esta na sua task, do contrário seu pr sera rejeitado.

Crie o componente principal no diretório apropriado.
Implemente animações usando Framer Motion.

Consulte a documentação oficial do Framer Motion para orientações.
Dúvidas e Colaboração:

DOCS:

Figma:
Next:
FramerMotion:

Dúvidas? abra uma discussion

Agradecemos sua contribuição para tornar o Octopost incrível! 🚀

Olá, desenvolvedor(a)!

Estamos empolgados com sua contribuição para a criação dos componentes da Landing Page OctoPost usando Next.js e animações encantadoras com Framer Motion.

Sobre a Tarefa

Objetivo:
Criar o componente da imagem em questão.

Detalhes:

Utilize Next.js para a estrutura da aplicação.
Implemente animações atraentes com Framer Motion.

Passos:

Clone o repositório: git clone https://github.com/devhatt/landing-pages
Navegue até o diretório do projeto: cd lading-pages/projects/octopost
Instale as dependências: npm install

O projeto esta em um monorepo então tambem terá acesso à lp petdex e demais lps.
Certifique-se de usar apenas o que esta na sua task, do contrário seu pr sera rejeitado.

Crie o componente principal no diretório apropriado.
Implemente animações usando Framer Motion.

Consulte a documentação oficial do Framer Motion para orientações.
Dúvidas e Colaboração:

DOCS:

Figma:
Next:
FramerMotion:

Agradecemos sua contribuição para tornar o Octopost incrível! 🚀

Olá, desenvolvedor(a)!

Estamos empolgados com sua contribuição para a criação dos componentes da Landing Page OctoPost usando Next.js e animações encantadoras com Framer Motion.

Sobre a Tarefa

Objetivo:
Criar o componente da imagem em questão.

Detalhes:

Utilize Next.js para a estrutura da aplicação.
Implemente animações atraentes com Framer Motion.

Passos:

Clone o repositório: git clone https://github.com/devhatt/landing-pages
Navegue até o diretório do projeto: cd lading-pages/projects/octopost
Instale as dependências: npm install

O projeto esta em um monorepo então tambem terá acesso à lp petdex e demais lps.
Certifique-se de usar apenas o que esta na sua task, do contrário seu pr sera rejeitado.

Crie o componente principal no diretório apropriado.
Implemente animações usando Framer Motion.

Consulte a documentação oficial do Framer Motion para orientações.
Dúvidas e Colaboração:

DOCS:

Figma:
Next:
FramerMotion:

Dúvidas? abra uma discussion

Agradecemos sua contribuição para tornar o Octopost incrível! 🚀

Olá, desenvolvedor(a)!

Estamos empolgados com sua contribuição para a criação dos componentes da Landing Page OctoPost usando Next.js e animações encantadoras com Framer Motion.

Sobre a Tarefa

Objetivo:
Criar o componente da imagem em questão.

Detalhes:

Utilize Next.js para a estrutura da aplicação.
Implemente animações atraentes com Framer Motion.

Passos:

Clone o repositório: git clone https://github.com/devhatt/landing-pages
Navegue até o diretório do projeto: cd lading-pages/projects/octopost
Instale as dependências: npm install

O projeto esta em um monorepo então tambem terá acesso à lp petdex e demais lps.
Certifique-se de usar apenas o que esta na sua task, do contrário seu pr sera rejeitado.

Crie o componente principal no diretório apropriado.
Implemente animações usando Framer Motion.

Consulte a documentação oficial do Framer Motion para orientações.
Dúvidas e Colaboração:

DOCS:

Figma:
Next:
FramerMotion:

Dúvidas? abra uma discussion

Agradecemos sua contribuição para tornar o Octopost incrível! 🚀