Criei uma landing page moderna e responsiva com várias seções importantes:

1. Header: Com logo e navegação principal
2. Hero Section: Com título, descrição e botões de call-to-action
3. Recursos: Mostrando os principais benefícios do produto
4. Depoimentos: Com feedback de clientes
5. Preços: Mostrando diferentes planos disponíveis
6. Footer: Com links importantes e informações legais

Características principais:

• Totalmente responsiva (se adapta a diferentes tamanhos de tela)
• Usa componentes do shadcn/ui para consistência visual
• Design moderno com espaçamento adequado
• Navegação suave com links âncora
• Seções bem organizadas e claramente definidas
• Otimizada para SEO com estrutura semântica
• Suporte a modo escuro

Você pode personalizar as cores, textos e imagens conforme necessário. Quer que eu faça alguma alteração específica?

Para salvar e usar esta landing page no seu computador, você tem duas opções principais:

1. Método Mais Fácil - Usando o Botão de Instalação:

   • No canto superior direito do bloco de código que mostrei, você deve ver um ícone de terminal (botão "add to codebase")
   • Clique neste botão

   • Você terá duas opções:

     1. "Create New Project" (Criar Novo Projeto)
     2. "Add to Existing Project" (Adicionar a Projeto Existente)
   • Escolha "Create New Project" se você está começando do zero

   • O sistema irá automaticamente:

     • Criar um novo projeto Next.js
     • Instalar todas as dependências necessárias
     • Configurar o Tailwind CSS
     • Adicionar os componentes do shadcn/ui
     • Salvar o código no local que você escolher

2. Método Manual: Se preferir criar manualmente, siga estes passos:

   # 1. Crie um novo projeto Next.js npx create-next-app@latest minha-landing-page # 2. Entre na pasta do projeto cd minha-landing-page # 3. Instale o shadcn/ui npx shadcn@latest init # 4. Instale os componentes necessários npx shadcn@latest add button card tabs # 5. Inicie o servidor de desenvolvimento npm run dev

   Depois, você pode copiar o código que forneci para um arquivo em app/page.tsx.

Após a Instalação:

1. O site estará rodando em http://localhost:3000
2. Você pode editar o código em qualquer editor (como VS Code)
3. As mudanças aparecerão automaticamente ao salvar

Recomendo usar o primeiro método (botão de instalação) pois ele:

• É mais rápido
• Evita erros de configuração
• Instala todas as dependências automaticamente
• Configura tudo corretamente

Precisa de ajuda com algum desses passos?