Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
Blog
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
:root {
--primary-color: #f39c12; /* Naranja cálido / Pan */
--secondary-color: #27ae60; /* Verde fresco / Salud */
--accent-color: #f1c40f; /* Amarillo suave */
--text-dark: #2c3e50;
--text-light: #ffffff;
--bg-light: #fdfaf5;
--shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.landing-container {
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
line-height: 1.6;
color: var(--text-dark);
background-color: var(--bg-light);
max-width: 900px;
margin: 0 auto;
overflow: hidden;
border-radius: 12px;
}
/* Hero Section */
.hero {
background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://images.unsplash.com/photo-1509440159596-0249088772ff?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80');
background-size: cover;
background-position: center;
color: var(--text-light);
padding: 80px 20px;
text-align: center;
}
.hero h1 {
font-size: 2.5rem;
margin-bottom: 20px;
line-height: 1.2;
}
.hero p {
font-size: 1.2rem;
max-width: 700px;
margin: 0 auto;
}
/* Secciones Generales */
.section {
padding: 50px 30px;
}
.section-title {
text-align: center;
color: var(--primary-color);
font-size: 2rem;
margin-bottom: 30px;
}
/* Cards / Listas */
.grid-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
}
.card {
background: white;
padding: 25px;
border-radius: 10px;
box-shadow: var(--shadow);
border-left: 5px solid var(--secondary-color);
}
.check-list {
list-style: none;
padding: 0;
}
.check-list li {
margin-bottom: 15px;
padding-left: 30px;
position: relative;
}
.check-list li::before {
content: '✅';
position: absolute;
left: 0;
}
/* Testimonios */
.testimonials {
background-color: #f9f3e9;
text-align: center;
}
.testimonial-item {
font-style: italic;
margin: 20px 0;
padding: 20px;
background: white;
border-radius: 50px;
box-shadow: var(--shadow);
display: inline-block;
width: 80%;
}
/* Precio y Botón */
.pricing-box {
background: var(--text-dark);
color: white;
text-align: center;
padding: 40px;
border-radius: 15px;
margin: 40px 0;
}
.price {
font-size: 3.5rem;
font-weight: bold;
color: var(--accent-color);
}
.cta-button {
display: inline-block;
background-color: var(--primary-color);
color: white;
padding: 20px 40px;
text-decoration: none;
font-weight: bold;
font-size: 1.4rem;
border-radius: 50px;
margin-top: 20px;
transition: transform 0.3s ease, background 0.3s ease;
box-shadow: 0 10px 20px rgba(243, 156, 18, 0.4);
}
.cta-button:hover {
background-color: #e67e22;
transform: scale(1.05);
}
.guarantee-badge {
margin-top: 20px;
font-size: 0.9rem;
color: #bdc3c7;
}
/* Responsive */
@media (max-width: 600px) {
.hero h1 { font-size: 1.8rem; }
.section { padding: 30px 15px; }
.testimonial-item { width: 100%; border-radius: 15px; }
}
</style>
</head>
<body>
<div class="landing-container">
<!-- Header Hero -->
<header class="hero">
<h1>Descubre Cómo Disfrutar Delicias Sin Gluten Sin Complicarte en la Cocina</h1>
<p>Recetas fáciles, probadas y deliciosas para comer sin gluten sin renunciar al sabor.</p>
</header>
<!-- Frustración -->
<section class="section">
<h2 class="section-title">¿Cansada de recetas que no funcionan?</h2>
<p style="text-align: center; max-width: 750px; margin: 0 auto 30px;">
¿Te frustra buscar recetas sin gluten que usan ingredientes difíciles o terminan siendo aburridas?
Este recetario fue creado para personas reales que quieren comer rico, cuidar su salud y cocinar sin estrés.
</p>
<div class="grid-container">
<div class="card">
<h3>Sin Complicaciones</h3>
<p>No necesitas experiencia previa en la cocina ni técnicas de chef.</p>
</div>
<div class="card">
<h3>Ingredientes Reales</h3>
<p>Olvida los ingredientes imposibles de conseguir. Todo es accesible.</p>
</div>
</div>
</section>
<!-- Para quién es -->
<section class="section" style="background-color: #fff;">
<h2 class="section-title">Este recetario es para ti si…</h2>
<ul class="check-list" style="max-width: 600px; margin: 0 auto;">
<li>No puedes consumir gluten y ya no sabes qué cocinar.</li>
<li>Te frustra que las recetas sin gluten no queden bien.</li>
<li>Quieres opciones fáciles para el día a día.</li>
<li>Deseas que tu familia disfrute la comida sin notar la diferencia.</li>
<li>Buscas comer rico sin pasar horas en la cocina.</li>
</ul>
</section>
<!-- Contenido -->
<section class="section">
<h2 class="section-title">🍞 Lo que vas a encontrar dentro</h2>
<div class="grid-container">
<div class="card" style="border-left-color: var(--primary-color);">
<ul class="check-list">
<li>Recetas dulces y saladas sin gluten.</li>
<li>Preparaciones fáciles paso a paso.</li>
<li>Ingredientes accesibles en México y Latinoamérica.</li>
<li>Opciones para desayuno, comida, cena y postres.</li>
<li>Recetas probadas para salir bien al primer intento.</li>
</ul>
</div>
</div>
</section>
<!-- Storytelling -->
<section class="section" style="text-align: center; background: #fff5e6;">
<h2 class="section-title">💛 Imagina esto…</h2>
<p>Abrir tu cocina y saber exactamente qué preparar. Cocinar sin miedo a fallar.</p>
<p><strong>Disfrutar un pan o un postre y escuchar: “Está delicioso”.</strong></p>
<p>Eso es lo que este recetario busca darte: tranquilidad y seguridad al cocinar.</p>
</section>
<!-- Testimonios -->
<section class="section testimonials">
<h2 class="section-title">⭐ Lo que dicen quienes ya lo usan</h2>
<div class="testimonial-item">
"Pensé que comer sin gluten sería aburrido, pero ahora tengo muchas opciones fáciles."
</div>
<div class="testimonial-item">
"Las recetas son simples y sí funcionan."
</div>
<div class="testimonial-item">
"Mi familia ni siquiera nota que es sin gluten."
</div>
</section>
<!-- Oferta Final -->
<section class="section pricing-box">
<h3>Acceso Inmediato al Recetario Digital</h3>
<p>Velo desde tu celular, tablet o computadora.</p>
<div class="price">$12.99 USD</div>
<p><em>Menos de lo que cuesta salir a comer una vez...</em></p>
<a href="https://tusitio.com/comprar-recetario-sin-gluten" class="cta-button">👉 ACCEDE AHORA</a>
<div class="guarantee-badge">
🛡️ <strong>Garantía sin riesgo:</strong> Si no cumple tus expectativas, solicita tu reembolso. Compra segura.
</div>
<p style="margin-top: 15px; color: var(--accent-color); font-weight: bold;">
⚡ Oferta disponible por tiempo limitado
</p>
</section>
</div>
</body>
</html>