29 lines
1.6 KiB
Plaintext
29 lines
1.6 KiB
Plaintext
<section id="consumibles" class="rounded-3xl bg-gradient-to-br from-slate-800/50 to-slate-900/50 backdrop-blur-xl border border-white/10 p-8 shadow-2xl shadow-indigo-500/10">
|
|
<h2 class="text-3xl sm:text-4xl font-bold mb-3 bg-clip-text text-transparent bg-gradient-to-r from-white to-indigo-200">🍖 Consumibles y Pociones</h2>
|
|
<p class="text-slate-200">Usa comida y pociones para curarte o ganar ventajas temporales.</p>
|
|
|
|
<div class="grid gap-6 md:grid-cols-2">
|
|
<div class="space-y-3 rounded-2xl border border-white/5 bg-slate-900/60 p-5">
|
|
<h3 class="text-lg font-semibold text-white">🍽️ Uso</h3>
|
|
<div class="bg-slate-900/50 p-3 rounded-lg text-sm">
|
|
<code class="text-indigo-200">!comer <itemKey></code>
|
|
</div>
|
|
<p class="text-slate-300 text-sm">Ejemplo: <span class="font-mono">!comer minor_healing_potion</span></p>
|
|
</div>
|
|
<div class="space-y-3 rounded-2xl border border-white/5 bg-slate-900/60 p-5">
|
|
<h3 class="text-lg font-semibold text-white">⚙️ Props JSON útiles</h3>
|
|
<div class="bg-slate-900/50 p-3 rounded-lg text-xs overflow-x-auto">
|
|
<pre class="text-indigo-200 whitespace-pre-wrap">{
|
|
"food": { "healHp": 50, "healPercent": 0, "cooldownSeconds": 60 },
|
|
"stackable": true, "maxInventory": 10
|
|
}</pre>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-6 rounded-2xl border border-amber-500/30 bg-amber-500/10 p-5 text-sm text-amber-100">
|
|
<strong class="block text-base font-semibold text-amber-200 mb-2">Cooldowns</strong>
|
|
<p>Algunos consumibles comparten cooldown por categoría. Usa <span class="font-mono">!cooldowns</span> para revisarlos.</p>
|
|
</div>
|
|
</section>
|