WillNunes's picture
Add 3 files
80c34e4 verified
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Descubra o que impede você de conquistar uma mulher incrível</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);
}
.bordeaux-text {
color: #8B2E3F;
}
.beige-bg {
background-color: #EDE6DB;
color: #1F2A44;
}
.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;
}
.woman-icon {
color: #8B2E3F;
font-size: 4rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.circle-container {
position: relative;
width: 200px;
height: 200px;
background-color: #3A506B;
border-radius: 50%;
margin: 0 auto;
}
</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">
<h1 class="title-font text-4xl md:text-5xl mb-4">Descubra o que impede você <span class="bordeaux-text">de conquistar uma mulher incrível</span></h1>
<p class="subtitle-font text-xl italic">E como virar esse jogo com sabedoria e confiança.</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 AO VÍDEO ANTES QUE SAIA DO AR!</p>
<p>Dê o play agora e descubra por que você ainda não encontrado a mulher certa — e como mudar isso de forma definitiva.</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 AGORA!
</a>
</div>
</div>
</section>
</div>
<!-- Rest of the Page (Hidden initially) -->
<div id="full-page-content" class="hidden-content">
<!-- Pain Points Section -->
<section class="py-12 beige-bg">
<div class="container mx-auto px-4">
<h2 class="title-font text-3xl md:text-4xl mb-8 text-center">Você se identifica com algum desses problemas?</h2>
<div class="grid md:grid-cols-2 gap-6">
<div class="flex items-start">
<div class="bg-red-500 text-white rounded-full w-8 h-8 flex items-center justify-center mr-4 mt-1">1</div>
<div>
<h3 class="title-font text-xl mb-2">Sempre é o "bonzinho" ignorado pelas mulheres</h3>
<p class="italic-font">Você faz tudo por ela, mas no final é tratado como um amigo ou pior, completamente ignorado.</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-red-500 text-white rounded-full w-8 h-8 flex items-center justify-center mr-4 mt-1">2</div>
<div>
<h3 class="title-font text-xl mb-2">Leva fora mesmo quando tudo parece estar indo bem</h3>
<p class="italic-font">Do nada, ela desaparece ou diz que "não está pronta", mesmo depois de demonstrações claras de interesse.</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-red-500 text-white rounded-full w-8 h-8 flex items-center justify-center mr-4 mt-1">3</div>
<div>
<h3 class="title-font text-xl mb-2">As mulheres somem sem explicação</h3>
<p class="italic-font">Conversas que começam bem, mais do nada ela para de responder e você fica sem entender o que aconteceu.</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-red-500 text-white rounded-full w-8 h-8 flex items-center justify-center mr-4 mt-1">4</div>
<div>
<h3 class="title-font text-xl mb-2">Já tentou aplicativos de namoro, mas só se frustrou</h3>
<p class="italic-font">Poucos matches, conversas que não levam a lugar nenhum ou encontros decepcionantes.</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-red-500 text-white rounded-full w-8 h-8 flex items-center justify-center mr-4 mt-1">5</div>
<div>
<h3 class="title-font text-xl mb-2">Tem medo de cair em ciladas, golpes ou perder tempo</h3>
<p class="italic-font">Você quer um relacionamento verdadeiro, mas não sabe como identificar mulheres que realmente valem a pena.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Solution Section -->
<section class="py-12" 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">O que você vai aprender no <span class="bordeaux-text">Manual "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 significativo</p>
</div>
<div class="grid md:grid-cols-2 gap-8 mb-12">
<div class="bg-white bg-opacity-10 p-6 rounded-lg border border-gray-700">
<h3 class="title-font text-xl mb-3 text-amber-500">Como despertar desejo de compromisso</h3>
<p>Aprenda as técnicas que fazem uma mulher de valor querer ficar ao seu lado e construir algo sório.</p>
</div>
<div class="bg-white bg-opacity-10 p-6 rounded-lg border border-gray-700">
<h3 class="title-font text-xl mb-3 text-amber-500">Técnicas para ser notado sem bancar o "bonzinho"</h3>
<p>Descubra como se destacar de forma autêntica, sem precisar agradar ou bajular.</p>
</div>
<div class="bg-white bg-opacity-10 p-6 rounded-lg border border-gray-700">
<h3 class="title-font text-xl mb-3 text-amber-500">Onde conhecer mulheres reais fora dos apps</h3>
<p>Os melhores lugares e situações para encontrar mulheres maduras e interessadas em relacionamentos.</p>
</div>
<div class="bg-white bg-opacity-10 p-6 rounded-lg border border-gray-700">
<h3 class="title-font text-xl mb-3 text-amber-500">Como se tornar um homem emocionalmente forte e seguro</h3>
<p>Desenvolva a confiança que atrai mulheres de qualidade e mantém o relacionamento saudável.</p>
</div>
<div class="bg-white bg-opacity-10 p-6 rounded-lg border border-gray-700 md:col-span-2">
<h3 class="title-font text-xl mb-3 text-amber-500">Passo a passo para construir um relacionamento sólido</h3>
<p>Do primeiro contato até a manutenção de um relacionamento duradouro, todas as etapas explicadas.</p>
</div>
</div>
<!-- Bonus Section -->
<div class="beige-bg p-8 rounded-lg max-w-4xl mx-auto">
<h3 class="title-font text-2xl mb-6 text-center bordeaux-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">Modelos prontos de conversas</h4>
<p class="italic-font text-sm">Exemplos reais de como iniciar e manter conversas interessantes.</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">Checklist de sinais de interesse feminino</h4>
<p class="italic-font text-sm">Saiba quando ela realmente está interessada em você.</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">Lista de lugares para conhecer mulheres de valor</h4>
<p class="italic-font text-sm">Os melhores locais e eventos para encontrar mulheres maduras.</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">Guia para evitar armadilhas emocionais e golpes amorosos</h4>
<p class="italic-font text-sm">Identifique e evite mulheres problemáticas antes que seja tarde.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Authority Section -->
<section class="py-12 beige-bg">
<div class="container mx-auto px-4">
<div class="max-w-4xl mx-auto">
<h2 class="title-font text-3xl text-center mb-8">Conheça 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">
<i class="woman-icon fas fa-female"></i>
</div>
</div>
<div class="w-full md:w-2/3">
<p class="mb-4">Com mais de 15 anos de experiência em aconselhamento de relacionamentos, a Dra. Cupido (nome real revelado apenas para alunos) já ajudou centenas de homens a encontrarem relacionamentos significativos.</p>
<p class="mb-4">Formada em psicologia com especialização em relações interpessoais, ela desenvolveu um método único que combina técnicas de comunicação, psicologia comportamental e inteligência emocional.</p>
<p class="italic-font">"Meu objetivo não é ensinar você a conquistar qualquer mulher, mas sim encontrar aquela que realmente vale a pena e construir um relacionamento duradouro."</p>
</div>
</div>
</div>
</div>
</section>
<!-- 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">⚠️ ATENÇÃO: OFERTA POR TEMPO LIMITADO ⚠️</h2>
<div class="max-w-2xl mx-auto">
<p class="mb-6">Este conteúdo ameaça os interesses das grandes plataformas de namoro que lucram com sua frustração. Por isso, pode ser retirado do ar a qualquer momento.</p>
<p class="mb-8">O acesso ao material completo está sendo liberado por tempo limitado. Não perca essa oportunidade única de transformar sua vida amorosa.</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">
👉 GARANTIR MEU ACESSO AGORA!
</a>
</div>
</div>
</section>
<!-- Final CTA -->
<section class="py-12" id="cta-final">
<div class="container mx-auto px-4 text-center">
<h2 class="title-font text-3xl mb-4">Porque você não want só mais uma.</h2>
<h3 class="title-font text-4xl bordeaux-text mb-8">Você quer a certa. E ela está esperando o melhor de você.</h3>
<div class="max-w-2xl mx-auto bg-white bg-opacity-10 p-8 rounded-lg border border-gray-700 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$97</span>
<span class="text-gray-400 line-through">R$297</span>
</div>
<ul class="mb-6 text-left max-w-md mx-auto">
<li class="mb-2">✓ Manual Completo "Sozinho nunca mais - Aprenda a conquistar uma mulher de valor"</li>
<li class="mb-2">✓ 4 Bônus Exclusivos</li>
<li class="mb-2">✓ Acesso Imediato e Vitalício</li>
<li class="mb-2">✓ 7 Dias de Garantia</li>
</ul>
<a href="#" class="amber-btn inline-block text-white font-bold py-4 px-8 rounded-full text-xl hover:no-underline mb-4">
👉 QUERO MEU MANUAL AGORA!
</a>
<p class="italic-font text-sm">Pagamento 100% seguro • Acesso imediato após confirmação</p>
</div>
<p class="italic-font">© 2025 Re@mar - Todos os direitos reservados</p>
</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/https-huggingface-co-spaces-willnunes" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>