From 8f820848355424e1ced3a6dc5b75a43229276ff3 Mon Sep 17 00:00:00 2001
From: "Joseph.Rawlings" <root0091@gmail.com>
Date: Tue, 23 Dec 2025 08:42:44 -0500
Subject: [PATCH] feat: enhance homepage with multiple floating badges for
 improved service visibility

---
 themes/lucentui/views/home.blade.php | 37 ++++++++++++++++++++++------
 1 file changed, 30 insertions(+), 7 deletions(-)

diff --git a/themes/lucentui/views/home.blade.php b/themes/lucentui/views/home.blade.php
index 429dd1102..c5622902d 100644
--- a/themes/lucentui/views/home.blade.php
+++ b/themes/lucentui/views/home.blade.php
@@ -19,13 +19,36 @@
             <div class="flex flex-col lg:flex-row items-center gap-12 lg:gap-20">
                 <!-- Left Content -->
                 <div class="flex-1 text-center lg:text-left max-w-2xl">
-                    <!-- Floating Badge -->
-                    <div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-gradient-to-r from-primary/20 to-secondary/20 border border-primary/30 backdrop-blur-sm mb-8 animate-fade-in-up">
-                        <span class="relative flex h-2 w-2">
-                            <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-primary opacity-75"></span>
-                            <span class="relative inline-flex rounded-full h-2 w-2 bg-primary"></span>
-                        </span>
-                        <span class="text-sm font-medium text-color-base">{{ theme('homepage_badge', 'Enterprise VPS with Complete Control') }}</span>
+                    <!-- Floating Badges -->
+                    <div class="inline-flex flex-wrap items-center gap-2 mb-8 animate-fade-in-up">
+                        <div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-gradient-to-r from-primary/20 to-secondary/20 border border-primary/30 backdrop-blur-sm">
+                            <span class="relative flex h-2 w-2">
+                                <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-primary opacity-75"></span>
+                                <span class="relative inline-flex rounded-full h-2 w-2 bg-primary"></span>
+                            </span>
+                            <span class="text-sm font-medium text-color-base">{{ theme('homepage_badge_1', 'VPS Hosting') }}</span>
+                        </div>
+                        <div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-gradient-to-r from-primary/20 to-secondary/20 border border-primary/30 backdrop-blur-sm">
+                            <span class="relative flex h-2 w-2">
+                                <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-secondary opacity-75"></span>
+                                <span class="relative inline-flex rounded-full h-2 w-2 bg-secondary"></span>
+                            </span>
+                            <span class="text-sm font-medium text-color-base">{{ theme('homepage_badge_2', 'Website Hosting') }}</span>
+                        </div>
+                        <div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-gradient-to-r from-primary/20 to-secondary/20 border border-primary/30 backdrop-blur-sm">
+                            <span class="relative flex h-2 w-2">
+                                <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-primary opacity-75"></span>
+                                <span class="relative inline-flex rounded-full h-2 w-2 bg-primary"></span>
+                            </span>
+                            <span class="text-sm font-medium text-color-base">{{ theme('homepage_badge_3', 'BGP Transit') }}</span>
+                        </div>
+                        <div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-gradient-to-r from-primary/20 to-secondary/20 border border-primary/30 backdrop-blur-sm">
+                            <span class="relative flex h-2 w-2">
+                                <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-secondary opacity-75"></span>
+                                <span class="relative inline-flex rounded-full h-2 w-2 bg-secondary"></span>
+                            </span>
+                            <span class="text-sm font-medium text-color-base">{{ theme('homepage_badge_4', 'Contracted Support') }}</span>
+                        </div>
                     </div>
 
                     <!-- Hero Title with Gradient -->