<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Campani Audio | Curso de Mixagem + Ministração para Igrejas</title>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&display=swap" rel="stylesheet">
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Montserrat', sans-serif; background: #E6E7E9; color: #2B2E31; line-height: 1.6; }
.container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }
header { background: #173943; color: white; padding: 80px 0 60px; text-align: center; }
.waveform { width: 100px; height: 50px; margin: 0 auto 25px; background: repeating-linear-gradient(90deg, #E6E7E9, #E6E7E9 2px, transparent 2px, transparent 5px); opacity: 0.9; }
h1 { font-weight: 300; font-size: 2.8rem; letter-spacing: 3px; margin-bottom: 15px; }
.badge { display: inline-block; background: #E6E7E9; color: #173943; padding: 6px 16px; border-radius: 20px; font-size: 0.85rem; font-weight: 600; margin-bottom: 20px; }
.subtitle { font-weight: 300; font-size: 1.2rem; opacity: 0.95; max-width: 650px; margin: 0 auto 30px; }
.btn { display: inline-block; background: #E6E7E9; color: #173943; padding: 16px 36px; text-decoration: none; border-radius: 4px; font-weight: 700; transition: 0.3s; }
.btn:hover { background: white; transform: translateY(-2px); }
.btn-outline { background: transparent; border: 2px solid #E6E7E9; color: #E6E7E9; margin-left: 15px; }
.btn-outline:hover { background: #E6E7E9; color: #173943; }
section { padding: 80px 0; }
section.dark { background: #2B2E31; color: #E6E7E9; }
h2 { font-weight: 600; font-size: 2rem; color: #173943; margin-bottom: 20px; text-align: center; }
section.dark h2 { color: #E6E7E9; }
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; margin-top: 50px; }
.grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 40px; }
.card { background: white; padding: 40px 30px; border-radius: 8px; box-shadow: 0 2px 15px rgba(0,0,0,0.06); }
section.dark .card { background: #173943; }
.card h3 { color: #173943; margin-bottom: 15px; font-weight: 600; font-size: 1.3rem; }
section.dark .card h3 { color: #E6E7E9; }
.check { color: #173943; font-weight: 600; margin-right: 8px; }
section.dark .check { color: #E6E7E9; }
ul { list-style: none; margin-top: 20px; }
li { margin-bottom: 12px; }
form { background: white; padding: 40px; border-radius: 8px; max-width: 600px; margin: 40px auto 0; }
section.dark form { background: #173943; }
input, textarea { width: 100%; padding: 14px; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 4px; font-family: 'Montserrat', sans-serif; font-size: 1rem; }
section.dark input, section.dark textarea { background: #2B2E31; border-color: #2B2E31; color: #E6E7E9; }
button { width: 100%; background: #173943; color: white; padding: 16px; border: none; border-radius: 4px; font-weight: 700; cursor: pointer; font-size: 1rem; }
section.dark button { background: #E6E7E9; color: #173943; }
button:hover { opacity: 0.9; }
footer { background: #2B2E31; color: #E6E7E9; text-align: center; padding: 50px 0; font-size: 0.9rem; }
.whatsapp { position: fixed; bottom: 25px; right: 25px; background: #25D366; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(0,0,0,0.3); text-decoration: none; font-size: 32px; z-index: 100; }
.portfolio-item { background: #173943; aspect-ratio: 16/9; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: #E6E7E9; font-weight: 600; }
.credenciais { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 25px; }
.tag { background: #E6E7E9; color: #173943; padding: 6px 14px; border-radius: 4px; font-size: 0.8rem; font-weight: 600; }
section.dark .tag { background: #2B2E31; color: #E6E7E9; }
@media (max-width: 768px) {
h1 { font-size: 2rem; }
.grid-2 { grid-template-columns: 1fr; gap: 40px; }
.btn-outline { margin-left: 0; margin-top: 15px; display: block; }
section { padding: 60px 0; }
}
</style>
</head>
<body>
<header>
<div class="container">
<div class="waveform"></div>
<span class="badge">EM BREVE NA KIWIFY</span>
<h1>CAMPANI AUDIO</h1>
<p class="subtitle">Curso de Mixagem e Masterização + Treinamento Presencial para Igrejas com quem vive áudio há 30 anos</p>
<a href="#curso" class="btn">Entrar na Lista VIP</a>
<a href="#igrejas" class="btn btn-outline">Levar para Minha Igreja</a>
</div>
</header>
<section id="curso">
<div class="container">
<h2>Curso Online: Do Zero ao Pro</h2>
<div class="grid-2">
<div>
<p style="font-size: 1.1rem; margin-bottom: 25px;">Aprenda mixagem e masterização com foco em música ao vivo e cultos. Técnica de estúdio + experiência de palco + base teológica.</p>
<ul>
<li><span class="check">✓</span> Mixagem de banda completa para P.A e Live</li>
<li><span class="check">✓</span> Masterização para Spotify, YouTube e streaming</li>
<li><span class="check">✓</span> Redes Dante e áudio sobre IP</li>
<li><span class="check">✓</span> Eletrônica aplicada: entenda seu equipamento</li>
<li><span class="check">✓</span> Templates prontos para culto ao vivo</li>
<li><span class="check">✓</span> Certificado + Grupo de alunos</li>
</ul>
</div>
<div class="card">
<h3>Lista de Espera VIP</h3>
<p>Seja o primeiro a saber do lançamento. Quem entrar na lista ganha 40% OFF + meu template de Mix de Culto.</p>
<form action="https://formsubmit.co/contato@campaniaudio.com" method="POST">
<input type="text" name="nome" placeholder="Seu nome" required>
<input type="email" name="email" placeholder="Seu melhor e-mail" required>
<input type="hidden" name="_subject" value="Lista VIP - Curso Campani Audio">
<input type="hidden" name="_captcha" value="false">
<button type="submit">Quero Desconto VIP</button>
</form>
</div>
</div>
</div>
</section>
<section id="igrejas" class="dark">
<div class="container">
<h2>Ministração Presencial para Igrejas</h2>
<div class="grid-2">
<div class="card">
<h3>Workshop de 1 Dia</h3>
<p>Treino sua equipe de áudio em 8h intensivas. Do básico ao avançado, com prática na mesa da sua igreja.</p>
<ul>
<li><span class="check">✓</span> Mixagem ao vivo para cultos</li>
<li><span class="check">✓</span> Microfonação e passagem de som</li>
<li><span class="check">✓</span> Redes de áudio e Dante</li>
<li><span class="check">✓</span> Resolução de microfonia e ruídos</li>
<li><span class="check">✓</span> Apostila + certificado para equipe</li>
</ul>
</div>
<div>
<p style="font-size: 1.1rem; margin-bottom: 25px;">Músico desde os 11 anos e na igreja desde os 18. Entendo a realidade do volume do culto, da equipe voluntária e da limitação de equipamento.</p>
<p><strong>Agenda 2026 aberta.</strong> Vagas limitadas por mês para garantir qualidade e acompanhamento.</p>
<a href="#contato" class="btn" style="margin-top: 25px; background: #E6E7E9; color: #173943;">Solicitar Data para Minha Igreja</a>
</div>
</div>
</div>
</section>
<section id="portfolio">
<div class="container">
<h2>Portfolio</h2>
<p style="text-align: center; max-width: 600px; margin: 0 auto 40px;">Álbuns produzidos, cultos mixados e sistemas projetados.</p>
<div class="grid-3">
<div class="portfolio-item">ÁLBUM 1 - EM BREVE</div>
<div class="portfolio-item">CULTO AO VIVO - EM BREVE</div>
<div class="portfolio-item">PROJETO TÉCNICO - EM BREVE</div>
</div>
</div>
</section>
<section class="dark" id="sobre">
<div class="container" style="max-width: 900px;">
<h2>Quem é Lucas Campani</h2>
<div style="margin-top: 40px; font-size: 1.05rem; text-align: left;">
<p style="margin-bottom: 20px;">Músico desde os 11 anos e técnico de áudio desde os 13. Hoje, aos 42, uno 30 anos de estrada com formação técnica e acadêmica sólida.</p>
<p style="margin-bottom: 20px;"><strong>Experiência:</strong> Técnico de Áudio na ALESP. Ex-técnico de áudio no MPRS. Produtor de álbuns. Técnico em Eletrônica com especialização em Áudio. Já tive assistência técnica autorizada Harman. Desde os 18 anos sirvo em igrejas.</p>
<p style="margin-bottom: 25px;"><strong>Formação:</strong> Certificação Dante. Cursando Redes de Computadores. Pós-graduação em Produção Fonográfica. Pós em Docência e Gestão do Ensino Superior. Bacharel em Teologia pela FTSA.</p>
<div class="credenciais">
<span class="tag">ALESP</span>
<span class="tag">Ex-MPRS</span>
<span class="tag">Dante Certified</span>
<span class="tag">Téc. Eletrônica</span>
<span class="tag">Ex-Harman</span>
<span class="tag">Pós Prod. Fonográfica</span>
<span class="tag">Bacharel Teologia FTSA</span>
<span class="tag">30 Anos de Áudio</span>
</div>
</div>
</div>
</section>
<section id="contato">
<div class="container">
<h2>Vamos Conversar</h2>
<form action="https://formsubmit.co/contato@campaniaudio.com" method="POST">
<input type="text" name="nome" placeholder="Seu nome" required>
<input type="email" name="email" placeholder="Seu e-mail" required>
<input type="text" name="igreja" placeholder="Nome da igreja (se for o caso)">
<input type="text" name="whatsapp" placeholder="WhatsApp com DDD">
<textarea name="mensagem" rows="5" placeholder="Como posso te ajudar? Curso online ou presencial?" required></textarea>
<input type="hidden" name="_subject" value="Novo Contato - Site Campani Audio">
<input type="hidden" name="_captcha" value="false">
<button type="submit">Enviar Mensagem</button>
</form>
</div>
</section>
<footer>
<div class="container">
<p><strong>CAMPANI AUDIO</strong> | Cotia - SP</p>
<p>contato@campaniaudio.com | Instagram: @campaniaudio</p>
<p style="margin-top: 20px; opacity: 0.7;">© 2026 Campani Audio. Todos os direitos reservados.</p>
</div>
</footer>
<a href="https://wa.me/5511975756445" class="whatsapp" target="_blank">💬</a>
</body>
</html>