Curso de Violão

<!doctype html>

<head>

<title>Curso de Violão - Prof. Lucivanio | Turmas Janeiro 2026</title>

<style>

:root{

--bg:#fffdf8; --card:#fff; --accent:#8b5e3c; --accent-2:#c48a55; --text:#2b2b2b; --muted:#6b6b6b;

--radius:14px; --maxw:960px;

}

*{box-sizing:border-box}

body{font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; margin:0; background:linear-gradient(180deg, #fffefc 0%, #fff9f3 100%); color:var(--text); -webkit-font-smoothing:antialiased}

.container{max-width:var(--maxw); margin:30px auto; padding:20px}

header{display:flex;align-items:center;gap:18px}

.logo{width:72px;height:72px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2)); display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:22px}

h1{margin:0;font-size:26px}

.subtitle{color:var(--muted); margin-top:6px}

.hero{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:center;margin-top:18px}

@media(max-width:900px){.hero{grid-template-columns:1fr} .hero-right{order:-1}}

.card{background:var(--card);border-radius:var(--radius);padding:18px;box-shadow:0 6px 22px rgba(30,20,10,0.06)}

.hero-left p{line-height:1.5}

.cta-row{display:flex;gap:12px;align-items:center;margin-top:14px}

.btn{background:var(--accent); color:#fff; padding:12px 16px;border-radius:10px;text-decoration:none;font-weight:600;display:inline-block}

.btn-outline{border:2px solid var(--accent); color:var(--accent); background:transparent;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:600}

.info-grid{display:grid;grid-template-columns:1fr 1fr; gap:14px;margin-top:16px}

@media(max-width:700px){.info-grid{grid-template-columns:1fr}}

.schedule{display:flex;flex-direction:column;gap:10px}

.schedule h3{margin:0}

.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#fff8f3;border:1px solid rgba(0,0,0,0.03);font-weight:700}

.features{display:flex;flex-direction:column;gap:8px;margin-top:12px}

.feature{display:flex;gap:10px;align-items:flex-start}

.feature .dot{width:10px;height:10px;border-radius:50%;background:var(--accent);margin-top:6px}

.testimonials{display:flex;flex-direction:column;gap:8px;margin-top:12px}

.t{background:linear-gradient(180deg,#fff,#fffaf0);padding:12px;border-radius:10px}

.footer{margin-top:20px;text-align:center;color:var(--muted);font-size:14px}

.whatsapp-btn{display:inline-flex;align-items:center;gap:10px;background:#25D366;color:#fff;padding:10px 12px;border-radius:10px;text-decoration:none;font-weight:700}

/* Modal form */

.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.45);z-index:999}

.modal.open{display:flex}

.modal-card{width:96%;max-width:520px;background:#fff;padding:18px;border-radius:12px}

.form-row{display:flex;gap:8px;margin-top:8px}

.form-row input, .form-row textarea, input[type=text]{flex:1;padding:10px;border-radius:8px;border:1px solid #eee}

label{font-weight:600;font-size:14px;color:var(--muted)}

.small{font-size:13px;color:var(--muted)}

.hero-image{width:100%;height:220px;border-radius:10px;background:url('https://images.unsplash.com/photo-1511379938547-c1f69419868d?q=80&w=1400&auto=format&fit=crop&ixlib=rb-4.0.3&s=') center/cover no-repeat}

.footer-links{margin-top:12px}

a.ig{color:var(--accent);text-decoration:none;font-weight:700}

.note{margin-top:10px;color:var(--muted)}

</style>

</head>

<body>

<div>

<h1>Curso de Violão – Prof. Lucivanio</h1>

<div class="subtitle">Turmas presenciais em Limoeiro-PE • Início em Janeiro de 2026</div>

</div>

</header>

<h2>Transforme vontade em som — Aprenda violão com prazer</h2>

<p>Você, sua criança ou adolescente podem começar a tocar de forma prática, rápida e prazerosa. Aulas presenciais no Salão Paroquial da Matriz de Nossa Senhora da Apresentação, com método progressivo, acompanhamento personalizado e foco em resultados reais.</p>

<a href="#" class="btn" id="openReserve">RESERVAR A MINHA VAGA</a>

<a class="whatsapp-btn" href="https://wa.me/5581994315844?text=Ol%C3%A1%20Professor%20Lucivanio!%20Quero%20reservar%20minha%20vaga%20para%20as%20aulas%20de%20viol%C3%A3o.%20%E2%99%8A">📱 Fale direto no WhatsApp</a>

</div>

<h3>Local</h3>

<p class="small">Salão Paroquial da Matriz de Nossa Senhora da Apresentação — Limoeiro-PE</p>

<div class="feature"><div class="dot"></div><div><strong>Sábado (08:00 — 11:00)</strong><br><span class="small">Público: crianças e adolescentes — Aulas dinâmicas e lúdicas</span></div></div>

<div class="feature"><div class="dot"></div><div><strong>Terça (19:00 — 21:00)</strong><br><span class="small">Público: adolescentes e adultos — Ritmo, repertório e técnica</span></div></div>

</div>

<h3>O que você vai aprender</h3>

<li>Troca de acordes e batidas essenciais</li>

<li>Leitura de cifras e acompanhamento</li>

<li>Afinação, postura e coordenação</li>

<li>Formação de repertório e expressão musical</li>

</ul>

</div>

<p class="note"><strong>Bônus para matrículas antecipadas:</strong> material digital exclusivo, acesso ao grupo de apoio e desconto especial na matrícula — vagas limitadas.</p>

</div>

<h3>Depoimentos</h3>

<div class="t">“Comecei do zero e em poucos meses já acompanhava músicas que sempre quis tocar!” — Ana</div>

<div class="t">“As aulas são leves, divertidas e o professor tem muita paciência.” — Pedro</div>

<div class="t">“O método me fez acreditar que eu podia aprender.” — Maria</div>

</div>

<h3 style="margin-top:12px">Sobre o professor</h3>

<p class="small">Sou músico e educador, dedicado a transformar curiosos em músicos. Acredito que qualquer pessoa pode aprender violão com o método certo, prática e inspiração.</p>

<a class="btn" href="https://wa.me/5581994315844?text=Ol%C3%A1%20Professor%20Lucivanio!%20Gostaria%20de%20saber%20mais%20sobre%20as%20aulas%20de%20viol%C3%A3o.%20%F0%9F%8E%B8">Fale com o professor</a>

</div>

<strong>Turmas:</strong>

<li>Sábado — 08:00 às 11:00 (crianças e adolescentes)</li>

<li>Terça — 19:00 às 21:00 (adolescentes e adultos)</li>

</ul>

</div>

<h3>Pronto para começar?</h3>

<p class="small">Clique em Reservar para abrir o formulário rápido — a mensagem será enviada direto para o WhatsApp do professor, com seus dados preenchidos.</p>

<a class="btn" id="openReserve2" href="#">RESERVAR A MINHA VAGA</a>

</div>

</aside>

</section>

<div>

<strong>Siga no Instagram</strong><br>

<a class="ig" href="https://www.instagram.com/aulasdeviolaolimoeiro" target="_blank">@aulasdeviolaolimoeiro</a>

</div>

<div style="font-weight:700">Contato</div>

<div class="small">WhatsApp: <a href="https://wa.me/5581994315844?text=Ol%C3%A1%20Professor%20Lucivanio!%20Quero%20reservar%20minha%20vaga." style="text-decoration:none;color:var(--accent)">(81) 9.9431-5844</a></div>

</div>

<p style="margin-top:12px;font-size:15px;font-weight:700">“O primeiro acorde do seu sonho começa agora.”</p>

</div>

<div style="margin-top:12px;color:var(--muted)">© <span id="year"></span> Prof. Lucivanio — Curso de Violão • Limoeiro-PE</div>

</footer>

</div>

<h3>Reservar minha vaga</h3>

<p class="small">Preencha os dados abaixo e envie — sua mensagem será aberta no WhatsApp com as informações preenchidas.</p>

</div>

<label>Telefone (WhatsApp)</label>

</div>

<label>Turma desejada</label>

<option value="">-- Escolha --</option>

<option value="Sabado - 08:00 às 11:00 (Crianças/Adolescentes)">Sábado - 08:00 às 11:00 (Crianças/Adolescentes)</option>

<option value="Terca - 19:00 às 21:00 (Adolescentes/Adultos)">Terça - 19:00 às 21:00 (Adolescentes/Adultos)</option>

</select>

</div>

<label>Mensagem (opcional)</label>

</div>

<button class="btn" id="sendWhats">Enviar para o WhatsApp</button>

<button class="btn btn-outline" id="closeModal">Cancelar</button>

</div>

// Date

document.getElementById('year').textContent = new Date().getFullYear();

// Modal controls

const modal = document.getElementById('modalReserve');

document.getElementById('openReserve').addEventListener('click', (e)=>{e.preventDefault(); modal.classList.add('open')});

document.getElementById('openReserve2').addEventListener('click', (e)=>{e.preventDefault(); modal.classList.add('open')});

document.getElementById('closeModal').addEventListener('click', ()=>modal.classList.remove('open'));

// Send to WhatsApp with prefilled message

document.getElementById('sendWhats').addEventListener('click', ()=>{

const nome = encodeURIComponent(document.getElementById('nome').value || '');

const tel = encodeURIComponent(document.getElementById('tel').value || '');

const turma = encodeURIComponent(document.getElementById('turma').value || '');

const msg = encodeURIComponent(document.getElementById('msg').value || '');

if(!nome || !tel || !turma){

alert('Por favor, preencha nome, telefone e selecione a turma desejada.');

return;

}

const texto = `Olá Professor Lucivanio!%0A%0AMeu nome: ${nome}%0ATelefone: ${tel}%0ATurma desejada: ${turma}%0AObservações: ${msg}%0A%0AQuero reservar minha vaga para as aulas de violão em Janeiro de 2026.`;

const url = 'https://wa.me/5581994315844?text=' + texto;

window.open(url,'_blank');

modal.classList.remove('open');

});

// Small input mask for tel (visual only)

const telInput = document.getElementById('tel');

telInput.addEventListener('input', function(e){

let v = this.value.replace(/\D/g,'');

if(v.length>11) v = v.slice(0,11);

if(v.length>6) this.value = `(${v.slice(0,2)}) ${v.slice(2,7)}-${v.slice(7)}`;

else if(v.length>2) this.value = `(${v.slice(0,2)}) ${v.slice(2)}`;

else this.value = v;

});

</script>

</body>

</html>

Pesquisar este blog

Curso de Violão

Comentários

Postar um comentário