Feito com ❤️ por Gabriel Soares
Essa é a minha Quarta LP do desafio, toda escrita com as melhores praticas e com ferramentas que ajudam muito no momento do desenvolvimento.
Uso: Textos da LP.
Pesos: Todos os pesos disponíveis.
Uso: Títulos.
Peso: 700.
H1: 24px
Subtítulo: 16px
H1: 30px
Subtítulo: 20px
H1: 48px
Subtítulo: 24px
Instalação: yarn add tailwind-variants
Uso: Criação de componentes com variações de estilo.
Documentação: Tailwind Variants
Instalação: yarn add lucide-react
Uso: Biblioteca de ícones altamente estilizáveis.
Documentação: Lucide Icons
Instalação: yarn add @motionone/utils
Uso: Animação de faixa de cards para movimento automático.
Documentação: MotionOne
Instalação: yarn add framer-motion
Uso: Animação de scroll para acelerar os cards.
Documentação: Framer Motion
Espaçamento Externo: 32px (p-8)
Espaçamento Interno: 20px (space-y-5)
Background da Hero: Configurado no Tailwind config.
Detalhe quaisquer outras observações importantes sobre o design ou o desenvolvimento das LPs.
Endpoint (GET): https://api.mercadobitcoin.net/api/v4/BTC-BRL/trades
Retorno: Um array com as últimas variações de valor do bitcoin.
Uso: No índice do componente de cards dentro da pasta hero.
Deploy: https://lp004.g4code.com.br