cris80 / index.html
WillNunes's picture
Add 3 files
7b6cc87 verified
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sozinho Nunca Mais - Conquiste Mulheres de Valor</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">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&family=Poppins:ital@1&display=swap" rel="stylesheet">
<style>
@keyframes blink {
0% { opacity: 1; }
50% { opacity: 0.5; }
100% { opacity: 1; }
}
@keyframes neon {
0% {
box-shadow: 0 0 5px #00DFF9, 0 0 10px #00DFF9, 0 0 15px #00DFF9;
}
50% {
box-shadow: 0 0 10px #00DFF9, 0 0 20px #00DFF9, 0 0 25px #00DFF9;
}
100% {
box-shadow: 0 0 5px #00DFF9, 0 0 10px #00DFF9, 0 0 15px #00DFF9;
}
}
.blinking {
animation: blink 1.5s infinite;
}
.rounded-full {
border-radius: 50%;
}
.btn-primary {
background-color: #EB6E18;
color: white;
font-weight: bold;
padding: 15px 30px;
border-radius: 8px;
transition: all 0.3s ease;
display: inline-block;
text-align: center;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.btn-primary:hover {
background-color: #D45F15;
transform: translateY(-2px);
box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}
.highlight {
color: #00DFF9;
font-weight: bold;
}
.bg-custom-dark {
background-color: #0A193A;
}
.border-neon {
border: 1px solid #00DFF9;
border-radius: 12px;
}
.border-neon-blink {
border: 1px solid #00DFF9;
border-radius: 12px;
animation: neon 2s infinite alternate;
}
.checkmark {
color: #00DFF9;
margin-right: 8px;
}
body {
color: #E5E7EB;
font-family: 'Poppins', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Poppins', sans-serif;
font-weight: 700;
}
.subtitle {
font-family: 'Poppins', sans-serif;
font-weight: 400;
}
.italic-text {
font-family: 'Poppins', sans-serif;
font-style: italic;
}
.card-bg {
background-color: #0A193A;
border: 1px solid #00DFF9;
}
.warning-bg {
background-color: #1E293B;
border-color: #00DFF9;
}
.icon-color {
color: #00DFF9;
}
.video-container {
position: relative;
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.video-label {
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
background-color: #0A193A;
border: 1px solid #00DFF9;
padding: 8px 16px;
border-radius: 8px;
font-weight: bold;
white-space: nowrap;
z-index: 10;
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
height: 0;
overflow: hidden;
border-radius: 12px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
.play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80px;
height: 80px;
background-color: rgba(0, 223, 249, 0.8);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 2;
transition: all 0.3s ease;
}
.play-button:hover {
background-color: rgba(0, 223, 249, 1);
transform: translate(-50%, -50%) scale(1.1);
}
.play-button i {
color: white;
font-size: 30px;
margin-left: 5px;
}
.thumbnail-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
z-index: 1;
}
.cta-below-video {
margin-top: 40px;
text-align: center;
}
.video-alert-box {
background-color: white;
color: #0A193A;
text-align: center;
padding: 12px;
font-weight: bold;
border-radius: 0 0 8px 8px;
width: 100%;
max-width: 800px;
margin: 0 auto;
margin-top: -5px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
</style>
</head>
<body class="bg-custom-dark">
<div class="max-w-6xl mx-auto px-4 py-8">
<!-- Header -->
<header class="text-center mb-12">
<h1 class="text-4xl md:text-5xl mb-6 text-[#00DFF9]">
DESCUBRA O QUE IMPEDE VOCÊ DE CONQUISTAR UMA <span class="highlight">MULHER DE VALOR</span>
</h1>
<p class="text-xl mb-8 subtitle">E como virar esse jogo com confiança e sabedoria!</p>
<div class="mb-8 video-container">
<div class="video-wrapper" id="videoWrapper">
<!-- Thumbnail overlay will be added here by JavaScript -->
<iframe id="videoPlayer" src="https://www.youtube.com/embed/sbfclrxEmDg?enablejsapi=1&rel=0&modestbranding=1&controls=0&showinfo=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div class="play-button" id="playButton">
<i class="fas fa-play"></i>
</div>
</div>
<div class="video-alert-box">ASSISTA ESTE VÍDEO ENQUANTO ESTÁ DISPONÍVEL!</div>
</div>
<!-- New CTA Button Below Video -->
<div class="cta-below-video">
<a href="#" class="btn-primary blinking inline-block">QUERO APRENDER COM O AUDIOBOOK!</a>
</div>
</header>
<!-- Main Content -->
<main>
<!-- What You'll Learn -->
<section class="mb-16">
<h2 class="text-3xl text-center mb-2 text-white">O que você vai aprender no Manual</h2>
<h2 class="text-3xl text-center mb-8 text-[#00DFF9]">"Sozinho nunca mais – Aprenda a conquistar uma mulher de valor"</h2>
<p class="text-xl text-center mb-10 subtitle">Um método comprovado para encontrar e manter um relacionamento saudável e duradouro</p>
<div class="grid md:grid-cols-2 gap-6">
<!-- Item 1 -->
<div class="card-bg p-6 rounded-lg shadow-md border-neon">
<h3 class="text-xl font-bold mb-3"><i class="fas fa-check checkmark"></i> Como conquistar sem repetir erros do passado</h3>
<p class="italic-text">Você não é mais aquele cara. Aprenda a deixar os traumas para trás, evitar padrões que sabotam relacionamentos e viver algo novo com confiança.</p>
</div>
<!-- Item 2 -->
<div class="card-bg p-6 rounded-lg shadow-md border-neon">
<h3 class="text-xl font-bold mb-3"><i class="fas fa-check checkmark"></i> Os verdadeiros motivos que fazem uma mulher se afastar (e que ela nunca vai te contar)</h3>
<p class="italic-text">Você vai entender o que faz uma mulher de valor perder o interesse em um homme — mesmo quando tudo parecia estar indo bem.</p>
</div>
<!-- Item 3 -->
<div class="card-bg p-6 rounded-lg shadow-md border-neon">
<h3 class="text-xl font-bold mb-3"><i class="fas fa-check checkmark"></i> Como deixar de ser só mais um — e se tornar a escolha certa</h3>
<p class="italic-text">Pare de ser visto como contatinho ou plano B. Aprenda a se posicionar com atitude e maturidade— e mostre que você é o homem que ela quer ao lado, não apenas por perto.</p>
</div>
<!-- Item 4 -->
<div class="card-bg p-6 rounded-lg shadow-md border-neon">
<h3 class="text-xl font-bold mb-3"><i class="fas fa-check checkmark"></i> Onde e como conhecer mulheres reais — fora dos aplicativos</h3>
<p class="italic-text">Vou revelar a você onde e como encontrar oportunidades para conhecer mulheres maduras, disponíveis e interessadas em algo sério.</p>
</div>
<!-- Item 5 -->
<div class="card-bg p-6 rounded-lg shadow-md border-neon">
<h3 class="text-xl font-bold mb-3"><i class="fas fa-check checkmark"></i> Como sair do ciclo de frustrações amorosas</h3>
<p class="italic-text">Chega de apps, conversas vazias e decepções. Descubra um caminho mais inteligente e seguro para encontrar — e manter — uma mulher de valor ao seu lado.</p>
</div>
<!-- Item 6 -->
<div class="card-bg p-6 rounded-lg shadow-md border-neon">
<h3 class="text-xl font-bold mb-3"><i class="fas fa-check checkmark"></i> E diversos outros temas...</h3>
<p class="italic-text">Vamos abordar sem rodeios questões como intimidade verdadeira, ciúmes, os desafios reais de um pai solteiro ao buscar um relacionamento sério, como identificar atitudes machistas que afastam qualquer mulher, etc...</p>
</div>
</div>
</section>
<!-- Empathy Section -->
<section class="mb-16 card-bg p-8 rounded-lg shadow-lg border-neon">
<div class="flex flex-col md:flex-row items-center">
<div class="md:w-1/2 mb-6 md:mb-0 md:pr-8">
<h2 class="text-3xl mb-6 text-[#00DFF9]">Você já deu tudo de si… e mesmo assim foi ignorado?</h2>
<p class="mb-4 italic-text">Já entrou em relações onde parecia ser o único a se importar?</p>
<p class="mb-4 italic-text">Já se pegou pensando: "Será que existe alguma mulher que realmente valha a pena?"</p>
<p class="italic-text">A verdade é que sim, existe. Mas antes de encontrá-la, é preciso entender como os relacionamentos funcionam de verdade — e o que mulheres de valor realmente buscam em um homme.</p>
</div>
<div class="md:w-1/2">
<img src="https://violet-anteater-154758.hostingersite.com/wp-content/uploads/2025/05/Home-frustrado-2.png" alt="Homem frustrado" class="w-full rounded-lg">
</div>
</div>
</section>
<!-- Bonuses -->
<section class="mb-16">
<h2 class="text-3xl text-center mb-8 text-[#00DFF9]">Bônus Exclusivos Incluídos</h2>
<div class="grid md:grid-cols-3 gap-6">
<!-- Bonus 1 -->
<div class="card-bg p-6 rounded-lg shadow-md border-neon text-center">
<div class="text-4xl mb-4 icon-color">
<i class="fas fa-heart"></i>
</div>
<h3 class="text-xl font-bold mb-3">Meditação guiada sobre amor e prosperidade</h3>
<p class="italic-text">Uma meditação especial feita por moi, com uma vibe leve e envolvente, para atrair amor verdadeiro e prosperidade para sua vida.</p>
</div>
<!-- Bonus 2 -->
<div class="card-bg p-6 rounded-lg shadow-md border-neon text-center">
<div class="text-4xl mb-4 icon-color">
<i class="fas fa-money-bill-wave"></i>
</div>
<h3 class="text-xl font-bold mb-3">Estratégias para gerar renda extra</h3>
<p class="italic-text">Instruções que te ajudarão a estar sempre à altura de uma mulher de valor — sem apertos na hora de convidar para um encontro.</p>
</div>
<!-- Bonus 3 -->
<div class="card-bg p-6 rounded-lg shadow-md border-neon text-center">
<div class="text-4xl mb-4 icon-color">
<i class="fas fa-book"></i>
</div>
<h3 class="text-xl font-bold mb-3">Dicas valiosíssimas de português</h3>
<p class="italic-text">Descubra os deslizes gramaticais que você não pode cometer em uma conversa — chega de ser dispensado por esse motivo!</p>
</div>
</div>
</section>
<!-- About Author -->
<section class="mb-16 card-bg p-8 rounded-lg shadow-lg border-neon">
<div class="flex flex-col md:flex-row items-center">
<!-- Image moved to top on mobile -->
<div class="md:w-1/3 mb-6 md:mb-0 flex justify-center order-1 md:order-none">
<img src="https://violet-anteater-154758.hostingersite.com/wp-content/uploads/2025/05/Dra-Cupido.png" alt="Dra. Cupido" class="w-64 h-64 rounded-full object-cover border-4 border-[#00DFF9]">
</div>
<div class="md:w-2/3 md:pl-8 order-2 md:order-none">
<h2 class="text-3xl mb-4 text-[#00DFF9]">Quem é a "Dra. Cupido"?</h2>
<p class="mb-4 italic-text">Prazer, sou a mulher por trás desse conteúdo — mas por questões pessoais e de segurança, prefiro não divulgar meu nome. Pode me chamar de Dra. Cupido.</p>
<p class="mb-4 italic-text">Não sou psicóloga nor coach de relacionamentos. Sou uma mulher que viveu, errou, aprendi e decidi transformar tudo isso em algo útil pra quem tá cansado de se frustrar tentando encontrar alguém especial.</p>
<p class="mb-4 italic-text">Fui casada, me separei, vivi altos e baixos, conheci muitos homens com histórias parecidas com a sua. E foi ouvindo, observando e vivendo tudo isso que entendi uma coisa: tem muito homem bom por aí que só precisa de um empurrão certo na direção certa.</p>
<p class="mb-4 italic-text">E foi daí que surgiu meu propósito de ajudar você a sair de ciclos de decepções e a enxergar com mais clareza o que realmente importa numa conquista — não com truques baratos, mas com atitudes que fazem sentido de verdade pra quem quer viver algo leve e duradouro.</p>
<p class="italic-text">Se você tá cansado de ouvir conselhos rasos, ou de tentar fórmulas que não funcionam na prática, relaxa: você tá no lugar certo! E se estiver disposto a colutar em prática tudo o que preparei, pode ter certeza de que sua vida amorosa nunca mais será a mesma.</p>
</div>
</div>
</section>
<!-- Warning -->
<section class="mb-16 text-center warning-bg p-6 rounded-lg border-neon">
<h2 class="text-3xl mb-4 blinking text-[#00DFF9]">⚠️ ATENÇÃO: CONTEÚDO DISPONÍVEL POR TEMPO LIMITADO ⚠️</h2>
<p class="text-lg italic-text">Esse material revela verdades que incomodam muita gente — inclusive grandes plataformas de relacionamento e pessoas mal-intencionadas que se aproveitam da fragilidade emocional de muitos homens pra aplicar golpes.</p>
<p class="text-lg mt-4 italic-text">Plataformas de aplicativos que lucram com a sua frustração preferem que você continue preso a ciclos que não levam a lugar nenhum. Por isso, existe a possibilidade de que este conteúdo seja retirado do ar a qualquer momento.</p>
<p class="text-lg mt-4 font-bold italic-text">Você não precisa mais repetir os mesmos erros. Agora é a hora de aprender a conquistar uma mulher de valor e manter um relacionamento leve, estável e duradouro.</p>
</section>
<!-- Offer -->
<section class="mb-16 card-bg p-8 rounded-lg shadow-xl border-neon-blink text-center">
<h2 class="text-3xl mb-2 text-[#00DFF9]">Garanta agora o Audiobook <span class="highlight">Sozinho Nunca Mais –</span></h2>
<h3 class="text-2xl mb-6 subtitle">Aprenda a Conquistar Uma Mulher de Valor</h3>
<div class="mb-8">
<p class="text-sm mb-2 italic-text">Oferta Especial por Tempo Limitado</p>
<p class="text-4xl font-bold text-[#00DFF9]">R$129</p>
<p class="text-lg line-through text-gray-400 italic-text">R$299</p>
</div>
<div class="mb-8 text-left max-w-md mx-auto">
<p class="mb-3 italic-text"><i class="fas fa-check checkmark"></i> Manual Completo</p>
<p class="mb-3 italic-text"><i class="fas fa-check checkmark"></i> 3 Bônus Exclusivos</p>
<p class="mb-3 italic-text"><i class="fas fa-check checkmark"></i> Acesso Imediato e Vitalício</p>
<p class="mb-3 italic-text"><i class="fas fa-check checkmark"></i> 7 Dias de Garantia</p>
</div>
<div class="mb-8">
<p class="text-lg mb-6 italic-text">"Você não precisa mais acceptar migalhas emocionais. Chegou a hora de se tornar o tipo de homem que vai atrai mulheres incríveis e vive relacionamentos felizes e que fazem sentido."</p>
<p class="text-xl font-bold mb-4 subtitle">Está pronto para dar esse passo?</p>
</div>
<a href="#" class="btn-primary blinking inline-block">SIM, QUERO APRENDER COM O AUDIOBOOK!</a>
<p class="text-sm text-gray-400 mt-4 italic-text">Pagamento único e 100% seguro • Garanta acesso imediato + bônus</p>
</section>
</main>
<!-- Footer -->
<footer class="text-center py-8 border-t border-gray-700">
<div class="mb-4">
<img src="https://violet-anteater-154758.hostingersite.com/wp-content/uploads/2025/04/Logo-2-Re@mar-1.png" alt="Re@mar Logo" class="h-12 mx-auto">
</div>
<p class="text-sm mb-2 italic-text">© 2025 Re@mar - Todos os direitos reservados</p>
<p class="text-xs text-gray-400 italic-text">TERMOS DE USO – POLÍTICA DE PRIVACIDADE</p>
<p class="text-xs text-gray-400 italic-text">NS CORPORATIONS LTDA – CNPJ 33.140.741/0001-27</p>
<p class="text-xs text-gray-400 mt-2 italic-text">Este site não pertence nem é endossado pela Meta (Facebook, Instagram ou WhatsApp) de forma alguma.</p>
</footer>
</div>
<script>
// YouTube Player API
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('videoPlayer', {
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
function onPlayerReady(event) {
// You can add additional setup here if needed
}
function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.PLAYING) {
document.getElementById('playButton').style.display = 'none';
} else if (event.data == YT.PlayerState.PAUSED || event.data == YT.PlayerState.ENDED) {
document.getElementById('playButton').style.display = 'flex';
}
}
// Custom play button functionality
document.getElementById('playButton').addEventListener('click', function() {
player.playVideo();
});
// Add thumbnail overlay (you would replace this with your actual thumbnail)
window.onload = function() {
var thumbnailOverlay = document.createElement('div');
thumbnailOverlay.className = 'thumbnail-overlay';
thumbnailOverlay.style.backgroundImage = 'url(https://img.youtube.com/vi/sbfclrxEmDg/maxresdefault.jpg)';
document.getElementById('videoWrapper').insertBefore(thumbnailOverlay, document.getElementById('videoPlayer'));
// Remove thumbnail when video starts playing
player.addEventListener('onStateChange', function(event) {
if (event.data == YT.PlayerState.PLAYING) {
thumbnailOverlay.style.display = 'none';
}
});
};
</script>
<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=WillNunes/cris80" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>