Combine the "Active Perks" icons into the "Hero Section" - Follow Up Deployment
Browse files- index.html +32 -1
- prompts.txt +2 -1
index.html
CHANGED
|
@@ -243,7 +243,7 @@
|
|
| 243 |
</div>
|
| 244 |
|
| 245 |
<div class="container mx-auto px-4 max-w-6xl relative z-10">
|
| 246 |
-
<!-- Hero Section -->
|
| 247 |
<section class="glass-card p-6 mb-8">
|
| 248 |
<div class="flex hero-section">
|
| 249 |
<div class="avatar-container flex items-center mr-8">
|
|
@@ -284,6 +284,37 @@
|
|
| 284 |
</div>
|
| 285 |
</div>
|
| 286 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 287 |
</div>
|
| 288 |
</div>
|
| 289 |
</section>
|
|
|
|
| 243 |
</div>
|
| 244 |
|
| 245 |
<div class="container mx-auto px-4 max-w-6xl relative z-10">
|
| 246 |
+
<!-- Hero Section with Perks -->
|
| 247 |
<section class="glass-card p-6 mb-8">
|
| 248 |
<div class="flex hero-section">
|
| 249 |
<div class="avatar-container flex items-center mr-8">
|
|
|
|
| 284 |
</div>
|
| 285 |
</div>
|
| 286 |
</div>
|
| 287 |
+
|
| 288 |
+
<!-- Perks Icons -->
|
| 289 |
+
<div class="flex justify-start mt-6 space-x-4">
|
| 290 |
+
<div class="flex flex-col items-center">
|
| 291 |
+
<div class="perk-icon w-12 h-12 rounded-full bg-gradient-to-br from-amber-500 to-orange-600 flex items-center justify-center text-xl active pulse">
|
| 292 |
+
|
| 293 |
+
</div>
|
| 294 |
+
<span class="mt-1 text-amber-300 text-xs">5% Cashback</span>
|
| 295 |
+
</div>
|
| 296 |
+
|
| 297 |
+
<div class="flex flex-col items-center">
|
| 298 |
+
<div class="perk-icon w-12 h-12 rounded-full bg-gradient-to-br from-amber-500 to-orange-600 flex items-center justify-center text-xl active pulse">
|
| 299 |
+
|
| 300 |
+
</div>
|
| 301 |
+
<span class="mt-1 text-amber-300 text-xs">Daily Bonus</span>
|
| 302 |
+
</div>
|
| 303 |
+
|
| 304 |
+
<div class="flex flex-col items-center">
|
| 305 |
+
<div class="perk-icon w-12 h-12 rounded-full bg-gradient-to-br from-amber-500 to-orange-600 flex items-center justify-center text-xl active">
|
| 306 |
+
🎮
|
| 307 |
+
</div>
|
| 308 |
+
<span class="mt-1 text-amber-300 text-xs">VIP Games</span>
|
| 309 |
+
</div>
|
| 310 |
+
|
| 311 |
+
<div class="flex flex-col items-center">
|
| 312 |
+
<div class="perk-icon w-12 h-12 rounded-full bg-gray-700 flex items-center justify-center text-xl">
|
| 313 |
+
🔒
|
| 314 |
+
</div>
|
| 315 |
+
<span class="mt-1 text-gray-500 text-xs">Early Access</span>
|
| 316 |
+
</div>
|
| 317 |
+
</div>
|
| 318 |
</div>
|
| 319 |
</div>
|
| 320 |
</section>
|
prompts.txt
CHANGED
|
@@ -10,4 +10,5 @@ Change the "Modern Stat Summary Panel" style to a different design with horizont
|
|
| 10 |
Change the "Account Settings Panel" section to a modern and minimalist style.
|
| 11 |
Change the "Account Settings Panel - Minimalist Style" display orientation to horizontal
|
| 12 |
Change the "Account Settings Panel - Minimalist Style" Section to a more modern style. Maintain Minimalist approach.
|
| 13 |
-
Reduce glass card container size for "Account Settings" section.
|
|
|
|
|
|
| 10 |
Change the "Account Settings Panel" section to a modern and minimalist style.
|
| 11 |
Change the "Account Settings Panel - Minimalist Style" display orientation to horizontal
|
| 12 |
Change the "Account Settings Panel - Minimalist Style" Section to a more modern style. Maintain Minimalist approach.
|
| 13 |
+
Reduce glass card container size for "Account Settings" section.
|
| 14 |
+
Combine the "Active Perks" icons into the "Hero Section"
|