Spaces:

WillNunes
/

cris80

Running

App Files Files Community

WillNunes commited on May 4, 2025

Commit

7b6cc87

verified ·

1 Parent(s): 71607cc

Add 3 files

Browse files

Files changed (3) hide show

README.md +7 -5
index.html +423 -19
prompts.txt +2 -0

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Cris80
-emoji: 💻
-colorFrom: pink
-colorTo: purple
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: cris80
+emoji: 🐳
+colorFrom: purple
+colorTo: blue
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,423 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!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>

prompts.txt ADDED Viewed

	@@ -0,0 +1,2 @@


1	+ Colocar uma faixa branca em caixa logo abaixo do VSL e inderir essa frase dentro "ASSISTA ESTE VÍDEO ENQUANTO ESTÁ DISPONÍVEL!" de forma que a caixa fique da mesma largura da VSL
2	+ alterar imagem da dra cupido para: https://violet-anteater-154758.hostingersite.com/wp-content/uploads/2025/05/Dra-Cupido.png e no mobile essa imagem deve ficar acima do texto apresentando a autora