ProjectGenesis commited on
Commit
fc5e1f3
·
verified ·
1 Parent(s): cbdd21f

Combine the "Active Perks" icons into the "Hero Section" - Follow Up Deployment

Browse files
Files changed (2) hide show
  1. index.html +32 -1
  2. 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"