1+ <!DOCTYPE html>
2+ <html lang="es">
3+ <head>
4+ <meta charset="UTF-8">
5+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6+ <title>TIOLICEO - Todo por $9.99/mes</title>
7+ <script src="https://cdn.tailwindcss.com"></script>
8+ <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
9+ <style>
10+ .gradient { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
11+ .countdown { font-size: 3.5rem; font-weight: 900; color: #ff006e; }
12+ </style>
13+ </head>
14+ <body class="bg-gray-900 text-white">
15+ <header class="gradient py-24 text-center">
16+ <div class="container mx-auto px-6">
17+ <h1 class="text-5xl md:text-7xl font-black mb-6">TIOLICEO</h1>
18+ <p class="text-3xl mb-4">La plataforma que creé para que cualquiera facture millones</p>
19+ <p class="text-6xl font-black text-yellow-400 mb-8">$9.99/mes o $99/año</p>
20+ <div class="countdown mb-8" id="timer">48:00:00</div>
21+ <a href="https://buy.stripe.com/test_000000000" class="bg-green-500 hover:bg-green-600 text-black font-black text-3xl py-8 px-16 rounded-2xl inline-block">
22+ ¡SÍ, QUIERO LOS $99/AÑO AHORA!
23+ </a>
24+ <p class="mt-8 text-xl">QR Dinámicos · Páginas Web · Logos IA · Anuncios Automáticos · Comunidad Viral</p>
25+ </div>
26+ </header>
27+
28+ <section class="py-20 bg-gray-800">
29+ <div class="container mx-auto px-6 text-center">
30+ <h2 class="text-5xl font-black mb-12">Todo esto incluido por menos de $10/mes</h2>
31+ <div class="grid grid-cols-2 md:grid-cols-5 gap-8">
32+ <div class="bg-purple-600 p-8 rounded-3xl"><i class="fas fa-qrcode text-6xl"></i><p class="mt-4 font-bold">QR Ilimitados</p></div>
33+ <div class="bg-blue-600 p-8 rounded-3xl"><i class="fas fa-globe text-6xl"></i><p class="mt-4 font-bold">Web + Hosting</p></div>
34+ <div class="bg-green-600 p-8 rounded-3xl"><i class="fas fa-robot text-6xl"></i><p class="mt-4 font-bold">Logos IA</p></div>
35+ <div class="bg-orange-600 p-8 rounded-3xl"><i class="fas fa-bullhorn text-6xl"></i><p class="mt-4 font-bold">Anuncios IA</p></div>
36+ <div class="bg-pink-600 p-8 rounded-3xl"><i class="fas fa-users text-6xl"></i><p class="mt-4 font-bold">Comunidad</p></div>
37+ </div>
38+ </div>
39+ </section>
40+
41+ <script>
42+ let time = 48 * 3600;
43+ setInterval(() => {
44+ time--;
45+ let h = String(Math.floor(time / 3600)).padStart(2,'0');
46+ let m = String(Math.floor((time % 3600)/60)).padStart(2,'0');
47+ let s = String(time % 60).padStart(2,'0');
48+ document.getElementById('timer').innerText = `\( {h}: \){m}:${s}`;
49+ }, 1000);
50+ </script>
51+ </body>
52+ </html>
0 commit comments