From c9dd77b4bdbb6ef786ebd7d0499efa87f742b394 Mon Sep 17 00:00:00 2001
From: shnimlz <am7777336@gmail.com>
Date: Thu, 9 Oct 2025 23:26:55 -0500
Subject: [PATCH] =?UTF-8?q?feat:=20Mejorar=20el=20dise=C3=B1o=20del=20pie?=
 =?UTF-8?q?=20de=20p=C3=A1gina=20con=20nuevas=20secciones=20y=20estilos?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                     |  2 +-
 src/server/views/pages/index.ejs | 90 +++++++++++++++++---------------
 2 files changed, 50 insertions(+), 42 deletions(-)

diff --git a/package.json b/package.json
index d650527..7584b24 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "amayo",
-  "version": "2.0.17",
+  "version": "2.0.18",
   "description": "",
   "main": "src/main.ts",
   "scripts": {
diff --git a/src/server/views/pages/index.ejs b/src/server/views/pages/index.ejs
index 18ff0c1..8e7d754 100644
--- a/src/server/views/pages/index.ejs
+++ b/src/server/views/pages/index.ejs
@@ -36,54 +36,62 @@
         </a>
       </div>
 
-      <!-- Stats Footer con decoración y SVG background -->
-      <div class="flex flex-wrap justify-center gap-4 pt-8">
-        <!-- Discord.js Version -->
-        <div class="relative overflow-hidden py-3 px-6 text-sm flex items-center gap-2" 
-             style="background-image: url('/assets/images/snap.svg'); 
-                    background-size: cover; 
-                    background-position: center; 
-                    background-repeat: no-repeat;
-                    min-width: 180px;
-                    border-radius: 12px;
-                    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);">
-          <div class="absolute inset-0 bg-black/40 backdrop-blur-sm rounded-xl"></div>
-          <div class="relative z-10 flex items-center gap-2 flex-wrap justify-center">
-            <span class="pixel-leaf"></span>
-            <span class="whitespace-nowrap"><span class="pixel-text-dim">Discord.js</span> <%= djsVersion %></span>
+      <!-- Stats Footer con SVG Background de dos secciones -->
+      <div class="flex flex-wrap justify-center gap-6 pt-8">
+        <!-- Primera fila: Discord.js y Fecha -->
+        <div class="flex flex-wrap justify-center gap-6 w-full max-w-4xl">
+          <!-- Discord.js Version -->
+          <div class="relative overflow-hidden flex-1 min-w-[280px] max-w-[400px]" 
+               style="background-image: url('/assets/images/snap.svg'); 
+                      background-size: cover; 
+                      background-position: left center; 
+                      background-repeat: no-repeat;
+                      border-radius: 16px;
+                      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);">
+            <div class="absolute inset-0 bg-gradient-to-br from-black/50 via-black/40 to-transparent backdrop-blur-[2px] rounded-2xl"></div>
+            <div class="relative z-10 py-4 px-6 flex flex-col items-center justify-center gap-2 min-h-[100px]">
+              <span class="pixel-leaf text-2xl"></span>
+              <div class="text-center">
+                <p class="text-sm pixel-text-dim mb-1">Discord.js</p>
+                <p class="text-xl font-bold text-white"><%= djsVersion %></p>
+              </div>
+            </div>
+          </div>
+
+          <!-- Fecha de actualización -->
+          <div class="relative overflow-hidden flex-1 min-w-[280px] max-w-[400px]" 
+               style="background-image: url('/assets/images/snap.svg'); 
+                      background-size: cover; 
+                      background-position: right center; 
+                      background-repeat: no-repeat;
+                      border-radius: 16px;
+                      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);">
+            <div class="absolute inset-0 bg-gradient-to-br from-black/50 via-black/40 to-transparent backdrop-blur-[2px] rounded-2xl"></div>
+            <div class="relative z-10 py-4 px-6 flex flex-col items-center justify-center gap-2 min-h-[100px]">
+              <span class="text-2xl">✦</span>
+              <div class="text-center">
+                <p class="text-sm pixel-text-dim mb-1">Actualizado</p>
+                <p class="text-xl font-bold text-white"><%= currentDateHuman %></p>
+              </div>
+            </div>
           </div>
         </div>
 
-        <!-- Fecha de actualización -->
-        <div class="relative overflow-hidden py-3 px-6 text-sm flex items-center gap-2" 
+        <!-- Segunda fila: Secciones (Ocupa todo el ancho) -->
+        <div class="relative overflow-hidden w-full max-w-4xl" 
              style="background-image: url('/assets/images/snap.svg'); 
                     background-size: cover; 
                     background-position: center; 
                     background-repeat: no-repeat;
-                    min-width: 200px;
-                    border-radius: 12px;
-                    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);">
-          <div class="absolute inset-0 bg-black/40 backdrop-blur-sm rounded-xl"></div>
-          <div class="relative z-10 flex items-center gap-2 flex-wrap justify-center">
-            <span>✦</span>
-            <span class="whitespace-nowrap"><span class="pixel-text-dim">Actualizado:</span> <%= currentDateHuman %></span>
-          </div>
-        </div>
-
-        <!-- Secciones -->
-        <div class="relative overflow-hidden py-3 px-6 text-sm" 
-             style="background-image: url('/assets/images/snap.svg'); 
-                    background-size: cover; 
-                    background-position: center; 
-                    background-repeat: no-repeat;
-                    min-width: 220px;
-                    border-radius: 12px;
-                    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);">
-          <div class="absolute inset-0 bg-black/40 backdrop-blur-sm rounded-xl"></div>
-          <div class="relative z-10 flex items-center justify-center gap-2 flex-wrap">
-            <span style="color: var(--pixel-accent-3); font-weight: bold;">23 Secciones</span>
-            <span>•</span>
-            <span class="whitespace-nowrap">Creación de Contenido</span>
+                    border-radius: 16px;
+                    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);">
+          <div class="absolute inset-0 bg-gradient-to-br from-black/50 via-black/40 to-transparent backdrop-blur-[2px] rounded-2xl"></div>
+          <div class="relative z-10 py-6 px-8 flex flex-col items-center justify-center gap-3 min-h-[120px]">
+            <span class="text-3xl">🎮</span>
+            <div class="text-center space-y-1">
+              <p class="text-2xl font-bold" style="color: var(--pixel-accent-3);">23 Secciones</p>
+              <p class="text-lg text-white/90">Sistema Completo • Creación de Contenido</p>
+            </div>
           </div>
         </div>
       </div>