refactor: remove stats section from homepage layout to streamline design and focus on features, enhancing overall user experience

This commit is contained in:
2025-12-04 09:40:43 -05:00
parent 525e385ec0
commit b83a9cfae4

View File

@@ -156,81 +156,7 @@
</div>
</section>
<!-- Stats Section -->
<div class="py-16 md:py-24">
<div class="container mx-auto px-4">
<div class="grid grid-cols-2 lg:grid-cols-4 gap-4 md:gap-8">
<!-- Uptime Stat -->
<div class="text-center transform transition-all duration-300 hover:scale-105 animate-fade-in-up">
<div
class="bg-gradient-to-br from-background-secondary/60 to-background-secondary/30 border border-success/30 hover:border-success/50 rounded-2xl p-6 md:p-8 shadow-xl hover:shadow-success/20">
<div class="bg-success/20 text-success p-4 rounded-full inline-flex mb-6">
<x-ri-time-line class="size-8" />
</div>
<div class="text-4xl md:text-5xl font-bold text-success mb-3">99.9%</div>
<div class="text-color-base font-bold text-lg mb-2">{{ theme('stats_uptime_title', 'Uptime
Guarantee') }}</div>
<div class="text-color-muted text-sm">{{ theme('stats_uptime_subtitle', 'Industry-leading
reliability') }}</div>
</div>
</div>
<!-- Support Stat -->
<div
class="text-center transform transition-all duration-300 hover:scale-105 animate-fade-in-up animation-delay-100">
<div
class="bg-gradient-to-br from-background-secondary/60 to-background-secondary/30 border border-primary/30 hover:border-primary/50 rounded-2xl p-6 md:p-8 shadow-xl hover:shadow-primary/20">
<div class="bg-primary/20 text-primary p-4 rounded-full inline-flex mb-6">
<x-ri-customer-service-line class="size-8" />
</div>
<div class="text-4xl md:text-5xl font-bold text-primary mb-3">24/7</div>
<div class="text-color-base font-bold text-lg mb-2">{{ theme('stats_support_title', 'Expert
Support') }}</div>
<div class="text-color-muted text-sm">{{ theme('stats_support_subtitle', 'Always here to help')
}}</div>
</div>
</div>
<!-- Users Stat -->
<div
class="text-center transform transition-all duration-300 hover:scale-105 animate-fade-in-up animation-delay-200">
<div
class="bg-gradient-to-br from-background-secondary/60 to-background-secondary/30 border border-purple-500/30 hover:border-purple-500/50 rounded-2xl p-6 md:p-8 shadow-xl hover:shadow-purple-500/20">
<div class="bg-purple-500/20 text-purple-500 p-4 rounded-full inline-flex mb-6">
<x-ri-user-heart-line class="size-8" />
</div>
<div class="text-4xl md:text-5xl font-bold text-purple-500 mb-3">
{{ number_format(\App\Models\User::count()+1439) }}+
</div>
<div class="text-color-base font-bold text-lg mb-2">{{ theme('stats_users_title', 'Happy
Gamers') }}</div>
<div class="text-color-muted text-sm">{{ theme('stats_users_subtitle', 'Join our community') }}
</div>
</div>
</div>
<!-- Servers Stat -->
<div
class="text-center transform transition-all duration-300 hover:scale-105 animate-fade-in-up animation-delay-300">
<div
class="bg-gradient-to-br from-background-secondary/60 to-background-secondary/30 border border-orange-500/30 hover:border-orange-500/50 rounded-2xl p-6 md:p-8 shadow-xl hover:shadow-orange-500/20">
<div class="bg-orange-500/20 text-orange-500 p-4 rounded-full inline-flex mb-6">
<x-ri-database-line class="size-8" />
</div>
<div class="text-4xl md:text-5xl font-bold text-orange-500 mb-3">
{{ number_format(\App\Models\Service::count()+2560) }}+
</div>
<div class="text-color-base font-bold text-lg mb-2">{{ theme('stats_servers_title', 'Servers
Deployed') }}</div>
<div class="text-color-muted text-sm">{{ theme('stats_servers_subtitle', 'Powering environments
worldwide') }}</div>
</div>
</div>
</div>
</div>
</div>
<!-- Quick Actions Section -->
<!-- Features Section -->
<div class="py-12 md:py-20">
<div class="container mx-auto px-4">
<div class="text-center mb-16">