Spaces:

danielRamos22
/

ecocasamento

Running

App Files Files Community

danielRamos22 commited on Jul 16

Commit

34cad90

verified ·

1 Parent(s): ac1bee4

undefined - Initial Deployment

Browse files

Files changed (2) hide show

README.md +6 -4
index.html +230 -18

README.md CHANGED Viewed

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

 ---
+title: ecocasamento
+emoji: 🐳
+colorFrom: green
 colorTo: purple
 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,231 @@
-<!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>Segredos do Casamento Econômico</title>
+  <!-- GOOGLE FONTS -->
+  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
+  <style>
+    :root{
+      --rosa:#EECEDF;
+      --verde:#5DB075;
+      --marrom:#4A2F24;
+    }
+    *{box-sizing:border-box;margin:0;padding:0;font-family:'Poppins',sans-serif;}
+    body{background:#fff;color:#333;line-height:1.5;}
+    a{color:var(--verde);text-decoration:none;}
+    h1,h2,h3,h4{color:var(--marrom);font-weight:700;line-height:1.25;}
+    img{max-width:100%;display:block;}
+    .container{width:90%;max-width:1100px;margin:auto;}
+    .btn{
+      display:inline-block;background:var(--verde);color:#fff;font-weight:600;
+      padding:.9rem 1.7rem;border-radius:6px;text-align:center;
+      transition:.3s;
+    }
+    .btn:hover{opacity:.85;}
+    /* HERO */
+    .hero{background:var(--rosa);padding:3rem 0;text-align:center;}
+    .hero h1{font-size:clamp(2rem,5vw,3rem);}
+    .hero p{margin:1rem auto 2rem;max-width:600px;}
+    /* COUNTDOWN */
+    #countdown{display:flex;justify-content:center;gap:1rem;margin-top:1rem;}
+    .time{background:#fff;padding:.8rem 1.2rem;border-radius:6px;min-width:70px;}
+    .time span{display:block;font-weight:700;font-size:1.3rem;color:var(--marrom);}
+    /* PROVA SOCIAL */
+    .prova{background:#FFF7F6;padding:3rem 0;}
+    .prova-items{display:grid;gap:1.5rem;}
+    @media(min-width:700px){.prova-items{grid-template-columns:repeat(3,1fr);}}
+    /* OFERTA */
+    .oferta{padding:3rem 0;}
+    .price-box{border:2px solid var(--rosa);border-radius:8px;padding:1.5rem;text-align:center;}
+    .popular{border-color:var(--verde);position:relative;}
+    .popular::before{
+      content:"MAIS VENDIDO";position:absolute;top:-14px;left:50%;transform:translateX(-50%);
+      background:var(--verde);color:#fff;font-size:.7rem;padding:.2rem .6rem;border-radius:4px;
+      letter-spacing:.5px;
+    }
+    .price{font-size:2.2rem;font-weight:700;color:var(--marrom);}
+    .valor-antigo{text-decoration:line-through;font-size:1rem;color:#999;}
+    .beneficios{margin:1.5rem 0;text-align:left;}
+    .beneficios li{margin-bottom:.5rem;display:flex;gap:.4rem;}
+    .beneficios li::before{content:"✓";color:var(--verde);}
+    /* FAQ */
+    details{background:#f9f9f9;margin-bottom:.8rem;border-radius:6px;padding:.8rem 1.2rem;cursor:pointer;}
+    summary{font-weight:600;color:var(--marrom);}
+    /* FOOTER */
+    footer{background:var(--rosa);padding:2rem 0;text-align:center;font-size:.9rem;}
+  </style>
+</head>
+<body>
+=== FOOTER ========== -->
+=======
+<!-- ========== FLOATING BAR ========== -->
+<div style="position:fixed;bottom:0;left:0;right:0;background:var(--marrom);color:#fff;padding:.8rem;text-align:center;z-index:100;">
+  <div class="container" style="display:flex;justify-content:space-between;align-items:center;">
+    <span>⏳ PROMOÇÃO TERMINA EM: <strong id="countdown-floating">00:00:00</strong></span>
+    <a href="https://casamentoeconomico-insta.shop/segredos-do-casamento-economico/?ref=G100748877U" class="btn" style="margin:0;">GARANTIR MEU DESCONTO</a>
+  </div>
+</div>
+<!-- ========== FOOTER ========== -->
+========== HERO ========== -->
+<section class="hero">
+  <div class="container">
+    <h1>Realize o casamento dos seus sonhos gastando <br>menos de <strong>R$ 7.000</strong></h1>
+    <p>Método testado e aprovado por milhares de noivinhas. Último dia com 91&nbsp;% de desconto!</p>
+    <p style="background:#fff;display:inline-block;padding:.3rem .8rem;border-radius:20px;font-size:.9rem;margin-top:.5rem;">
+      <strong>⚠️ ÚLTIMAS 12 VAGAS DISPONÍVEIS!</strong>
+    </p>
+    <!-- COUNTDOWN -->
+    <div id="countdown">
+      <div class="time"><span id="dias">00</span>dias</div>
+      <div class="time"><span id="horas">00</span>h</div>
+      <div class="time"><span id="min">00</span>min</div>
+      <div class="time"><span id="seg">00</span>s</div>
+    </div>
+    <a href="{{LINK_CHECKOUT_COMPLETO}}" class="btn" style="margin-top:1.8rem;">Sim! Quero Economizar</a>
+    <p style="font-size:.8rem;margin-top:.5rem;">Preço volta ao normal em breve.</p>
+  </div>
+</section>
+<!-- ========== PROVA SOCIAL ========== -->
+<section class="prova">
+  <div class="container">
+    <h2 style="text-align:center;margin-bottom:2rem;">Histórias Reais de Economia</h2>
+    <div class="prova-items">
+      <!-- Repetir bloco IMG + legend -->
+      <div><img src="IMAGENS/dep1.jpg" alt="Depoimento economizou 10 mil"><small>“Economizei R$ 10.000 e ainda vamos viajar!”</small></div>
+      <div><img src="IMAGENS/dep2.jpg" alt="Print WhatsApp depoimento"></div>
+      <div><img src="IMAGENS/dep3.jpg" alt="DM Instagram depoimento"></div>
+    </div>
+  </div>
+</section>
+<!-- ========== OFERTA ========== -->
+<section class="oferta">
+  <div class="container">
+    <h2 style="text-align:center;margin-bottom:2rem;">Escolha o melhor plano para você</h2>
+    <p style="text-align:center;background:var(--rosa);padding:.5rem;border-radius:4px;max-width:300px;margin:0 auto 1.5rem;">
+      <strong>🔥 37 pessoas compraram nas últimas horas!</strong>
+    </p>
+    <div style="display:grid;gap:2rem;align-items:flex-start;">
+      <!-- BÁSICO -->
+      <div class="price-box">
+        <h3>BÁSICO</h3>
+        <p class="valor-antigo">R$ 97</p>
+        <p class="price">R$ 10</p>
+        <ul class="beneficios">
+          <li>E-book 1.0 (PDF)</li>
+          <li>1 ano de acesso</li>
+        </ul>
+        <a href="{{LINK_CHECKOUT_BASICO}}" class="btn">Quero o Básico</a>
+        <p style="font-size:.8rem;margin-top:.5rem;color:#ff0000;font-weight:600;">⏳ Últimas 3 vagas nesse preço!</p>
+      </div>
+      <!-- COMPLETO -->
+      <div class="price-box popular">
+        <h3>COMPLETO + BÔNUS</h3>
+        <p class="valor-antigo">R$ 197</p>
+        <p class="price">R$ 37 <span style="font-size:.8rem;">ou 5× R$ 8,05</span></p>
+        <ul class="beneficios">
+          <li>E-book 3.0 atualizado</li>
+          <li>Planner + Checklist</li>
+          <li>Lista enxoval casa nova</li>
+          <li>Guia casamento civil gratuito</li>
+          <li>Bônus surpresa + Atualizações vitalícias</li>
+          <li>Garantia 7 dias</li>
+        </ul>
+        <a href="{{LINK_CHECKOUT_COMPLETO}}" class="btn">Quero o Plano Completo</a>
+        <p style="margin-top:.8rem;font-size:.8rem;">Acesso vitalício</p>
+        <p style="font-size:.8rem;margin-top:.5rem;color:#ff0000;font-weight:600;">🚨 92% das pessoas escolheram este plano!</p>
+      </div>
+    </div>
+  </div>
+</section>
+<!-- ========== FAQ ========== -->
+<section class="container" style="padding:3rem 0;">
+  <h2 style="text-align:center;margin-bottom:1.5rem;">FAQ – Perguntas Frequentes</h2>
+  <details>
+    <summary>Funciona para qualquer região do Brasil?</summary>
+    <p>Sim! As estratégias de economia e negociação valem para todos os estados; você só adapta fornecedores locais.</p>
+  </details>
+  <details>
+    <summary>Em quanto tempo recebo o material?</summary>
+    <p>Logo após o pagamento aprovado (Pix ou cartão), o acesso chega no seu e-mail em até 5 minutos.</p>
+  </details>
+  <details>
+    <summary>Posso pedir reembolso?</summary>
+    <p>Claro! Você tem 7 dias de garantia incondicional: basta mandar e-mail para {{[email protected]}}.</p>
+  </details>
+</section>
+<!-- ========== GARANTIA ========== -->
+<section style="background:var(--verde);color:#fff;padding:2.5rem 0;text-align:center;">
+  <div class="container">
+    <h2>Satisfação Garantida ou 100 % do seu dinheiro de volta</h2>
+    <p style="max-width:700px;margin:1rem auto 0;">Se em até 7 dias você achar que o guia não te ajudou a economizar,
+      devolvemos cada centavo, sem perguntas.</p>
+  </div>
+</section>
+<!-- ========== FOOTER ========== -->
+<footer>
+  <p>Suporte: <a href="mailto:[email protected]">[email protected]</a> |
+     Instagram: <a href="https://instagram.com/ecocasamentoperfeito" target="_blank">@ecocasamentoperfeito</a></p>
+  <p>&copy; {{ANO_ATUAL}} Segredos do Casamento Econômico. Todos os direitos reservados.</p>
+</footer>
+<!-- ========== SCRIPTS ========== -->
+<script>
+  // --- Contador regressivo (ajuste a data/horário) ---
+  const objetivo = new Date("2025-07-20T23:59:59").getTime();
+  const dias = document.getElementById('dias');
+  const horas = document.getElementById('horas');
+  const min = document.getElementById('min');
+  const seg = document.getElementById('seg');
+  setInterval(()=>{
+    const agora = new Date().getTime();
+    const dist = objetivo - agora;
+    const d = Math.floor(dist/(1000*60*60*24));
+    const h = Math.floor((dist%(1000*60*60*24))/(1000*60*60));
+    const m = Math.floor((dist%(1000*60*60))/60000);
+    const s = Math.floor((dist%60000)/1000);
+    dias.textContent = d.toString().padStart(2,'0');
+    horas.textContent = h.toString().padStart(2,'0');
+    min.textContent  = m.toString().padStart(2,'0');
+    seg.textContent  = s.toString().padStart(2,'0');
+  },1000);
+</script>
+<script>
+  // Floating countdown
+  const floatingCountdown = document.getElementById('countdown-floating');
+  setInterval(()=>{
+    const agora = new Date().getTime();
+    const dist = objetivo - agora;
+    const h = Math.floor((dist%(1000*60*60*24))/(1000*60*60));
+    const m = Math.floor((dist%(1000*60*60))/60000);
+    const s = Math.floor((dist%60000)/1000);
+    floatingCountdown.textContent =
+      `${h.toString().padStart(2,'0')}:${m.toString().padStart(2,'0')}:${s.toString().padStart(2,'0')}`;
+  },1000);
+</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=danielRamos22/ecocasamento" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>