Spaces:

WillNunes
/

cris-7

Running

App Files Files Community

WillNunes commited on May 2, 2025

Commit

a16f32a

verified ·

1 Parent(s): caf45fc

Add 2 files

Browse files

Files changed (2) hide show

index.html +66 -17
prompts.txt +2 -1

index.html CHANGED Viewed

@@ -119,6 +119,39 @@
             width: 100%;
             height: auto;
         }
     </style>
 </head>
 <body>
@@ -166,43 +199,43 @@
     <!-- Rest of the Page (Hidden initially) -->
     <div id="full-page-content" class="hidden-content">
         <!-- Solution Section -->
-        <section class="py-12 beige-bg" 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 beige-text">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-10 p-6 rounded-lg border border-gray-700">
                         <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-10 p-6 rounded-lg border border-gray-700">
                         <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-10 p-6 rounded-lg border border-gray-700">
                         <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-10 p-6 rounded-lg border border-gray-700">
                         <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-10 p-6 rounded-lg border border-gray-700">
                         <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-10 p-6 rounded-lg border border-gray-700">
                         <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>
@@ -224,9 +257,16 @@
                         </div>
                     </div>
                 </section>
-                <!-- Bonus Section -->
-                <div class="beige-bg p-8 rounded-lg max-w-4xl mx-auto mt-12">
                     <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">
@@ -258,8 +298,11 @@
             </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">Quem é a "Dra. Cupido"?</h2>
@@ -285,8 +328,11 @@
             </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>
@@ -327,6 +373,9 @@
             </div>
         </section>
         <!-- Urgency Section -->
         <section class="py-12 bg-red-900">
             <div class="container mx-auto px-4 text-center">
@@ -347,20 +396,20 @@
         </section>
         <!-- Final CTA -->
-        <section class="py-12" 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 beige-text">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-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$129</span>
-                        <span class="text-gray-400 line-through">R$299</span>
                     </div>
                     <ul class="mb-6 text-left max-w-md mx-auto">

             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>
     <!-- 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>
                     </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>
         </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>
         </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>
         </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">
         </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">

prompts.txt CHANGED Viewed

@@ -1,2 +1,3 @@
 inserir a seguinte imagem como dra cupido e remover o simbolo que representa mulher
-inserir o logo na primeira sessão acima da H1 https://violet-anteater-154758.hostingersite.com/wp-content/uploads/2025/04/Logo-2-Re@mar-1.png

 inserir a seguinte imagem como dra cupido e remover o simbolo que representa mulher
+inserir o logo na primeira sessão acima da H1 https://violet-anteater-154758.hostingersite.com/wp-content/uploads/2025/04/Logo-2-Re@mar-1.png
+Apresentar divisões com alternância de cores entre as sessões O que você vai aprender no Manual, depois a sessão Bônus e Quem é a dra Cupido precisão haver divisões claras entre essas 3 sessões com alternãncia de cores