KAI Chocolate

{% layout none %}

<!DOCTYPE html>

<head>

<title>KAI Chocolate | Chocolate Metabólico de Grado Funcional</title>

<style>

body { font-family: 'Inter', sans-serif; }

h1, h2, h3, .serif { font-family: 'Playfair Display', serif; }

.bg-chocolate-dark { background-color: #2D1B14; }

.text-gold { color: #C5A059; }

.bg-gold { background-color: #C5A059; }

.border-gold { border-color: #C5A059; }

.hero-gradient {

background: linear-gradient(rgba(45, 27, 20, 0.7), rgba(45, 27, 20, 0.7)),

url('https://images.unsplash.com/photo-1548907040-4baa42d10919?auto=format&fit=crop&q=80&w=2000');

background-size: cover;

background-position: center;

}

</style>

</head>

<div class="text-2xl font-bold tracking-tighter serif">KAI <span class="text-gold">CHOCOLATE</span></div>

<a href="#beneficios" class="hover:text-gold transition">Beneficios</a>

<a href="#origen" class="hover:text-gold transition">Origen</a>

<a href="#ciencia" class="hover:text-gold transition">Ciencia</a>

<a href="#" class="bg-chocolate-dark text-white px-6 py-2 rounded-full hover:bg-black transition">Tienda</a>

</div>

</nav>

Grado Metabólico • Grado Funcional

</div>

<h1 class="text-5xl md:text-7xl mb-6 leading-tight">El Chocolate que Sana tu Cuerpo</h1>

Purificado mediante criogenia y nacido del cacao San Vicente 41, medalla de oro en París. Un ritual de salud para tu metabolismo.

</p>

Comprar Ahora

</a>

Ver Proceso

</a>

</div>

</header>

<div>

<h3 class="font-bold text-sm uppercase tracking-wider">Cacao de Oro</h3>

<p class="text-xs opacity-60 mt-2">San Vicente 41 - París 2004</p>

</div>

<div>

<h3 class="font-bold text-sm uppercase tracking-wider">Criopurificado</h3>

<p class="text-xs opacity-60 mt-2">Pureza molecular máxima</p>

</div>

<div>

<h3 class="font-bold text-sm uppercase tracking-wider">100% Orgánico</h3>

<p class="text-xs opacity-60 mt-2">Libre de Gluten y Aditivos</p>

</div>

<div>

<h3 class="font-bold text-sm uppercase tracking-wider">Bio-Activo</h3>

<p class="text-xs opacity-60 mt-2">Mejora funciones fisiológicas</p>

</div>

</section>

<p class="text-xs uppercase tracking-widest">Medalla de Oro<br>Salón de París</p>

</div>

<h4 class="text-gold font-bold tracking-widest uppercase text-sm mb-4">Herencia y Calidad</h4>

<h2 class="text-4xl md:text-5xl mb-6">La Genética San Vicente 41</h2>

"No es solo chocolate, es la excelencia premiada en el Salón de París."

</p>

Utilizamos exclusivamente cacao de la federación San Vicente 41, ganador del Cacao Excellence. Una genética superior que garantiza una concentración natural de flavonoides imposible de encontrar en procesos industriales masivos.

</p>

<span>Cultivo artesanal sostenible</span>

</li>

<span>Fermentación controlada por maestros</span>

</li>

</ul>

</div>

</section>

<h2 class="text-4xl md:text-5xl mb-4">Criopurificación: Ciencia Funcional</h2>

<p class="text-gray-600 max-w-2xl mx-auto">Nuestro proceso de purificación a bajas temperaturas preserva la integridad molecular de los flavonoides.</p>

</div>

</div>

<h3 class="text-xl font-bold mb-4">Grado Metabólico</h3>

<p class="text-gray-600 text-sm">Diseñado para interactuar positivamente con tu metabolismo, mejorando la respuesta a la insulina y la quema de grasas.</p>

</div>

</div>

<h3 class="text-xl font-bold mb-4">Enfoque Fisiológico</h3>

<p class="text-gray-600 text-sm">Los flavonoides purificados optimizan la función endotelial y la salud cardiovascular, aumentando el flujo de oxígeno al cerebro.</p>

</div>

</div>

<h3 class="text-xl font-bold mb-4">Criopurificación</h3>

<p class="text-gray-600 text-sm">Un método exclusivo que elimina impurezas sin degradar los nutrientes por calor extremo, manteniendo el chocolate "vivo".</p>

</div>

</section>

<h2 class="text-4xl md:text-5xl mb-12">Nuestra Colección</h2>

<span class="absolute top-4 left-4 bg-chocolate-dark text-white px-3 py-1 text-xs uppercase tracking-tighter">Más Vendido</span>

</div>

<button class="w-full border-2 border-chocolate-dark py-3 rounded-full font-bold hover:bg-chocolate-dark hover:text-white transition">Añadir al Carrito</button>

</div>

<span class="absolute top-4 left-4 bg-gold text-white px-3 py-1 text-xs uppercase tracking-tighter">Funcional</span>

</div>

<h3 class="text-xl font-bold mb-2">KAI Metabolic Boost</h3>

<button class="w-full border-2 border-chocolate-dark py-3 rounded-full font-bold hover:bg-chocolate-dark hover:text-white transition">Añadir al Carrito</button>

</div>

</div>

<h3 class="text-xl font-bold mb-2">KAI Criopurificado 100%</h3>

<button class="w-full border-2 border-chocolate-dark py-3 rounded-full font-bold hover:bg-chocolate-dark hover:text-white transition">Añadir al Carrito</button>

</div>

</section>

<div class="text-3xl font-bold serif mb-6">KAI <span class="text-gold">CHOCOLATE</span></div>

<p class="text-gray-400 max-w-sm mb-6">Redefiniendo el placer a través de la medicina del cacao. Purificado para tu bienestar.</p>

</div>

<div>

<h4 class="font-bold mb-6 uppercase text-sm tracking-widest text-gold">Explorar</h4>

<li><a href="#" class="hover:text-white transition">Tienda</a></li>

<li><a href="#" class="hover:text-white transition">La Ciencia</a></li>

<li><a href="#" class="hover:text-white transition">Newsletter Metabólico</a></li>

</ul>

</div>

<div>

<h4 class="font-bold mb-6 uppercase text-sm tracking-widest text-gold">Contacto</h4>

<p class="text-gray-400 mb-4">info@kaichocolate.com</p>

<p class="text-gray-400">Federación San Vicente</p>

</div>

</div>

</footer>

// Efecto suave de scroll

document.querySelectorAll('a[href^="#"]').forEach(anchor => {

anchor.addEventListener('click', function (e) {

e.preventDefault();

document.querySelector(this.getAttribute('href')).scrollIntoView({

behavior: 'smooth'

});

</script>

</body>

</html>