01shadcn/uiBotões, formulários e componentes que ficam no seu código pra você personalizargithub.com/shadcn-ui/ui02Magic UIBento Grid, Border Beam e efeitos pra seção de benefíciosgithub.com/magicuidesign/magicui03React BitsAnimação de texto, fundos interativos e microinterações (ex.: Blur Text no título)github.com/DavidHDev/react-bits
Crie uma landing page em Next.js para [seu produto ou serviço, em 1 frase].
Público: [quem compra]. Oferta: [o que a pessoa recebe e o próximo passo].
Regras de design:
1. Use shadcn/ui para os componentes principais (botões, formulário, cabeçalho, FAQ). Instale pelo CLI do shadcn.
2. Use Magic UI na seção de benefícios: um Bento Grid com os benefícios e um Border Beam só no card mais importante.
3. Use React Bits para animar apenas o título da primeira dobra (Blur Text ou similar).
4. A animação precisa ajudar a comunicar a oferta e deixar a navegação leve: nada de animação em todas as seções.
5. Hierarquia clara: título, subtítulo, um botão principal. Mesmo raio de borda e mesma escala de espaçamento em tudo.
6. Monte primeiro no celular e depois no desktop.
Quando terminar, rode o projeto, abra no navegador e me mostre um print da versão desktop e da versão mobile. Liste qualquer componente que você não conseguiu instalar.