Live Preview
Tag didn’t load? Click here and let us know!Share this result
Previews are deleted daily. Get a permanent share link sent to your inbox:
Script
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Farmacia Natural - Soluciones Seguras para tus Hijos</title>
<!-- Carga de Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- Configuración de color para un tema natural -->
<script>
tailwind.config = {
theme: {
extend: {
colors: {
'verde-natura': '#047857', // Verde profundo y natural
'verde-claro': '#D1FAE5', // Verde muy claro
'crema': '#FFFBEB', // Color crema/beige para fondo
'sello': '#FBBF24', // Amarillo/dorado para el sello BEST SELLER
},
fontFamily: {
sans: ['Inter', 'sans-serif'],
},
},
},
}
</script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
/* Estilos personalizados para el CTA */
.cta-button {
animation: pulse-shadow 2s infinite;
}
@keyframes pulse-shadow {
0% { box-shadow: 0 0 0 0 rgba(4, 120, 87, 0.7); }
70% { box-shadow: 0 0 0 10px rgba(4, 120, 87, 0); }
100% { box-shadow: 0 0 0 0 rgba(4, 120, 87, 0); }
}
</style>
</head>
<body class="bg-crema font-sans antialiased">
<!-- Sección 1: HERO - Dolor y Deseo Máximo -->
<header class="bg-verde-natura text-white py-10 md:py-16 shadow-lg">
<div class="container mx-auto px-4 flex flex-col md:flex-row items-center justify-center space-y-8 md:space-y-0 md:space-x-12 max-w-7xl">
<!-- Columna de Texto -->
<div class="md:w-1/2 text-center md:text-left">
<!-- Sello de Autoridad -->
<span class="inline-block bg-sello text-verde-natura text-xs font-bold px-3 py-1 rounded-full uppercase mb-3">BEST SELLER #1 EN BIENESTAR FAMILIAR</span>
<h1 class="text-4xl sm:text-5xl lg:text-6xl font-extrabold leading-tight mb-4">
Adiós a la <span class="text-sello">Incertidumbre</span>. Hola a la <span class="text-sello">Tranquilidad</span>.
</h1>
<p class="text-xl sm:text-2xl font-light mb-6">
Descubre las 30 soluciones naturales y seguras que transformarán tu botiquín familiar.
</p>
<!-- Llamada a la Acción -->
<div class="flex flex-col space-y-4">
<a href="#oferta" class="cta-button bg-sello text-verde-natura font-extrabold text-2xl py-4 px-8 rounded-xl shadow-2xl hover:bg-yellow-300 transition duration-300 transform hover:scale-105">
¡Quiero mi Farmacia Natural Ahora!
</a>
<p class="text-sm italic font-light">Acceso inmediato. Garantía de 7 días. ¡3 Bonos GRATIS!</p>
</div>
</div>
<!-- Columna de Imagen -->
<div class="md:w-1/3">
<!-- Contenedor para la Portada del Ebook -->
<div class="bg-verde-claro p-6 rounded-2xl shadow-2xl border-4 border-white transform hover:rotate-2 transition duration-300">
<!-- Marcador de posición (Placeholder) estable para la Portada del Ebook.
Utilizamos una URL estable que simula la portada. -->
<img src="https://placehold.co/400x550/047857/FFFBEB?text=EBOOK%20FARMACIA%20NATURAL%0A(Portada)"
alt="Portada del Ebook Farmacia Natural"
class="w-full rounded-lg object-cover"
style="height: 550px;"
onerror="this.onerror=null; this.src='https://placehold.co/400x550/047857/FFFBEB?text=Error+de+Imagen';"
>
</div>
</div>
</div>
</header>
<!-- Sección 2: DOLORES y MIEDOS (Empatía) -->
<section class="py-16 px-4">
<div class="max-w-6xl mx-auto text-center">
<h2 class="text-3xl sm:text-4xl font-bold text-verde-natura mb-12">¿Te Identificas con Alguno de Estos Momentos?</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<!-- Dolor 1: Incertidumbre -->
<div class="bg-white p-6 rounded-xl shadow-lg border-t-4 border-red-500">
<svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10 mx-auto text-red-500 mb-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.228 9.228a2.35 2.35 0 011.616-.71c.712.008 1.392.296 1.904.793M11 20a9 9 0 11-2.92-1.92m2.92 1.92l-.782-.782m7.818-7.818l-.782-.782M21 12a9 9 0 01-18 0" />
</svg>
<h3 class="text-xl font-semibold mb-3">La duda de las 3 AM</h3>
<p class="text-gray-600">Tu hijo despierta congestionado y te preguntas: "¿Le doy esto o busco algo menos agresivo?" El miedo a los efectos secundarios te paraliza.</p>
</div>
<!-- Dolor 2: Complicación -->
<div class="bg-white p-6 rounded-xl shadow-lg border-t-4 border-yellow-500">
<svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10 mx-auto text-yellow-500 mb-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.942 3.313.84 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.942 1.543-.84 3.313-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.942-3.313-.84-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.942-1.543.84-3.313 2.37-2.37.986.602 2.22.68 3.35 0" />
</svg>
<h3 class="text-xl font-semibold mb-3">Recursos Escondidos</h3>
<p class="text-gray-600">Sabes que lo natural funciona, pero no encuentras recetas claras, seguras y con ingredientes *realmente* cotidianos. Sientes que es demasiado complejo.</p>
</div>
<!-- Dolor 3: Dependencia -->
<div class="bg-white p-6 rounded-xl shadow-lg border-t-4 border-verde-natura">
<svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10 mx-auto text-verde-natura mb-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
</svg>
<h3 class="text-xl font-semibold mb-3">Botiquín Químico</h3>
<p class="text-gray-600">Te gustaría reducir la dependencia de medicamentos y químicos fuertes, pero necesitas una alternativa de confianza para los resfriados, digestiones o fiebres leves.</p>
</div>
</div>
</div>
</section>
<!-- Sección 3: DESEO (La Promesa del Ebook) -->
<section class="bg-verde-claro py-16 px-4">
<div class="max-w-6xl mx-auto text-center">
<h2 class="text-3xl sm:text-4xl font-bold text-verde-natura mb-4">Lo que Realmente Deseas es Simplicidad y Confianza</h2>
<p class="text-xl text-gray-700 mb-10">Con el Ebook **Farmacia Natural**, por fin podrás:</p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 text-left">
<div class="flex items-start space-x-4">
<span class="text-3xl text-verde-natura font-extrabold flex-shrink-0">✓</span>
<div>
<h4 class="text-2xl font-semibold text-verde-natura">Actuar en Minutos</h4>
<p class="text-gray-600">Tener a mano soluciones *simples y efectivas* para el malestar común, sin tener que correr a la farmacia. Desde cólicos hasta congestión nasal.</p>
</div>
</div>
<div class="flex items-start space-x-4">
<span class="text-3xl text-verde-natura font-extrabold flex-shrink-0">✓</span>
<div>
<h4 class="text-2xl font-semibold text-verde-natura">Fortalecer su Inmunidad</h4>
<p class="text-gray-600">Aplicar 30 recetas probadas que ayudan a reforzar las defensas de tu familia de manera constante, suave y natural.</p>
</div>
</div>
<div class="flex items-start space-x-4">
<span class="text-3xl text-verde-natura font-extrabold flex-shrink-0">✓</span>
<div>
<h4 class="text-2xl font-semibold text-verde-natura">Paz Mental Garantizada</h4>
<p class="text-gray-600">Saber que estás usando ingredientes seguros, que ya conoces, y que son suaves con el organismo de tus hijos.</p>
</div>
</div>
<div class="flex items-start space-x-4">
<span class="text-3xl text-verde-natura font-extrabold flex-shrink-0">✓</span>
<div>
<h4 class="text-2xl font-semibold text-verde-natura">Ser la Experta en Casa</h4>
<p class="text-gray-600">Dejar de depender de fuentes de información dudosas. Tendrás una guía clara, organizada y lista para aplicar, explicada paso a paso.</p>
</div>
</div>
</div>
<div class="mt-12">
<a href="#oferta" class="cta-button bg-verde-natura text-white font-extrabold text-xl py-3 px-8 rounded-xl shadow-lg hover:bg-green-700 transition duration-300 transform hover:scale-105">
¡Sí, Necesito esta Guía de Soluciones Seguras!
</a>
</div>
</div>
</section>
<!-- Sección 4: OBCECIONES Y DETALLE DEL CONTENIDO -->
<section class="py-16 px-4 max-w-6xl mx-auto">
<h2 class="text-3xl sm:text-4xl font-bold text-gray-800 text-center mb-12">Detalles del Contenido que Resuelve Cada Duda</h2>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-10">
<!-- Columna de Objeciones -->
<div class="lg:col-span-1 bg-white p-6 rounded-xl shadow-2xl h-fit">
<h3 class="text-2xl font-bold text-verde-natura mb-6 border-b pb-2">Tu Tranquilidad en Respuestas</h3>
<div class="space-y-4">
<!-- Objeción 1: ¿Es seguro? -->
<div class="border-l-4 border-sello pl-3">
<p class="font-semibold text-gray-800">"¿Es esto realmente seguro para los niños?"</p>
<p class="text-sm text-gray-600">SÍ. El ebook usa *solo ingredientes cotidianos* y conocidos (miel, manzanilla, arroz, eucalipto, etc.), con énfasis en la preparación, dosificación y **Advertencias de Seguridad** (Pág. 7).</p>
</div>
<!-- Objeción 2: ¿Funcionará? -->
<div class="border-l-4 border-sello pl-3">
<p class="font-semibold text-gray-800">"¿Son efectivas o son solo 'recetas de abuela'?"</p>
<p class="text-sm text-gray-600">Son **30 recetas específicas** organizadas por categorías (Respiratorios, Digestivos, Fiebre e Inmunidad), diseñadas para los malestares más comunes. Están seleccionadas por su eficacia comprobada a través de generaciones y experiencia práctica.</p>
</div>
<!-- Objeción 3: ¿Es complicado? -->
<div class="border-l-4 border-sello pl-3">
<p class="font-semibold text-gray-800">"No tengo tiempo para preparar cosas complicadas."</p>
<p class="text-sm text-gray-600">Cada solución está explicada **paso a paso, con claridad y calma** (Pág. 52). La lista de **Materiales Básicos** (Pág. 8) y la **Guía Rápida de Técnicas** (Pág. 11) te permiten prepararlos en minutos.</p>
</div>
</div>
</div>
<!-- Columna de Contenido (Features) -->
<div class="lg:col-span-2 space-y-8">
<div class="bg-white p-6 rounded-xl shadow-xl">
<h3 class="text-2xl font-bold text-verde-natura mb-4">30 Soluciones Organizadas y Listas</h3>
<ul class="grid grid-cols-1 sm:grid-cols-2 gap-4 text-gray-700 list-none p-0">
<li class="flex items-center space-x-2"><span class="text-verde-natura font-extrabold text-xl">🌿</span><span>Jarabe natural para la tos</span></li>
<li class="flex items-center space-x-2"><span class="text-verde-natura font-extrabold text-xl">🌿</span><span>Infusión antiresfriado</span></li>
<li class="flex items-center space-x-2"><span class="text-verde-natura font-extrabold text-xl">🌿</span><span>Vapor de eucalipto para congestión</span></li>
<li class="flex items-center space-x-2"><span class="text-verde-natura font-extrabold text-xl">🌿</span><span>Cataplasma para bronquitis</span></li>
<li class="flex items-center space-x-2"><span class="text-verde-natura font-extrabold text-xl">🌿</span><span>Miel tibia para dolor de garganta</span></li>
<li class="flex items-center space-x-2"><span class="text-verde-natura font-extrabold text-xl">🌿</span><span>Té de manzanilla para cólicos</span></li>
<li class="flex items-center space-x-2"><span class="text-verde-natura font-extrabold text-xl">🌿</span><span>Suero casero para diarrea</span></li>
<li class="flex items-center space-x-2"><span class="text-verde-natura font-extrabold text-xl">🌿</span><span>Baño tibio anti-fiebre (Y más recetas de Inmunidad)</span></li>
</ul>
</div>
<div class="bg-white p-6 rounded-xl shadow-xl">
<h3 class="text-2xl font-bold text-verde-natura mb-4">Y Guías Esenciales Incluidas</h3>
<ul class="grid grid-cols-1 sm:grid-cols-2 gap-4 text-gray-700 list-none p-0">
<li class="flex items-center space-x-2"><span class="text-sello font-extrabold text-xl">⭐</span><span>**Guía Rápida de Emergencias Comunes**</span></li>
<li class="flex items-center space-x-2"><span class="text-sello font-extrabold text-xl">⭐</span><span>**Listas de Compra Esencial** (Ahorra tiempo)</span></li>
<li class="flex items-center space-x-2"><span class="text-sello font-extrabold text-xl">⭐</span><span>**Claves para Elegir y Conservar Ingredientes Naturales**</span></li>
<li class="flex items-center space-x-2"><span class="text-sello font-extrabold text-xl">⭐</span><span>**Bonus Educativo Ilustrado** para toda la familia.</span></li>
</ul>
</div>
</div>
</div>
</section>
<!-- Sección 5: TESTIMONIOS (Prueba Social) -->
<section class="bg-gray-100 py-16 px-4">
<div class="max-w-6xl mx-auto text-center">
<h2 class="text-3xl sm:text-4xl font-bold text-verde-natura mb-12">Lo que dicen las Familias que ya lo Probaron</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<!-- Testimonio 1 -->
<div class="bg-white p-6 rounded-xl shadow-lg border-t-4 border-verde-natura transform hover:scale-[1.02] transition duration-300">
<p class="text-lg italic text-gray-700 mb-4">"¡La tranquilidad no tiene precio! El jarabe para la tos es un milagro, y lo mejor es que lo hice con ingredientes que ya tenía en casa. Mi botiquín cambió por completo. Lo recomiendo al 100%."</p>
<div class="font-semibold text-verde-natura">- Laura M. (Mamá de 2)</div>
</div>
<!-- Testimonio 2 -->
<div class="bg-white p-6 rounded-xl shadow-lg border-t-4 border-sello transform hover:scale-[1.02] transition duration-300">
<p class="text-lg italic text-gray-700 mb-4">"Mi miedo era no saber aplicarlos bien. Pero las explicaciones paso a paso son tan claras que perdí el miedo. Por fin siento que puedo cuidar a mi bebé sin recurrir a químicos fuertes a la primera señal de molestia."</p>
<div class="font-semibold text-verde-natura">- Roberto P. (Papá primerizo)</div>
</div>
<!-- Testimonio 3 -->
<div class="bg-white p-6 rounded-xl shadow-lg border-t-4 border-verde-natura transform hover:scale-[1.02] transition duration-300">
<p class="text-lg italic text-gray-700 mb-4">"La guía de conservación de ingredientes es oro puro. Antes desperdiciaba mucho. Ahora, mi despensa es mi farmacia. Es una inversión que se paga sola en paz mental y ahorro."</p>
<div class="font-semibold text-verde-natura">- Carmen S. (Abuela y cuidadora)</div>
</div>
</div>
</div>
</section>
<!-- Sección 6: LA OFERTA IRRESISTIBLE (Precio y Bonos) -->
<section id="oferta" class="py-20 px-4 bg-verde-natura text-white">
<div class="max-w-4xl mx-auto text-center">
<h2 class="text-4xl font-extrabold mb-4">Acceso Inmediato a tu Tranquilidad</h2>
<p class="text-xl font-light mb-10">Consigue el Ebook Farmacia Natural **HOY** y llévate estos 3 Bonos Exclusivos.</p>
<div class="bg-white text-gray-800 p-8 rounded-2xl shadow-2xl border-b-8 border-sello">
<h3 class="text-3xl font-bold text-verde-natura mb-4">El Paquete Completo de Bienestar</h3>
<!-- Bonos -->
<div class="text-left mb-6 space-y-2">
<div class="flex items-center space-x-3">
<span class="text-3xl text-sello">🎁</span>
<p class="font-semibold">Ebook Principal: **Farmacia Natural** (30 Recetas)</p>
</div>
<div class="flex items-center space-x-3">
<span class="text-3xl text-sello">➕</span>
<p class="font-semibold">BONO 1: **Guía Rápida de Primeros Auxilios Naturales** (Valorado en $15)</p>
</div>
<div class="flex items-center space-x-3">
<span class="text-3xl text-sello">➕</span>
<p class="font-semibold">BONO 2: **Checklist de Compra Esencial** (Valorado en $8)</p>
</div>
<div class="flex items-center space-x-3">
<span class="text-3xl text-sello">➕</span>
<p class="font-semibold">BONO 3: **Guía Educativa Familiar Ilustrada** (Valorado en $12)</p>
</div>
</div>
<p class="text-xl line-through text-gray-500">Valor Total Estimado: <span class="text-2xl">$45 USD</span></p>
<div class="my-4">
<p class="text-3xl font-light">Tu Inversión HOY es solo:</p>
<!-- PRECIO ACTUALIZADO A 10 USD -->
<p class="text-6xl font-extrabold text-red-600 my-2">$10 USD</p>
</div>
<!-- Llamada a la Acción Final -->
<a href="#" class="cta-button bg-verde-natura text-white font-extrabold text-2xl py-5 px-10 rounded-xl shadow-2xl hover:bg-green-700 transition duration-300 transform hover:scale-105 w-full block md:inline-block">
Comprar Ahora y Descargar Todo al Instante
</a>
<p class="mt-4 text-sm text-gray-500 font-medium">¡Precio promocional por tiempo limitado! Asegura tu copia ahora.</p>
<!-- Garantía -->
<div class="mt-6 p-4 bg-verde-claro rounded-lg border border-verde-natura">
<p class="font-bold text-lg text-verde-natura">Garantía de Satisfacción 100%</p>
<p class="text-sm text-gray-700">Si en los primeros 7 días no sientes que este Ebook te da la confianza y las soluciones que prometemos, te devolvemos el 100% de tu dinero sin preguntas. ¡Cero riesgo!</p>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="text-center py-6 text-sm text-gray-600">
<div class="max-w-4xl mx-auto px-4">
<p>© 2025 Farmacia Natural. Todos los derechos reservados.</p>
<p class="mt-2 text-xs">Aviso Legal | Política de Privacidad</p>
</div>
</footer>
</body>
</html>Landing Page
This ad does not have a landing page available
Network Timeline
Performance Summary
6
Requests
5
Domains
197KB
Transfer Size
477KB
Content Size
720.0ms
Dom Content Loaded
804.0ms
First Paint
888.0ms
Load Time
Domain Breakdown
Transfer Size (bytes)
Loading...
Content Size (bytes)
Loading...
Header Size (bytes)
Loading...
Requests
Loading...
Timings (ms)
Loading...
Total Time
Loading...
Content Breakdown
Transfer Size (bytes)
Loading...
Content Size (bytes)
Loading...
Header Size (bytes)
Loading...
Requests
Loading...