<!-- Página de Vendas - O Efeito da Oração (para Super Pressel 5.0) -->
<!doctype html>
<html lang="pt-BR">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>O Efeito da Oração — Página de Vendas</title>
<!-- Fonte moderna e limpa -->
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&display=swap" rel="stylesheet">
<style>
:root{
--lilac:#F3EAF9; /* fundo lilás claro */
--lilac-600:#5C2D91; /* lilás escuro (títulos) */
--gold:#D4AF37; /* dourado */
--text:#2b2b2b;
--muted:#6b6178;
--maxw:900px;
--btn-radius:10px;
}
body{font-family: "Montserrat", Arial, sans-serif; margin:0; background:var(--lilac); color:var(--text); -webkit-font-smoothing:antialiased;}
.container{max-width:var(--maxw); margin:30px auto; padding:28px; background:white; border-radius:12px; box-shadow:0 8px 30px rgba(88,63,134,0.07);}
.hero{display:flex; gap:28px; align-items:center; flex-wrap:wrap;}
.cover{flex:0 0 260px;}
.cover img{width:100%; height:auto; border-radius:8px; box-shadow:0 8px 24px rgba(92,45,145,0.12); border:4px solid rgba(212,175,55,0.08);}
.hero-content{flex:1 1 420px;}
h1{font-size:28px; margin:0 0 8px; color:var(--lilac-600); font-weight:700;}
.subtitle{color:var(--gold); font-weight:600; margin-bottom:14px;}
p.lead{margin:0 0 16px; color:var(--muted); line-height:1.5;}
.price{font-size:20px; color:var(--lilac-600); font-weight:700; margin:10px 0;}
.btn{
display:inline-block; padding:14px 20px; background:linear-gradient(90deg,var(--gold),#c99929);
color:white; text-decoration:none; border-radius:var(--btn-radius); font-weight:700;
box-shadow:0 6px 18px rgba(212,175,55,0.18);
}
.btn-secondary{background:transparent; color:var(--lilac-600); border:2px solid rgba(92,45,145,0.08); padding:10px 14px; border-radius:8px;}
.grid{display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:26px;}
.card{background:linear-gradient(180deg,rgba(243,234,249,0.9),white); padding:16px; border-radius:10px; border:1px solid rgba(92,45,145,0.04);}
.card h3{margin:0 0 8px; color:var(--lilac-600);}
.benefits li{margin:8px 0; color:var(--muted);}
blockquote{margin:14px 0; padding:12px 16px; border-left:4px solid var(--gold); background:#fffaf0; border-radius:6px; color:#4b3a2a;}
.testimonials{margin-top:18px;}
.testimonial{background:#fff; padding:12px; border-radius:8px; border:1px solid rgba(92,45,145,0.04); margin-bottom:12px;}
footer{margin-top:24px; text-align:center; color:var(--muted); font-size:13px;}
/* responsivo */
@media(max-width:760px){
.grid{grid-template-columns:1fr;}
.hero{flex-direction:column; align-items:center;}
.hero-content{text-align:center;}
}
</style>
</head>
<body>
<div class="container" role="main">
<!-- HERO -->
<section class="hero" aria-labelledby="title">
<div class="cover">
<!-- Substitua pela URL da sua capa -->
<img src="cover.jpg" alt="Capa - O Efeito da Oração (Por Fernanda Campos)">
</div>
<div class="hero-content">
<h1 id="title">O EFEITO DA ORAÇÃO</h1>
<div class="subtitle">A oração muda tudo — inclusive você.</div>
<p class="lead">Um estudo bíblico moderno (25 páginas) para cristãos iniciantes que desejam fortalecer a fé, aprender a orar com propósito e ver Deus agir em sua vida.</p>
<div>
<div class="price">Lançamento: <strong>R$ 29,90</strong></div>
<!-- Substitua {PAY_LINK} pelo seu link real de pagamento -->
<a class="btn" href="{PAY_LINK}" title="Adquira o Seu eBook Agora">✨ Adquira o Seu eBook Agora</a>
<a class="btn btn-secondary" href="#detalhes" style="margin-left:12px;">Saiba mais</a>
</div>
<div style="margin-top:12px; font-size:13px; color:var(--muted)">Download imediato em PDF. Entrega segura e suporte ao comprador.</div>
</div>
</section>
<!-- DETALHES / BENEFÍCIOS -->
<section id="detalhes" style="margin-top:26px;">
<div class="grid">
<div class="card">
<h3>O que você vai aprender</h3>
<ul class="benefits">
<li>Como a oração conecta você a Deus (prática e teoria).</li>
<li>Exemplos bíblicos e aplicações simples para o dia a dia.</li>
<li>Momentos de reflexão e exercícios práticos em cada capítulo.</li>
<li>Como desenvolver uma vida de oração constante e eficaz.</li>
</ul>
</div>
<div class="card">
<h3>Por que este eBook é único</h3>
<ul class="benefits">
<li>Linguagem acessível — ideal para quem está começando na fé.</li>
<li>Design moderno: fundo lilás claro + destaques dourados.</li>
<li>25 páginas em formato A4, prontas para impressão ou leitura digital.</li>
<li>Bônus: guia prático “5 passos para uma vida de oração constante”.</li>
</ul>
</div>
</div>
<blockquote aria-label="versiculo">“A oração feita por um justo pode muito em seus efeitos.” — Tiago 5:16 (KJA)</blockquote>
</section>
<!-- TESTEMUNHOS -->
<section class="testimonials" style="margin-top:18px;">
<h3 style="color:var(--lilac-600)">O que leitores dizem</h3>
<div class="testimonial">“Senti Deus falar comigo em cada página. Foi como uma conversa com Ele.” — <strong>Júlia M.</strong></div>
<div class="testimonial">“Aprendi a orar com propósito e fé. Minha vida espiritual mudou.” — <strong>Ricardo A.</strong></div>
</section>
<!-- OFERTA -->
<section style="margin-top:18px;" aria-labelledby="offerTitle">
<h3 id="offerTitle" style="color:var(--lilac-600)">Oferta Especial</h3>
<div class="card">
<p style="margin:0 0 10px;">Adquira **O Efeito da Oração** e receba imediatamente o eBook em PDF + o bônus exclusivo.</p>
<ul class="benefits" style="margin-top:8px;">
<li>✅ Ebook completo (25 páginas, A4)</li>
<li>✅ Versículos em destaque (King James)</li>
<li>✅ Página de reflexão pessoal</li>
<li>✅ Bônus: Guia prático “5 passos para uma vida de oração constante”</li>
</ul>
<div style="margin-top:14px;">
<a class="btn" href="{PAY_LINK}" title="Adquira o Seu eBook Agora">✨ Adquira o Seu eBook Agora</a>
<span style="margin-left:12px; color:var(--muted)">Pagamento seguro • Entrega imediata</span>
</div>
</div>
</section>
<!-- GARANTIA -->
<section style="margin-top:18px;">
<h3 style="color:var(--lilac-600)">Compra segura</h3>
<p style="color:var(--muted)">Pagamento protegido, suporte dedicado e envio do PDF imediatamente após confirmação.</p>
</section>
<!-- AUTORA -->
<section style="margin-top:18px;">
<div class="card">
<h3>Sobre a autora</h3>
<p style="margin:0; color:var(--muted)">Fernanda Campos é uma mulher cristã apaixonada por Deus e pela Palavra. Dedica sua vida a inspirar pessoas através da fé e do poder transformador da oração.</p>
</div>
</section>
<footer>
<p>© <strong>Fernanda Campos</strong> — O Efeito da Oração • <span style="color:var(--muted)">Todos os direitos reservados</span></p>
<p style="font-size:13px; color:var(--muted)">Substitua {PAY_LINK} pelo link de pagamento na sua plataforma.</p>
</footer>
</div>
</body>
</html>