<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Agência Sperandio</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
margin: 0;
padding: 0;
background: #f9f9f9;
color: #111;
}
header {
background: #111;
color: #fff;
padding: 60px 20px;
text-align: center;
}
header h1 {
font-size: 2.5rem;
}
header p {
font-size: 1.1rem;
margin-top: 10px;
}
.btn {
display: inline-block;
margin-top: 20px;
padding: 12px 24px;
background: #00c37a;
color: #fff;
text-decoration: none;
border-radius: 8px;
font-weight: bold;
}
section {
padding: 60px 20px;
max-width: 900px;
margin: 0 auto;
}
section h2 {
font-size: 2rem;
margin-bottom: 20px;
}
section p {
font-size: 1rem;
line-height: 1.6;
}
.servicos ul {
list-style: none;
padding-left: 0;
}
.servicos ul li {
margin: 10px 0;
padding-left: 20px;
position: relative;
}
.servicos ul li::before {
content: "✔";
position: absolute;
left: 0;
color: #00c37a;
}
.cta {
background: #111;
color: #fff;
text-align: center;
padding: 60px 20px;
}
.cta h3 {
font-size: 1.8rem;
margin-bottom: 20px;
}
.cta a {
background: #00c37a;
color: #fff;
padding: 14px 28px;
border-radius: 8px;
text-decoration: none;
font-weight: bold;
}
footer {
background: #eee;
text-align: center;
padding: 20px;
font-size: 0.9rem;
}
</style>
</head>
<body>
<header>
<h1>Transformamos ideias em negócios digitais</h1>
<p>Tráfego pago, influência, estrutura e cursos — tudo que sua marca precisa no digital.</p>
<a href="#contato" class="btn">Quero escalar meu negócio</a>
</header>
<section>
<h2>Sobre a Agência Sperandio</h2>
<p>A Sperandio é uma agência digital completa. Trabalhamos com negócios locais, influenciadores e experts para criar estrutura profissional e transformar presença online em vendas reais.</p>
</section>
<section class="servicos">
<h2>O que fazemos por você:</h2>
<ul>
<li>Gestão de tráfego pago (Meta e Google)</li>
<li>Agenciamento de influenciadores</li>
<li>Criação de estrutura digital (sites, páginas, automações)</li>
<li>Lançamento e venda de cursos online</li>
</ul>
</section>
<section>
<h2>Quem atendemos?</h2>
<ul>
<li>Donos de lojas físicas</li>
<li>Influencers com +2 mil seguidores</li>
<li>Profissionais que querem lançar cursos</li>
<li>Negócios que querem vender mais com o digital</li>
</ul>
</section>
<section>
<h2>Resultados que entregamos</h2>
<p>+23.000 leads gerados | Influencer faturando R$ 16 mil/mês | +40 cursos lançados | Negócios locais triplicando o faturamento</p>
</section>
<section class="cta" id="contato">
<h3>Quer vender mais e ter estrutura digital completa?</h3>
<a href="https://wa.me/SEUNUMERO?text=Ol%C3%A1%2C+quero+escalar+meu+neg%C3%B3cio+com+a+Ag%C3%AAncia+Sperandio!">Falar com um especialista</a>
</section>
<footer>
© 2025 Agência Sperandio – Todos os direitos reservados.
</footer>
</body>
</html>