cris-7 / index.html
WillNunes's picture
Add 2 files
a16f32a 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 – Aprenda a conquistar uma mulher de valor</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
body {
font-family: 'Poppins', sans-serif;
background-color: #1F2A44;
color: white;
overflow-x: hidden;
}
.title-font {
font-family: 'Poppins', sans-serif;
font-weight: 700;
}
.subtitle-font {
font-family: 'Poppins', sans-serif;
font-weight: 400;
}
.italic-font {
font-family: 'Poppins', sans-serif;
font-style: italic;
}
.amber-btn {
background-color: #FF8C42;
transition: all 0.3s ease;
}
.amber-btn:hover {
background-color: #e67e3b;
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.orange-text {
color: #FF8C42;
}
.beige-bg {
background-color: #EDE6DB;
color: #1F2A44;
}
.beige-text {
color: #EDE6DB;
}
.fade-in {
animation: fadeIn 1s;
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
.hidden-content {
display: none;
}
.visible-content {
display: block;
animation: fadeIn 1s;
}
/* Hide YouTube controls and branding */
.ytp-chrome-top, .ytp-show-cards-title {
display: none !important;
}
.ytp-watermark {
opacity: 0 !important;
}
.circle-container {
position: relative;
width: 200px;
height: 200px;
background-color: #3A506B;
border-radius: 50%;
margin: 0 auto;
overflow: hidden;
}
.profile-img {
width: 100%;
height: 100%;
object-fit: cover;
}
.highlight-box {
border-left: 4px solid #FF8C42;
padding-left: 1rem;
margin: 1rem 0;
}
.uppercase-title {
text-transform: uppercase;
line-height: 1.2;
}
.title-line1 {
font-size: 1.8rem;
line-height: 1.2;
}
.title-line2 {
font-size: 2.2rem;
line-height: 1.2;
}
.blinking {
animation: blink 1s step-end infinite;
}
@keyframes blink {
50% { opacity: 0; }
}
@media (min-width: 768px) {
.title-line1 {
font-size: 2rem;
}
.title-line2 {
font-size: 2.5rem;
}
}
.logo-container {
max-width: 200px;
margin: 0 auto 20px;
}
.logo-img {
width: 100%;
height: auto;
}
/* New section colors */
.section-dark {
background-color: #1F2A44;
color: white;
}
.section-light {
background-color: #EDE6DB;
color: #1F2A44;
}
.section-medium {
background-color: #3A506B;
color: white;
}
.section-divider {
height: 60px;
width: 100%;
background: linear-gradient(to bottom, #1F2A44, #3A506B);
}
.section-divider-reverse {
height: 60px;
width: 100%;
background: linear-gradient(to bottom, #3A506B, #1F2A44);
}
.section-divider-light {
height: 60px;
width: 100%;
background: linear-gradient(to bottom, #EDE6DB, #3A506B);
}
.section-divider-light-reverse {
height: 60px;
width: 100%;
background: linear-gradient(to bottom, #3A506B, #EDE6DB);
}
</style>
</head>
<body>
<!-- First Fold - Hero Section with VSL (Always visible) -->
<div id="main-content">
<!-- Header (logo removed) -->
<header class="py-6"></header>
<!-- Hero Section with VSL -->
<section class="py-8">
<div class="container mx-auto px-4">
<div class="text-center mb-8">
<!-- Logo added here -->
<div class="logo-container">
<img src="https://violet-anteater-154758.hostingersite.com/wp-content/uploads/2025/04/Logo-2-Re@mar-1.png" alt="Re@mar Logo" class="logo-img">
</div>
<h1 class="title-font uppercase-title">
<span class="beige-text block title-line1">DESCUBRA O QUE IMPEDE VOCÊ</span>
<span class="orange-text block title-line2">DE CONQUISTAR UMA MULHER DE VALOR</span>
</h1>
<p class="subtitle-font text-xl italic beige-text">E como virar esse jogo com confiança e sabedoria!</p>
</div>
<!-- VSL Container -->
<div class="max-w-4xl mx-auto bg-black rounded-lg overflow-hidden shadow-xl mb-8">
<div class="relative pb-[56.25%] h-0">
<iframe id="video-player" class="absolute top-0 left-0 w-full h-full" src="https://www.youtube.com/embed/sbfclrxEmDg?enablejsapi=1&modestbranding=1&rel=0&controls=0&showinfo=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="bg-white text-black p-4 text-center">
<p class="font-bold text-lg">ASSISTA ESSE VÍDEO ENQUANTO ESTÁ DISPONÍVEL!</p>
</div>
</div>
<!-- CTA Button (initially hidden) -->
<div id="cta-button" class="text-center mt-8 hidden-content">
<a href="#oferta" class="amber-btn inline-block text-white font-bold py-4 px-8 rounded-full text-xl hover:no-underline">
QUERO APRENDER COM O AUDIOBOOK
</a>
</div>
</div>
</section>
</div>
<!-- Rest of the Page (Hidden initially) -->
<div id="full-page-content" class="hidden-content">
<!-- Solution Section -->
<section class="py-12 section-light" id="oferta">
<div class="container mx-auto px-4">
<div class="max-w-3xl mx-auto text-center mb-12">
<h2 class="title-font text-3xl md:text-4xl mb-4">
<span class="block orange-text">O que você vai aprender no Manual</span>
<span class="block orange-text">"Sozinho nunca mais – Aprenda a conquistar uma mulher de valor"</span>
</h2>
<p class="subtitle-font text-xl">Um método comprovado para encontrar e manter um relacionamento saudável e duradouro</p>
</div>
<div class="grid md:grid-cols-2 gap-6 mb-12">
<div class="bg-white bg-opacity-20 p-6 rounded-lg border border-gray-300">
<h3 class="title-font text-xl mb-3" style="color: #FF8C42;">✅ Como conquistar sem repetir erros do passado</h3>
<p>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>
<div class="bg-white bg-opacity-20 p-6 rounded-lg border border-gray-300">
<h3 class="title-font text-xl mb-3" style="color: #FF8C42;">✅ Os verdadeiros motivos que fazem uma mulher se afastar (e que ela nunca vai te contar)</h3>
<p>Você vai entender o que faz uma mulher de valor perder o interesse em um homem — mesmo quando tudo parecia estar indo bem.</p>
</div>
<div class="bg-white bg-opacity-20 p-6 rounded-lg border border-gray-300">
<h3 class="title-font text-xl mb-3" style="color: #FF8C42;">✅ Como deixar de ser só mais um — e se tornar a escolha certa</h3>
<p>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>
<div class="bg-white bg-opacity-20 p-6 rounded-lg border border-gray-300">
<h3 class="title-font text-xl mb-3" style="color: #FF8C42;">✅ Onde e como conhecer mulheres reais — fuera dos aplicativos</h3>
<p>Vou revelar a você onde e como encontrar oportunidades para conhecer mulheres maduras, disponíveis e interessadas em algo sério.</p>
</div>
<div class="bg-white bg-opacity-20 p-6 rounded-lg border border-gray-300">
<h3 class="title-font text-xl mb-3" style="color: #FF8C42;">✅ Como sair do ciclo de frustrações amorosas</h3>
<p>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>
<div class="bg-white bg-opacity-20 p-6 rounded-lg border border-gray-300">
<h3 class="title-font text-xl mb-3" style="color: #FF8C42;">✅ E diversos outros temas...</h3>
<p>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>
<!-- Pain Points Section -->
<section class="py-12">
<div class="container mx-auto px-4">
<div class="highlight-box">
<p class="text-lg italic-font">"Você já deu tudo de si… e mesmo assim foi ignorado? Já entrou em relações onde parecia ser o único a se importar? Já se pegou pensando: 'Será que existe alguma mulher que realmente valha a pena?'"</p>
</div>
<p class="mb-8">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 homem.</p>
<div class="text-center">
<a href="#cta-final" class="amber-btn inline-block text-white font-bold py-4 px-8 rounded-full text-xl hover:no-underline">
QUERO APRENDER COM O AUDIOBOOK
</a>
</div>
</div>
</section>
</div>
</section>
<!-- Section Divider -->
<div class="section-divider-light"></div>
<!-- Bonus Section -->
<section class="py-12 section-medium">
<div class="container mx-auto px-4">
<div class="max-w-4xl mx-auto bg-white bg-opacity-10 p-8 rounded-lg border border-gray-300">
<h3 class="title-font text-2xl mb-6 text-center orange-text">Bônus Exclusivos Incluídos</h3>
<div class="grid md:grid-cols-2 gap-6">
<div class="flex items-start">
<div class="bg-amber-500 text-white rounded-full w-6 h-6 flex items-center justify-center mr-4 mt-1"></div>
<div>
<h4 class="title-font">Meditação guiada sobre amor e prosperidade</h4>
<p class="italic-font text-sm">Uma meditação especial feita por mim, com uma vibe leve e envolvente, para atrair amor verdadeiro e prosperidade para sua vida.</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-amber-500 text-white rounded-full w-6 h-6 flex items-center justify-center mr-4 mt-1"></div>
<div>
<h4 class="title-font">Estratégias para gerar renda extra</h4>
<p class="italic-font text-sm">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>
</div>
<div class="flex items-start">
<div class="bg-amber-500 text-white rounded-full w-6 h-6 flex items-center justify-center mr-4 mt-1"></div>
<div>
<h4 class="title-font">Dicas valiosíssimas de português</h4>
<p class="italic-font text-sm">Descubra os deslizes gramaticais que você não pode cometer em uma conversa — chega de ser dispensado por esse motivo!</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section Divider -->
<div class="section-divider-reverse"></div>
<!-- Authority Section -->
<section class="py-12 section-dark">
<div class="container mx-auto px-4">
<div class="max-w-4xl mx-auto">
<h2 class="title-font text-3xl text-center mb-8">Quem é a "Dra. Cupido"?</h2>
<div class="flex flex-col md:flex-row items-center gap-8">
<div class="w-full md:w-1/3">
<div class="circle-container">
<img src="https://violet-anteater-154758.hostingersite.com/wp-content/uploads/2025/05/Dra-Cupido.jpg" alt="Dra. Cupido" class="profile-img">
</div>
</div>
<div class="w-full md:w-2/3">
<p class="mb-4">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">Não sou psicóloga nem 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">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="italic-font">"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 colocar em prática tudo o que preparei, pode ter certeza de que sua vida amorosa nunca mais será a mesma."</p>
</div>
</div>
</div>
</div>
</section>
<!-- Section Divider -->
<div class="section-divider"></div>
<!-- Testimonials Section -->
<section class="py-12 section-medium">
<div class="container mx-auto px-4">
<h2 class="title-font text-3xl text-center mb-8">Histórias Reais de Transformação</h2>
<div class="grid md:grid-cols-3 gap-8">
<div class="bg-white bg-opacity-10 p-6 rounded-lg">
<div class="flex items-center mb-4">
<div class="bg-gray-600 rounded-full w-10 h-10 mr-3"></div>
<div>
<h4 class="title-font">Carlos, 42 anos</h4>
<p class="text-sm text-gray-400">Divorciado</p>
</div>
</div>
<p class="italic-font">"Depois do divórcio, achava que nunca mais encontraria alguém. Com o método da Dra. Cupido, conheci uma mulher incrível e hoje estamos construindo uma família."</p>
</div>
<div class="bg-white bg-opacity-10 p-6 rounded-lg">
<div class="flex items-center mb-4">
<div class="bg-gray-600 rounded-full w-10 h-10 mr-3"></div>
<div>
<h4 class="title-font">Ricardo, 35 anos</h4>
<p class="text-sm text-gray-400">Solteiro</p>
</div>
</div>
<p class="italic-font">"Sempre fui o 'bonzinho' que acabava na friendzone. Aprendi a me valorizar e estabelecer limites. Hoje estou noivo da mulher dos meus sonhos."</p>
</div>
<div class="bg-white bg-opacity-10 p-6 rounded-lg">
<div class="flex items-center mb-4">
<div class="bg-gray-600 rounded-full w-10 h-10 mr-3"></div>
<div>
<h4 class="title-font">Marcelo, 50 anos</h4>
<div class="text-sm text-gray-400">Viúvo</div>
</div>
</div>
<p class="italic-font">"Depois de perder minha esposa, não sabia como recomeçar. Esse método me mostrou que ainda posso ser feliz no amor, sem trair minha história passada."</p>
</div>
</div>
</div>
</section>
<!-- Section Divider -->
<div class="section-divider-reverse"></div>
<!-- Urgency Section -->
<section class="py-12 bg-red-900">
<div class="container mx-auto px-4 text-center">
<h2 class="title-font text-3xl mb-6 blinking">⚠️ ATENÇÃO: CONTEÚDO DISPONÍVEL POR TEMPO LIMITADO ⚠️</h2>
<div class="max-w-2xl mx-auto">
<p class="mb-6">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="mb-6">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="mb-8">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>
<a href="#cta-final" class="amber-btn inline-block text-white font-bold py-4 px-8 rounded-full text-xl hover:no-underline">
QUERO APRENDER COM O AUDIOBOOK
</a>
</div>
</div>
</section>
<!-- Final CTA -->
<section class="py-12 section-light" id="cta-final">
<div class="container mx-auto px-4 text-center">
<h2 class="title-font text-2xl mb-4">Porque você não que só mais uma. Você quer a certa. E ela está esperando o melhor de você.</h2>
<h3 class="title-font text-3xl orange-text mb-8">
<span class="block text-gray-800">Garanta agora o Audiobook Sozinho Nunca Mais –</span>
<span class="block orange-text">Aprenda a Conquistar Uma Mulher de Valor</span>
</h3>
<div class="max-w-2xl mx-auto bg-white bg-opacity-20 p-8 rounded-lg border border-gray-300 mb-8">
<h4 class="title-font text-2xl mb-4">Oferta Especial por Tempo Limitado</h4>
<div class="flex justify-center items-baseline mb-6">
<span class="text-4xl font-bold mr-2">R$129</span>
<span class="text-gray-600 line-through">R$299</span>
</div>
<ul class="mb-6 text-left max-w-md mx-auto">
<li class="mb-2">✓ Manual Completo</li>
<li class="mb-2">✓ 3 Bônus Exclusivos</li>
<li class="mb-2">✓ Acesso Imediato e Vitalício</li>
<li class="mb-2">✓ 7 Dias de Garantia</li>
</ul>
<p class="mb-6 italic-font">Você não precisa mais aceitar 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. Está pronto para dar esse passo?</p>
<a href="#" class="amber-btn inline-block text-white font-bold py-4 px-8 rounded-full text-xl hover:no-underline mb-4 blinking">
SIM, QUERO APRENDER COM O AUDIOBOOK!
</a>
<p class="italic-font text-sm">Pagamento único e 100% seguro • Garanta acesso imediato + bônus</p>
</div>
<div class="mt-8 text-sm">
<p>© 2025 Re@mar - Todos os direitos reservados</p>
<p class="mt-2">TERMOS DE USO – POLÍTICA DE PRIVACIDADE</p>
<p class="mt-2">NS CORPORATIONS LTDA – CNPJ 33.140.741/0001-27</p>
<p class="mt-2">Este site não pertence nem é endossado pela Meta (Facebook, Instagram ou WhatsApp). META é uma marca registrada de propriedade da Meta Platforms, Inc.</p>
</div>
</div>
</section>
</div>
<script>
// YouTube API setup
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;
var timerStarted = false;
function onYouTubeIframeAPIReady() {
player = new YT.Player('video-player', {
events: {
'onStateChange': onPlayerStateChange
}
});
}
function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.PLAYING && !timerStarted) {
timerStarted = true;
// Show CTA button and other content after 3 minutes (180 seconds)
setTimeout(function() {
// Show the CTA button
document.getElementById('cta-button').classList.remove('hidden-content');
document.getElementById('cta-button').classList.add('fade-in');
// Show the rest of the page
document.getElementById('full-page-content').classList.remove('hidden-content');
document.getElementById('full-page-content').classList.add('visible-content');
// No scroll - content will appear below the hero section
}, 180000); // 180 seconds = 3 minutes
}
}
</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/cris-7" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>