marsalva/Portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Actualizar index.html

Browse Source
This commit is contained in:
marsalva
2026-04-03 16:20:47 +00:00
parent 2923c2a872
commit 0944080945
1 changed files with 16 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
index.html
View File

@@ -85,20 +85,25 @@
</div>
</header>
<div id="promo-banner" onclick="window.location.href='plan-tranquilidad.html?token=' + urlToken" class="hidden cursor-pointer mt-6 mb-2 mx-5 fade-in bg-[#131b2c] rounded-[2.5rem] p-8 shadow-lg transition-all hover:shadow-xl active:scale-[0.98]">
<div class="flex flex-col items-center text-center">
<div class="w-14 h-14 bg-[#232b3e] rounded-2xl flex items-center justify-center mb-5">
<i data-lucide="zap" class="w-6 h-6 text-amber-400"></i>
</div>
<h3 class="text-white font-black text-2xl tracking-tight mb-3">Protege tu hogar todo el año</h3>
<p class="text-slate-400 text-sm font-medium leading-relaxed mb-7 px-2">
Olvídate de las averías imprevistas con nuestro Plan Tranquilidad. Incluye urgencias gratuitas y revisión anual.
<div id="promo-banner" onclick="window.location.href='plan-tranquilidad.html?token=' + urlToken" class="hidden cursor-pointer mt-4 mb-2 mx-5 fade-in bg-[#131b2c] rounded-2xl p-4 shadow-md transition-all hover:shadow-lg active:scale-[0.98] flex items-center gap-4">
<div class="w-12 h-12 shrink-0 bg-[#232b3e] rounded-xl flex items-center justify-center border border-white/5">
<i data-lucide="shield-check" class="w-6 h-6 text-amber-400"></i>
</div>
<div class="flex-1 text-left min-w-0">
<h3 class="text-white font-black text-sm tracking-tight leading-tight truncate">Plan Tranquilidad</h3>
<p class="text-slate-400 text-[10px] font-medium mt-0.5 leading-snug pr-2">
Urgencias a 0€ y revisión anual. Descubre los planes.
</p>
<button class="w-full bg-white text-[#131b2c] font-black py-4 rounded-2xl text-xs uppercase tracking-widest">
Ver planes y precios
</button>
</div>
<div class="shrink-0 bg-white text-[#131b2c] w-8 h-8 rounded-full flex items-center justify-center shadow-sm">
<i data-lucide="arrow-right" class="w-4 h-4 font-bold"></i>
</div>
</div>
```
*(Si no ves los iconos a la primera, no te asustes, la función de Lucide que ya tienes en el script se encargará de pintarlos cuando cargue la página).*
Guarda, recarga tu portal y verás qué diferencia. Ahora es una "píldora" súper fina y atractiva que no interrumpe la experiencia del usuario. ¡A por ello!