feat: actualizar secciones de EJS con contenido y mejoras de diseño en la documentación del sistema de juego
This commit is contained in:
@@ -38,7 +38,7 @@
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<button id="toggle-nav" class="group px-10 py-4 text-lg font-bold text-white backdrop-blur-xl bg-white/5 border-2 border-white/10 rounded-2xl hover:bg-white/10 hover:border-white/20 hover:scale-105 transition-all duration-300">
|
||||
<button id="toggle-nav" class="group px-10 py-4 text-lg font-bold text-white backdrop-blur-xl bg-white/5 border-2 border-white/10 rounded-2xl hover:bg-white/10 hover:border-white/20 hover:scale-105 transition-all duration-300 lg:hidden">
|
||||
<span class="flex items-center gap-2">
|
||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
|
||||
@@ -69,7 +69,7 @@
|
||||
<div class="mx-auto flex w-full max-w-[90rem] flex-1 flex-col gap-10 px-0 md:px-6 pb-16 lg:flex-row lg:px-10">
|
||||
<%- await include('../partials/toc') %>
|
||||
|
||||
<main class="flex-1 min-w-0 lg:max-w-4xl xl:max-w-5xl">
|
||||
<main class="flex-1 min-w-0 lg:max-w-[60rem] xl:max-w-[72rem]">
|
||||
<div class="mx-auto flex w-full flex-col gap-8">
|
||||
<%- await include('../partials/sections/primeros-pasos') %>
|
||||
<%- await include('../partials/sections/comandos-basicos') %>
|
||||
|
||||
@@ -1,4 +1,26 @@
|
||||
<section id="comandos-basicos" 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">
|
||||
<section id="comandos-basicos" 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 backdrop-blur">
|
||||
<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">⚡ Comandos Básicos</h2>
|
||||
<p class="text-slate-300 text-sm">Contenido en migración a EJS…</p>
|
||||
<p class="text-slate-200">
|
||||
Estos son los comandos esenciales que necesitas conocer para empezar.
|
||||
</p>
|
||||
|
||||
<div class="space-y-4">
|
||||
<div class="rounded-2xl border border-white/5 bg-slate-900/60 p-5">
|
||||
<h3 class="text-lg font-semibold text-white mb-3">📋 Información y Utilidad</h3>
|
||||
<div class="space-y-3 text-sm">
|
||||
<div class="flex flex-col gap-1">
|
||||
<code class="rounded bg-indigo-500/15 px-2 py-1 font-mono text-indigo-200 w-fit">!ayuda [comando|categoría]</code>
|
||||
<p class="text-slate-300 pl-2">Muestra la lista de comandos. También puedes usar <code class="text-xs">!help</code>, <code class="text-xs">!comandos</code> o <code class="text-xs">!cmds</code></p>
|
||||
</div>
|
||||
<div class="flex flex-col gap-1">
|
||||
<code class="rounded bg-indigo-500/15 px-2 py-1 font-mono text-indigo-200 w-fit">!ping</code>
|
||||
<p class="text-slate-300 pl-2">Verifica la latencia del bot. También: <code class="text-xs">!latency</code>, <code class="text-xs">!pong</code></p>
|
||||
</div>
|
||||
<div class="flex flex-col gap-1">
|
||||
<code class="rounded bg-indigo-500/15 px-2 py-1 font-mono text-indigo-200 w-fit">!player [@usuario]</code>
|
||||
<p class="text-slate-300 pl-2">Muestra tu perfil completo de jugador con estadísticas, equipo e inventario. También: <code class="text-xs">!perfil</code>, <code class="text-xs">!profile</code>, <code class="text-xs">!yo</code>, <code class="text-xs">!me</code></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -1,4 +1,26 @@
|
||||
<section id="crafteo" 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">
|
||||
<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">🛠️ Crafteo y Creación</h2>
|
||||
<p class="text-slate-300 text-sm">Contenido en migración a EJS…</p>
|
||||
<section id="crafteo" 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">🛠️ Crafteo</h2>
|
||||
<p class="text-slate-200">Combina materiales para crear objetos. Algunas recetas requieren nivel mínimo o herramientas específicas.</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">📜 Ver Recetas</h3>
|
||||
<div class="bg-slate-900/50 p-3 rounded-lg text-sm">
|
||||
<code class="text-indigo-200">!recetas</code>
|
||||
</div>
|
||||
<p class="text-slate-300 text-sm">Lista de recetas disponibles y sus requisitos.</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">🧪 Crear un Objeto</h3>
|
||||
<div class="bg-slate-900/50 p-3 rounded-lg text-sm">
|
||||
<code class="text-indigo-200">!craftear <receta> [cantidad]</code>
|
||||
</div>
|
||||
<p class="text-slate-300 text-sm">Ejemplo: <span class="font-mono">!craftear espada 1</span></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-6 rounded-2xl border border-indigo-500/30 bg-indigo-500/10 p-5 text-sm text-indigo-100">
|
||||
<strong class="block text-base font-semibold text-indigo-200 mb-2">Nota</strong>
|
||||
<p>Las recetas pueden actualizarse con nuevos parches. Revisa <span class="font-mono">!recetas</span> después de una actualización.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -1,4 +1,31 @@
|
||||
<section id="economia" 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">
|
||||
<section id="economia" 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 backdrop-blur">
|
||||
<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">💰 Sistema de Economía</h2>
|
||||
<p class="text-slate-300 text-sm">Contenido en migración a EJS…</p>
|
||||
<p class="text-slate-200">Gana y gestiona monedas para comprar items, participar en eventos y mejorar tu progreso.</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">🪙 Ver tus Monedas</h3>
|
||||
<div class="space-y-2 text-sm">
|
||||
<div class="bg-slate-900/50 p-3 rounded-lg">
|
||||
<code class="text-indigo-200">!monedas [@usuario]</code>
|
||||
</div>
|
||||
<p class="text-slate-300">Muestra el balance de monedas tuyo o de otro usuario.</p>
|
||||
</div>
|
||||
</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">💸 Cómo Ganar Monedas</h3>
|
||||
<ul class="list-disc space-y-1 pl-5 text-sm text-slate-200">
|
||||
<li>Jugar minijuegos (minar, pescar, pelear, plantar)</li>
|
||||
<li>Completar misiones</li>
|
||||
<li>Mantener tu racha diaria</li>
|
||||
<li>Abrir cofres</li>
|
||||
<li>Vender items (si está habilitado)</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="rounded-2xl border border-amber-500/30 bg-amber-500/10 p-5 text-sm text-amber-100 mt-4">
|
||||
<strong class="block text-base font-semibold text-amber-200 mb-2">⚠️ Importante:</strong>
|
||||
<p>Las monedas son específicas por servidor. Cada servidor de Discord tiene su propia economía independiente.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -1,4 +1,48 @@
|
||||
<section id="inventario-equipo" 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">
|
||||
<section id="inventario-equipo" 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 backdrop-blur">
|
||||
<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">🎒 Inventario y Equipo</h2>
|
||||
<p class="text-slate-300 text-sm">Contenido en migración a EJS…</p>
|
||||
<p class="text-slate-200">
|
||||
Gestiona todos tus items y equipa armas, armaduras y capas para mejorar tus estadísticas.
|
||||
</p>
|
||||
|
||||
<div class="space-y-4">
|
||||
<div class="rounded-2xl border border-white/5 bg-slate-900/60 p-5">
|
||||
<h3 class="text-lg font-semibold text-white mb-3">📦 Ver tu Inventario</h3>
|
||||
<div class="space-y-3 text-sm">
|
||||
<div class="bg-slate-900/50 p-3 rounded-lg">
|
||||
<code class="text-indigo-200">!inventario [página|filtro]</code>
|
||||
<p class="text-xs text-slate-400 mt-1">Aliases: <code class="text-xs">!inv</code></p>
|
||||
</div>
|
||||
<p class="text-slate-300">Muestra todos tus items con cantidades, información de herramientas y estadísticas.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="rounded-2xl border border-white/5 bg-slate-900/60 p-5">
|
||||
<h3 class="text-lg font-semibold text-white mb-3">🧤 Equipar Items</h3>
|
||||
<div class="space-y-3 text-sm">
|
||||
<div class="bg-slate-900/50 p-3 rounded-lg">
|
||||
<code class="text-indigo-200">!equipar <slot> <itemKey></code>
|
||||
<p class="text-xs text-slate-400 mt-1">Aliases: <code class="text-xs">!equip</code></p>
|
||||
</div>
|
||||
<div class="grid gap-3 md:grid-cols-3 mt-3">
|
||||
<div class="bg-indigo-500/10 border border-indigo-500/30 rounded-lg p-3">
|
||||
<p class="font-semibold text-indigo-200 mb-1">⚔️ weapon</p>
|
||||
<p class="text-xs text-slate-300">Armas que aumentan tu daño (ATK)</p>
|
||||
</div>
|
||||
<div class="bg-indigo-500/10 border border-indigo-500/30 rounded-lg p-3">
|
||||
<p class="font-semibold text-indigo-200 mb-1">🛡️ armor</p>
|
||||
<p class="text-xs text-slate-300">Armaduras que aumentan tu defensa (DEF)</p>
|
||||
</div>
|
||||
<div class="bg-indigo-500/10 border border-indigo-500/30 rounded-lg p-3">
|
||||
<p class="font-semibold text-indigo-200 mb-1">🧥 cape</p>
|
||||
<p class="text-xs text-slate-300">Capas con bonos especiales (HP, stats)</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="rounded-2xl border border-emerald-500/30 bg-emerald-500/10 p-5 text-sm text-emerald-100">
|
||||
<strong class="block text-base font-semibold text-emerald-200 mb-2">💡 Tip:</strong>
|
||||
<p>Usa <code class="rounded bg-emerald-500/20 px-1.5 py-0.5 font-mono text-xs">!player</code> para ver rápidamente tu equipo actual y las estadísticas que te otorgan.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -1,4 +1,28 @@
|
||||
<section id="logros" 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">
|
||||
<section id="logros" 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">🏆 Logros</h2>
|
||||
<p class="text-slate-300 text-sm">Contenido en migración a EJS…</p>
|
||||
<p class="text-slate-200">Completa objetivos para obtener recompensas únicas y mostrar tu progreso.</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">📊 Ver tus Logros</h3>
|
||||
<div class="bg-slate-900/50 p-3 rounded-lg text-sm">
|
||||
<code class="text-indigo-200">!logros</code>
|
||||
</div>
|
||||
<p class="text-slate-300 text-sm">Muestra logros completados y pendientes, con su progreso.</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">🎯 Progreso</h3>
|
||||
<ul class="list-disc space-y-1 pl-5 text-sm text-slate-200">
|
||||
<li>Juega minijuegos y combates</li>
|
||||
<li>Completa misiones</li>
|
||||
<li>Alcanza rachas diarias</li>
|
||||
<li>Explora nuevas funciones (crafteo, fundición, etc.)</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-6 rounded-2xl border border-fuchsia-500/30 bg-fuchsia-500/10 p-5 text-sm text-fuchsia-100">
|
||||
<strong class="block text-base font-semibold text-fuchsia-200 mb-2">Tip</strong>
|
||||
<p>Algunos logros otorgan títulos o insignias visibles en el servidor. ¡Presúmelos!</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -1,4 +1,57 @@
|
||||
<section id="minijuegos" 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">
|
||||
<section id="minijuegos" 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 backdrop-blur">
|
||||
<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">🎯 Minijuegos y Actividades</h2>
|
||||
<p class="text-slate-300 text-sm">Contenido en migración a EJS…</p>
|
||||
<p class="text-slate-200">
|
||||
Los minijuegos son la forma principal de ganar recursos, monedas y experiencia. Cada uno tiene su propio estilo y recompensas.
|
||||
</p>
|
||||
|
||||
<div class="space-y-6">
|
||||
<div class="rounded-2xl border border-orange-500/30 bg-orange-500/5 p-5">
|
||||
<h3 class="text-lg font-semibold text-orange-200 mb-3">⛏️ Minar (Mining)</h3>
|
||||
<div class="space-y-3 text-sm text-slate-200">
|
||||
<p>Ve a la mina y extrae recursos minerales valiosos. Necesitas un pico para minar.</p>
|
||||
<div class="bg-slate-900/50 p-3 rounded-lg">
|
||||
<code class="text-indigo-200">!mina [nivel] [herramienta] [area:clave]</code>
|
||||
<p class="text-xs text-slate-400 mt-1">Aliases: <code class="text-xs">!minar</code></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="rounded-2xl border border-cyan-500/30 bg-cyan-500/5 p-5">
|
||||
<h3 class="text-lg font-semibold text-cyan-200 mb-3">🎣 Pescar (Fishing)</h3>
|
||||
<div class="space-y-3 text-sm text-slate-200">
|
||||
<p>Lanza tu caña en la laguna y captura peces y tesoros acuáticos. Necesitas una caña de pescar.</p>
|
||||
<div class="bg-slate-900/50 p-3 rounded-lg">
|
||||
<code class="text-indigo-200">!pescar [nivel] [herramienta] [area:clave]</code>
|
||||
<p class="text-xs text-slate-400 mt-1">Aliases: <code class="text-xs">!fish</code></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="rounded-2xl border border-red-500/30 bg-red-500/5 p-5">
|
||||
<h3 class="text-lg font-semibold text-red-200 mb-3">⚔️ Pelear (Combat)</h3>
|
||||
<div class="space-y-3 text-sm text-slate-200">
|
||||
<p>Entra a la arena y enfrenta enemigos peligrosos. Las armas mejoran tu daño.</p>
|
||||
<div class="bg-slate-900/50 p-3 rounded-lg">
|
||||
<code class="text-indigo-200">!pelear [nivel] [arma] [area:clave]</code>
|
||||
<p class="text-xs text-slate-400 mt-1">Aliases: <code class="text-xs">!fight</code>, <code class="text-xs">!arena</code></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="rounded-2xl border border-green-500/30 bg-green-500/5 p-5">
|
||||
<h3 class="text-lg font-semibold text-green-200 mb-3">🌾 Plantar/Cultivar (Farming)</h3>
|
||||
<div class="space-y-3 text-sm text-slate-200">
|
||||
<p>Cultiva plantas y cosecha alimentos en tu granja. Usa una azada para mejores resultados.</p>
|
||||
<div class="bg-slate-900/50 p-3 rounded-lg">
|
||||
<code class="text-indigo-200">!plantar [nivel] [herramienta]</code>
|
||||
<p class="text-xs text-slate-400 mt-1">Aliases: <code class="text-xs">!farm</code></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="rounded-2xl border border-sky-500/30 bg-sky-500/10 p-5 text-sm text-sky-100 mt-4">
|
||||
<strong class="block text-base font-semibold text-sky-200 mb-2">⏰ Cooldowns:</strong>
|
||||
<p>Cada minijuego tiene un tiempo de espera (cooldown) entre usos. Usa <code class="rounded bg-sky-500/20 px-1.5 py-0.5 font-mono text-xs">!cooldowns</code> para ver tus tiempos activos.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -1,4 +1,36 @@
|
||||
<section id="sistema-juego" 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">
|
||||
<section id="sistema-juego" 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 backdrop-blur">
|
||||
<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">🎮 Sistema de Juego</h2>
|
||||
<p class="text-slate-300 text-sm">Contenido en migración a EJS…</p>
|
||||
<p class="text-slate-200">
|
||||
El sistema de juego de Amayo incluye <strong class="text-white">HP (puntos de vida)</strong>, <strong class="text-white">estadísticas de combate</strong>, <strong class="text-white">niveles de progresión</strong> y más.
|
||||
</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">⚔️ Estadísticas de Combate</h3>
|
||||
<ul class="list-disc space-y-1 pl-5 text-sm text-slate-200">
|
||||
<li><strong class="text-white">HP (Vida):</strong> Tus puntos de vida actuales y máximos</li>
|
||||
<li><strong class="text-white">ATK (Ataque):</strong> Daño que infliges a los enemigos</li>
|
||||
<li><strong class="text-white">DEF (Defensa):</strong> Reduce el daño recibido</li>
|
||||
<li><strong class="text-white">Bonos de Equipo:</strong> Las armas, armaduras y capas mejoran tus stats</li>
|
||||
</ul>
|
||||
</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">📊 Ver tus Estadísticas</h3>
|
||||
<div class="space-y-2 text-sm">
|
||||
<div class="flex flex-col gap-1">
|
||||
<code class="rounded bg-indigo-500/15 px-2 py-1 font-mono text-indigo-200 w-fit">!player</code>
|
||||
<p class="text-slate-300">Vista general de tu perfil</p>
|
||||
</div>
|
||||
<div class="flex flex-col gap-1">
|
||||
<code class="rounded bg-indigo-500/15 px-2 py-1 font-mono text-indigo-200 w-fit">!stats</code>
|
||||
<p class="text-slate-300">Estadísticas detalladas de todas tus actividades</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="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">💡 Consejo:</strong>
|
||||
<p>Equipa mejores armas y armaduras para aumentar tus estadísticas y tener más éxito en los minijuegos de combate.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -1,4 +1,28 @@
|
||||
<section id="tienda" 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">
|
||||
<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">🛒 Tienda y Compras</h2>
|
||||
<p class="text-slate-300 text-sm">Contenido en migración a EJS…</p>
|
||||
<section id="tienda" 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">🛒 Tienda</h2>
|
||||
<p class="text-slate-200">Compra y vende objetos utilizando tus monedas. La disponibilidad puede variar según el servidor.</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">🧾 Ver Catálogo</h3>
|
||||
<div class="space-y-2 text-sm">
|
||||
<div class="bg-slate-900/50 p-3 rounded-lg">
|
||||
<code class="text-indigo-200">!tienda</code>
|
||||
</div>
|
||||
<p class="text-slate-300">Muestra la lista de items disponibles actualmente.</p>
|
||||
</div>
|
||||
</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">🛍️ Comprar Items</h3>
|
||||
<div class="bg-slate-900/50 p-3 rounded-lg text-sm">
|
||||
<code class="text-indigo-200">!comprar <item> [cantidad]</code>
|
||||
</div>
|
||||
<p class="text-slate-300 text-sm">Ejemplo: <span class="font-mono">!comprar pocion 3</span></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-6 rounded-2xl border border-emerald-500/30 bg-emerald-500/10 p-5 text-sm text-emerald-100">
|
||||
<strong class="block text-base font-semibold text-emerald-200 mb-2">Consejo</strong>
|
||||
<p>Algunos items tienen descuentos temporales o packs especiales. ¡Revisa la tienda con frecuencia!</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user