Sua Landing Page - Título Cativante

Sua Proposta Única de Valor (PUV)

Uma breve descrição dos benefícios principais do seu produto ou serviço que resolve um problema específico do usuário.

Chamada para Ação Principal (CTA)

Recursos e Benefícios Principais

Recurso 1

Descreva um benefício chave de forma sucinta.

Recurso 2

Destaque outro benefício importante para o usuário.

Recurso 3

Inclua um terceiro ponto de venda forte.

Garanta Já o Seu Acesso!

body { font-family: sans-serif; margin: 0; padding: 0; line-height: 1.6; background-color: #f4f4f4; color: #333; } .container { max-width: 1000px; margin: 0 auto; padding: 0 20px; text-align: center; } .hero { background-color: #0056b3; /* Cor principal, mude conforme sua marca */ color: white; padding: 100px 0; } .hero h1 { font-size: 2.5em; margin-bottom: 10px; } .hero p { font-size: 1.2em; margin-bottom: 20px; } .cta-button { display: inline-block; background-color: #28a745; /* Cor do CTA, use uma cor de destaque */ color: white; padding: 15px 30px; text-decoration: none; border-radius: 5px; font-weight: bold; transition: background-color 0.3s; } .cta-button:hover { background-color: #218838; } section { padding: 60px 0; } #recursos { background-color: white; } .feature-list { display: flex; justify-content: space-around; gap: 20px; margin-top: 30px; } .feature-item { flex: 1; padding: 20px; border: 1px solid #ddd; border-radius: 5px; background-color: #f9f9f9; } .form-section { background-color: #e9ecef; } form { display: flex; flex-direction: column; max-width: 400px; margin: 0 auto; gap: 10px; } input[type="text"], input[type="email"] { padding: 10px; border: 1px solid #ccc; border-radius: 5px; font-size: 1em; } footer { background-color: #333; color: white; padding: 20px 0; font-size: 0.8em; } /* Media Query para responsividade em telas menores */ @media (max-width: 768px) { .feature-list { flex-direction: column; } .hero h1 { font-size: 1.8em; } }