<!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>