Joseph.Rawlings/Virtnet.bond
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

feat: enhance homepage with multiple floating badges for improved service visibility

Browse Source
This commit is contained in:
Joseph.Rawlings
2025-12-23 08:42:44 -05:00
parent c1f22b115d
commit 8f82084835
1 changed files with 30 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
themes/lucentui/views/home.blade.php
View File

@@ -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 -->