cris-4 / index.html
WillNunes's picture
Add 2 files
0492997 verified
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Conquiste uma mulher de valor e viva um relacionamento leve e verdadeiro</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;
}
.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: #FF8C42;
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;
}
.highlight-box {
border-left: 4px solid #FF8C42;
padding-left: 1rem;
margin: 1rem 0;
}
.beige-text {
color: #EDE6DB;
}
.orange-text {
color: #FF8C42;
}
</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">
<span class="beige-text">Você está cansado de se frustrar com</span>
<span class="orange-text">mulheres erradas</span>
<span class="beige-text">?</span>
</h1>
<p class="subtitle-font text-xl italic">Existe um caminho mais leve e verdadeiro para conquistar uma mulher que te admire, te deseje — e queira caminhar ao seu lado.</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 O VÍDEO ANTES QUE SAIA DO AR!</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ê já passou por alguma dessas situações?</h2>
<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="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">Investiu tempo e energia em relacionamentos que não deram certo</h3>
<p class="italic-font">Você se dedicou, mas no final foi deixado de lado ou traído.</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">Frustração com apps de relacionamento</h3>
<p class="italic-font">Poucos matches, conversas superficiais 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">3</div>
<div>
<h3 class="title-font text-xl mb-2">Dificuldade em identificar mulheres de valor</h3>
<p class="italic-font">Não consegue distinguir quem realmente vale a pena investir.</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">Falta de confiança para abordar mulheres</h3>
<p class="italic-font">Medo de rejeição ou de não saber o que dizer.</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">Relacionamentos que não evoluem</h3>
<p class="italic-font">Fica na friendzone ou em situações indefinidas.</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 com este conteúdo:</h2>
<p class="subtitle-font text-xl">Um método baseado em autodesenvolvimento, empatia e compreensão do universo feminino</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 desenvolver sua autoconfiança</h3>
<p>Sem precisar fingir ser quem você não é - autenticidade que atrai.</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 atrair mulheres de valor</h3>
<p>Sem joguinhos ou fórmulas prontas - conexões genuínas.</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">O que afasta uma mulher de verdade</h3>
<p>E como evitar esses comportamentos inconscientes.</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 expressar com clareza</h3>
<p>Criando uma conexão emocional genuína desde o início.</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">O caminho para um relacionamento maduro</h3>
<p>Construindo algo leve, com propósito e duradouro.</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 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 sobre amor e prosperidade</h4>
<p class="italic-font text-sm">Exercício guiado para alinhar sua energia com o amor que deseja.</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 de renda extra</h4>
<p class="italic-font text-sm">Para aumentar sua confiança e atratividade através da stabilidade financeira.</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 de português para não errar</h4>
<p class="italic-font text-sm">Evite gafes na hora da conquista e impressione com sua comunicação.</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">Modelos de conversas</h4>
<p class="italic-font text-sm">Exemplos reais de como iniciar e manter diálogos interessantes.</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 baseado em respeito e conexão genuína."</p>
</div>
</div>
</div>
</div>
</section>
<!-- Testimonials Section -->
<section class="py-12 bg-gray-800">
<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>
<p class="text-sm text-gray-400">Viúvo</p>
</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>
<!-- 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">Você não precisa mais aceitar migalhas emocionais</h2>
<h3 class="title-font text-4xl orange-text mb-8">Chegou a hora de se tornar o tipo de homem que atrai mulheres incríveis</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">✓ Audiobook Completo com o método comprovado</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 VIVER UM RELACIONAMENTO DE VERDADE
</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>
<p class="text-sm mt-4">Este site não tem vínculo com aplicativos de relacionamento</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/cris-4" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>