From 0294b29afcec09871b696855c5e1c28f7d727fc3 Mon Sep 17 00:00:00 2001
From: devops <cristiancruz0529@gmail.com>
Date: Sun, 12 Jul 2026 05:42:41 +0000
Subject: [PATCH] Actualizar workloads/ecommerce/index.html

---
 workloads/ecommerce/index.html | 66 ++++++++++++++++++++++------------
 1 file changed, 43 insertions(+), 23 deletions(-)

diff --git a/workloads/ecommerce/index.html b/workloads/ecommerce/index.html
index b35a0b5..c4e7090 100644
--- a/workloads/ecommerce/index.html
+++ b/workloads/ecommerce/index.html
@@ -5,36 +5,56 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>CruzCloud Shop</title>
     <style>
-        body { font-family: 'Proxima Nova', -apple-system, Roboto, Arial, sans-serif; margin: 0; background-color: #ebebeb; color: #333; }
-        .header { background-color: #fff159; padding: 15px; display: flex; justify-content: center; }
-        .search-bar { width: 60%; padding: 12px; border: 1px solid #ccc; border-radius: 2px; font-size: 16px; box-shadow: 0 1px 2px 0 rgba(0,0,0,.1); }
-        .container { max-width: 1000px; margin: 40px auto; background: #fff; border-radius: 4px; box-shadow: 0 1px 2px 0 rgba(0,0,0,.1); display: flex; padding: 20px; }
-        .product-image { flex: 1; text-align: center; padding: 20px; }
-        .product-image img { max-width: 100%; border-radius: 4px; }
-        .product-details { flex: 1; padding: 20px; display: flex; flex-direction: column; }
-        .condition { font-size: 14px; color: rgba(0,0,0,.55); margin-bottom: 5px; }
-        .title { font-size: 22px; font-weight: 600; margin: 0 0 15px 0; }
-        .price { font-size: 36px; font-weight: 300; margin: 0 0 20px 0; }
-        .shipping { color: #00a650; font-weight: 600; margin-bottom: 20px; display: flex; align-items: center; }
-        .btn-buy { background-color: #3483fa; color: #fff; border: none; border-radius: 6px; padding: 16px; font-size: 16px; font-weight: 600; cursor: pointer; text-align: center; transition: background-color .2s; }
-        .btn-buy:hover { background-color: #2968c8; }
-        @media (max-width: 768px) { .container { flex-direction: column; } .search-bar { width: 90%; } }
+        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; margin: 0; background-color: #f2f8fd; color: #333; }
+        .header { background-color: #0071dc; padding: 15px 30px; display: flex; align-items: center; justify-content: space-between; color: white; }
+        .logo { font-size: 24px; font-weight: bold; letter-spacing: 1px; }
+        .search-bar { flex: 1; margin: 0 40px; padding: 12px 20px; border: none; border-radius: 24px; font-size: 16px; outline: none; }
+        .container { max-width: 1200px; margin: 40px auto; display: flex; gap: 30px; padding: 0 20px; }
+        .product-gallery { flex: 1; background: white; padding: 40px; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); text-align: center; }
+        .product-gallery img { max-width: 100%; height: auto; max-height: 400px; }
+        .product-info { flex: 1; display: flex; flex-direction: column; }
+        .brand { color: #0071dc; font-weight: 600; text-decoration: underline; cursor: pointer; margin-bottom: 8px; display: inline-block; }
+        .title { font-size: 28px; font-weight: 400; margin: 0 0 15px 0; line-height: 1.3; }
+        .price { font-size: 42px; font-weight: 700; color: #b12704; margin: 0 0 20px 0; display: flex; align-items: flex-start; }
+        .price span { font-size: 20px; margin-top: 5px; margin-right: 4px; }
+        .stock-status { color: #008a00; font-weight: bold; font-size: 18px; margin-bottom: 20px; }
+        .buy-box { background: white; padding: 30px; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); border: 1px solid #e3e4e6; }
+        .btn { width: 100%; padding: 15px; border-radius: 24px; font-size: 16px; font-weight: bold; cursor: pointer; border: none; margin-bottom: 12px; transition: background-color 0.2s; }
+        .btn-cart { background-color: #ffd814; color: #0f1111; }
+        .btn-cart:hover { background-color: #f7ca00; }
+        .btn-buy { background-color: #ffa41c; color: #0f1111; }
+        .btn-buy:hover { background-color: #fa8900; }
+        .features { margin-top: 30px; font-size: 15px; line-height: 1.6; }
+        .features li { margin-bottom: 8px; }
     </style>
 </head>
 <body>
     <header class="header">
-        <input type="text" class="search-bar" placeholder="Buscar productos, marcas y más...">
+        <div class="logo">CruzCloud Shop</div>
+        <input type="text" class="search-bar" placeholder="Busca servidores, networking y más...">
+        <div class="account">Hola, Cristian</div>
     </header>
     <main class="container">
-        <div class="product-image">
-            <img src="https://m.media-amazon.com/images/I/61y88qEwHPL._AC_SL1500_.jpg" alt="ZimaBoard 832">
+        <div class="product-gallery">
+            <img src="https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&q=80&w=1000" alt="Servidor de alto rendimiento">
         </div>
-        <div class="product-details">
-            <span class="condition">Nuevo | +1000 vendidos</span>
-            <h1 class="title">Servidor ZimaBoard 832 - Single Board Server, Personal NAS</h1>
-            <p class="price">$ 199.00</p>
-            <p class="shipping">Llega gratis mañana</p>
-            <button class="btn-buy">Comprar ahora</button>
+        <div class="product-info">
+            <span class="brand">Visita la tienda de Infraestructura</span>
+            <h1 class="title">Servidor ZimaBoard 832 - Single Board Server para k3d y Docker (8GB RAM, 32GB eMMC)</h1>
+            <div class="price"><span>$</span>199<span>00</span></div>
+            
+            <div class="buy-box">
+                <div class="stock-status">Disponible.</div>
+                <button class="btn btn-cart">Agregar al carrito</button>
+                <button class="btn btn-buy">Comprar ahora</button>
+            </div>
+
+            <ul class="features">
+                <li><strong>Procesador:</strong> Intel Celeron N3450 Quad-Core.</li>
+                <li><strong>Memoria:</strong> 8GB LPDDR4.</li>
+                <li><strong>Conectividad:</strong> Dual Gigabit Ethernet.</li>
+                <li><strong>Ideal para:</strong> Self-hosting, edge computing y laboratorios GitOps.</li>
+            </ul>
         </div>
     </main>
 </body>