File size: 11,130 Bytes
c3acda0 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 | <!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>O Relato: Silêncio Rasgado - Ebook Exclusivo</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
.book-cover {
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25), 0 0 15px rgba(0, 0, 0, 0.1);
transform: perspective(1000px) rotateY(-10deg);
transition: all 0.3s ease;
}
.book-cover:hover {
transform: perspective(1000px) rotateY(0deg);
}
.pulse {
animation: pulse 2s infinite;
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
}
</style>
</head>
<body class="bg-gray-50 font-sans">
<!-- Cabeçalho com botão de compra -->
<header class="bg-indigo-900 text-white py-6">
<div class="container mx-auto px-4 flex flex-col md:flex-row justify-between items-center">
<div>
<h1 class="text-3xl font-bold">O Relato: Silêncio Rasgado</h1>
<p class="text-indigo-200 mt-2">Uma história que vai te marcar para sempre</p>
</div>
<div class="mt-4 md:mt-0">
<a href="#comprar" class="bg-amber-500 hover:bg-amber-600 text-white font-bold py-3 px-6 rounded-full flex items-center pulse">
<i class="fas fa-shopping-cart mr-2"></i>
COMPRAR AGORA - R$10,00
</a>
</div>
</div>
</header>
<!-- Seção principal -->
<main class="container mx-auto px-4 py-12">
<div class="flex flex-col lg:flex-row items-center gap-12">
<!-- Capa do livro -->
<div class="w-full lg:w-1/3 flex justify-center">
<div class="book-cover bg-white p-6 rounded-lg max-w-xs">
<div class="bg-indigo-800 text-white p-8 rounded text-center h-full flex flex-col justify-center">
<h2 class="text-2xl font-bold mb-2">O Relato:</h2>
<h3 class="text-xl italic">Silêncio Rasgado</h3>
<div class="mt-8 border-t border-indigo-400 pt-4">
<p class="text-sm">Uma história intensa</p>
<p class="text-sm">de superação e revelação</p>
</div>
</div>
</div>
</div>
<!-- Descrição -->
<div class="w-full lg:w-2/3">
<h2 class="text-4xl font-bold text-gray-800 mb-6">Descubra uma história que vai te emocionar</h2>
<div class="prose max-w-none text-gray-700 mb-8">
<p class="text-lg">"O Relato: Silêncio Rasgado" é uma obra poderosa que mergulha nas profundezas da experiência humana, revelando verdades que muitas vezes permanecem ocultas.</p>
<div class="bg-indigo-50 border-l-4 border-indigo-500 p-4 my-6">
<p class="italic text-indigo-800">"Uma narrativa que corta como uma faca e cura como um bálsamo. Impossível ficar indiferente."</p>
</div>
<h3 class="text-2xl font-semibold text-indigo-800 mt-8">O que você vai encontrar neste ebook:</h3>
<ul class="mt-4 space-y-2">
<li class="flex items-start">
<i class="fas fa-check-circle text-indigo-500 mt-1 mr-2"></i>
<span>Uma história envolvente que prende do início ao fim</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-indigo-500 mt-1 mr-2"></i>
<span>Personagens profundos e marcantes</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-indigo-500 mt-1 mr-2"></i>
<span>Revelações que vão te fazer refletir</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-indigo-500 mt-1 mr-2"></i>
<span>Narrativa poética e impactante</span>
</li>
</ul>
</div>
<div class="mt-8">
<a href="#comprar" class="bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-4 px-8 rounded-full inline-flex items-center">
<i class="fas fa-book-open mr-3"></i>
QUERO MEU EBOOK AGORA - APENAS R$10,00
</a>
</div>
</div>
</div>
</main>
<!-- Seção de depoimentos -->
<section class="bg-indigo-50 py-12">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center text-indigo-900 mb-12">O que os leitores estão dizendo</h2>
<div class="grid md:grid-cols-3 gap-8">
<div class="bg-white p-6 rounded-lg shadow-md">
<div class="flex items-center mb-4">
<div class="text-amber-400 text-2xl">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
<p class="text-gray-700 italic mb-4">"Não consegui parar de ler até terminar. Uma história que fica com você muito depois da última página."</p>
<p class="font-semibold text-indigo-800">— Ana C.</p>
</div>
<div class="bg-white p-6 rounded-lg shadow-md">
<div class="flex items-center mb-4">
<div class="text-amber-400 text-2xl">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
<p class="text-gray-700 italic mb-4">"O autor tem uma voz única. Cada palavra parece cuidadosamente escolhida para criar o máximo impacto."</p>
<p class="font-semibold text-indigo-800">— Ricardo M.</p>
</div>
<div class="bg-white p-6 rounded-lg shadow-md">
<div class="flex items-center mb-4">
<div class="text-amber-400 text-2xl">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
</div>
<p class="text-gray-700 italic mb-4">"Comprei sem muitas expectativas e fui surpreendido pela qualidade da narrativa. Vale cada centavo."</p>
<p class="font-semibold text-indigo-800">— Juliana S.</p>
</div>
</div>
</div>
</section>
<!-- Seção de compra -->
<section id="comprar" class="py-16 bg-indigo-900 text-white">
<div class="container mx-auto px-4 text-center">
<h2 class="text-3xl font-bold mb-6">Adquira seu exemplar agora mesmo</h2>
<p class="text-xl text-indigo-200 mb-8">Por apenas R$10,00 você terá acesso a esta obra marcante</p>
<div class="max-w-2xl mx-auto bg-white rounded-lg shadow-xl overflow-hidden">
<div class="p-8 text-gray-800">
<h3 class="text-2xl font-bold mb-4 text-indigo-900">Formas de pagamento</h3>
<div class="flex justify-center gap-6 mb-8">
<i class="fab fa-cc-paypal text-4xl text-blue-600"></i>
<i class="fab fa-cc-visa text-4xl text-blue-900"></i>
<i class="fab fa-cc-mastercard text-4xl text-red-600"></i>
<i class="fas fa-barcode text-4xl text-green-600"></i>
</div>
<p class="mb-6">Após a confirmação do pagamento, você receberá o ebook em seu e-mail em até 24 horas.</p>
<a href="#" class="bg-amber-500 hover:bg-amber-600 text-white font-bold py-4 px-8 rounded-full inline-flex items-center text-lg">
<i class="fas fa-lock mr-3"></i>
COMPRAR COM SEGURANÇA
</a>
<div class="mt-6 flex items-center justify-center">
<i class="fas fa-shield-alt text-indigo-500 mr-2"></i>
<span class="text-sm">Compra 100% segura</span>
</div>
</div>
</div>
</div>
</section>
<!-- Rodapé -->
<footer class="bg-gray-800 text-white py-8">
<div class="container mx-auto px-4">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="mb-4 md:mb-0">
<p>© 2023 O Relato: Silêncio Rasgado. Todos os direitos reservados.</p>
</div>
<div>
<a href="#comprar" class="bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-3 px-6 rounded-full inline-flex items-center">
<i class="fas fa-shopping-cart mr-2"></i>
COMPRAR EBOOK - R$10,00
</a>
</div>
</div>
</div>
</footer>
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=CidPascal/cid" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html> |