LP Semanal - 004

LP Semanal

Essa é a minha Quarta LP do desafio, toda escrita com as melhores praticas e com ferramentas que ajudam muito no momento do desenvolvimento.

Design e Tipografia

Fontes

Roboto Flex

Uso: Textos da LP.

Pesos: Todos os pesos disponíveis.

Chakra Petch

Uso: Títulos.

Peso: 700.

Tamanhos de Fonte

Mobile

H1: 24px

Subtítulo: 16px

Tablet

H1: 30px

Subtítulo: 20px

Desktop

H1: 48px

Subtítulo: 24px

Dependências

Tailwind Variants

Instalação: yarn add tailwind-variants

Uso: Criação de componentes com variações de estilo.

Documentação: Tailwind Variants

Lucide Icons

Instalação: yarn add lucide-react

Uso: Biblioteca de ícones altamente estilizáveis.

Documentação: Lucide Icons

MotionOne

Instalação: yarn add @motionone/utils

Uso: Animação de faixa de cards para movimento automático.

Documentação: MotionOne

Framer Motion

Instalação: yarn add framer-motion

Uso: Animação de scroll para acelerar os cards.

Documentação: Framer Motion

Estrutura dos Cards

Espaçamento Externo: 32px (p-8)

Espaçamento Interno: 20px (space-y-5)

Observações Adicionais

Background da Hero: Configurado no Tailwind config.

Detalhe quaisquer outras observações importantes sobre o design ou o desenvolvimento das LPs.

API de Mercado Bitcoin

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.

Stacks Utilizadas

Links Úteis

Deploy: https://lp004.g4code.com.br